連山のブログ衆で、MovableTypeのことで質問したいことがあれば、御蔵（Google-talk）や、TV会議をご活用ください。
また、このコラムのコメントを質問として活用することもOKです。
2009/06/08 橘みゆき 拝
《人気ブログランキングに投票》新世代どっとネット（Neo-Generation.NET）でタグ「MovableType」が付けられているもの
《人気ブログランキングに投票》
MovableTypeのブログを携帯電話からブログを閲覧するには、
「MT4i」というプログラムを使います。
１．【MT4i 3.0 のインストール】
(1) MT4i の pページにアクセスし、MT4i の最新バージョンを
ダウンロードする。(2009/05/03時点で、[3.0.8])
【アクセス先】 http://www.hazama.nu/pukiwiki/index.php?MT4i
(2) ダウンロードした mt4i3x.zip を解凍する。
(3) レンタルサーバーの環境によって、mt4imgr.cgi を修正しますが、
Xserver の場合、mt4imgr.cgi の変更はありません。
(4) ファイルをアップロードする
< Xserver の ファイルマネージャー WebFTP を使用するか、
FFFTPなどの FTPツールを使用する >
(5) テンプレートを作るためのフォルダをつくる
MovableTypeがインストールされたフォルダの下にフォルダを３つ階層構造で作る
<mtos> ・・・ Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/mtos
|
+<mt4i>
|
+<cache>
|
+<tmpl>
(6) MT4i本体を格納するディレクトリを作成する
ここが携帯用閲覧サイトのアドレスとなるため、blogのフォルダの下に作ります。
<blog> ・・・ Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/blog
+<i> ・・・名前は任意ですが、i-modeのサイトという意味で<i>がいいでしょう
(7) このフォルダに必要なファイル（mt4i.cgi、mt4imgr.cgi、<mt4ilib>フォルダ、
<tmpl>フォルダ）をアップロードする
Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/blog/i となります
(8) 文字化け対策：FFFTP等のFTPツールを使用する場合、文字コード変換なしに設定する
アップロード後、元に戻す
(9) /home/(ユーザID)/(ドメイン名)/public.html/blog/i のフォルダに格納されている
拡張子がcgiのファイル（mt4i.cgi、mt4imgr.cig）のパーミッションを
実行可能モード（７５５）に設定する。 （７００⇒７５５に変更する）
２．【 MT4i Manager の設定を行う 】
(1) ブラウザから 「mt4imgr.cgi」 にアクセスする
例：http://www.sample.net/blog/i/mt4imgr.cgi
(2) [MT4i Manager] 画面より、ログインするためのパスワードを入力し、
「保存」ボタンを押す。
(3) 「MT4i Manager のパスワードを設定しました」と表示されます
(4) 「ログイン画面」に切り替わったら、パスワードを入力してログインする
(5) 「メニュー」から「設定を編集する」をオンにして、「Enter]ボタンをクリックする
(6) デフォルト値が設定されているので、以下の項目の設定を変更する。
☆ MTホームディレクトリ （MTOSをインストールしたディレクトリ）
※（プロバイダにより設定内容が変わります）
※最後に"/"(スラッシュ)をつけるのを忘れないこと
※ Xserverの場合 /home/(ユーザーID)/(ドメイン名)/public_html/mtos/
例：/home/abc12345/sample.net/public_html/mtos/
☆ MovableTypeで使用している Blog固有のID 通常は[1]
未指定で、index.cgi にアクセスして、ブログ一覧から選択してもOK
☆ その他の任意設定項目 から、 「MT4i本体のファイル名」を変更する
MyName - MT4i本体のファイル名（index.cgiなどに変更したい人用）
index.cgi を入力してください。
(7) 設定を保存する
(8) mt4i.cgi のファイル名を、index.cgi に変更する
（携帯用閲覧サイトのアドレスを短縮するため）
３．【 動作確認をする 】
ブラウザから「index.cgi」にアクセスして、正常に表示されればＯＫです
例：http://www.sample.net/blog/i/
***** ここまでで携帯閲覧用サイトの構築は終わります *****
続いて、ＱＲコード（二次元バーコード）をブログに貼り付ける方法です。
４．【 ＱＲコードをブログに表示させる 】
携帯用閲覧サイトにアクセスしてもらうためには、ブログのアドレスを携帯から
入力しないといけませんが、ＱＲコード（二次元バーコード）をブログに表示
させておくと、携帯でＱＲコードを読み取らせればいいので、便利です。
(1) Google で、QRコード作成サイトを検索する。
この例では、Google から「QRコード作成」で検索し、ヒットした一番上の
サイト http://www.cman.jp/QRcode/ （株式会社シーマン）で説明します。
(2) QRコード[二次元バーコード]作成サイトにアクセスする。
(3) QRコードを作成する文字列に、携帯用閲覧サイトのアドレスを入力する。
他の項目はデフォルトでいいでしょう。
例：http://www.sample.net/blog/i/
(4) 「ＱＲコードを作成する」ボタンをクリックする。
(5) 別画面が開くので、作成文字列が正しいことを確認する。
(6) 携帯電話を使用し、読み取りテストを行う。
(7) 「ダウンロード」ボタンをクリックし、「ファイルを保存する」を選ぶ。
QRcode.png が保存されます。
(8) ブラウザからＭＴＯＳを起動する。例：http://www.sample.net/mtos/mtos.cgi
ユーザー名とパスワードを入力し、「サインイン」ボタンをクリックする。
(9) [新規作成]-[ファイルアップロード]で、(7)で保存した [QRcode.png]を
アップロードする。
(10) [デザイン]-[ウィジェット]を選び、「ウィジェット」画面の真ん中の
「ウィジェットテンプレートを作成」を選択する。
(11) 「ウィジェットを作成」画面で、QRコードのウィジェットを作成する。
ウィジェット名を、「QRコード（携帯用サイト）」に設定する。
「挿入する」の下の入力項目に、以下の内容を入力し、保存する。
※ sample.net のブログに QRコードを掲載する例ですので、
<img src の行を、各自のドメイン名に変更してください。
<div class="widget-technorati widget">
<div class="widget-content">
<center>
<table border="1" width="14%" bordercolor="FFFFFF" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="http://sample.net/blog/QRcode_blog.png" width="123" height="123">
<td>
<tr>
</table>
</center>
</div></div>
(12) MovableTypeのメニューより、[デザイン]-[ウィジェット]を選択する。
(13) 「ウィジェット」画面より、現在使用中の「ウィジェットセット」を
選択する。
(13) 「ウィジェットセットの編集」画面の左側に表示されている、
「QRコード（携帯用サイト）」を「インストール済み」の一番下に移動し、
「変更を保存」ボタンをクリックする。
(14) MovableTypeのメニューより、[設定]の右にあるマーク（再構築）をクリックする。
(15) 「ブログの再構築」画面から、「全てのファイル」が表示されていることを
確認し、「再構築」ボタンクリックする。
(16) ブラウザからブログを表示し、ＱＲコードが正常に表示されればＯＫです
例：http://www.sample.net/blog/
以上です。
＜第0.3版として 2009/05/23 18:14 UPDATE 橘みゆき 拝＞
「MT4i」というプログラムを使います。
１．【MT4i 3.0 のインストール】
(1) MT4i の pページにアクセスし、MT4i の最新バージョンを
ダウンロードする。(2009/05/03時点で、[3.0.8])
【アクセス先】 http://www.hazama.nu/pukiwiki/index.php?MT4i
(2) ダウンロードした mt4i3x.zip を解凍する。
(3) レンタルサーバーの環境によって、mt4imgr.cgi を修正しますが、
Xserver の場合、mt4imgr.cgi の変更はありません。
(4) ファイルをアップロードする
< Xserver の ファイルマネージャー WebFTP を使用するか、
FFFTPなどの FTPツールを使用する >
(5) テンプレートを作るためのフォルダをつくる
MovableTypeがインストールされたフォルダの下にフォルダを３つ階層構造で作る
<mtos> ・・・ Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/mtos
|
+<mt4i>
|
+<cache>
|
+<tmpl>
(6) MT4i本体を格納するディレクトリを作成する
ここが携帯用閲覧サイトのアドレスとなるため、blogのフォルダの下に作ります。
<blog> ・・・ Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/blog
+<i> ・・・名前は任意ですが、i-modeのサイトという意味で<i>がいいでしょう
(7) このフォルダに必要なファイル（mt4i.cgi、mt4imgr.cgi、<mt4ilib>フォルダ、
<tmpl>フォルダ）をアップロードする
Xserverの場合、/home/(ユーザID)/(ドメイン名)/public.html/blog/i となります
(8) 文字化け対策：FFFTP等のFTPツールを使用する場合、文字コード変換なしに設定する
アップロード後、元に戻す
(9) /home/(ユーザID)/(ドメイン名)/public.html/blog/i のフォルダに格納されている
拡張子がcgiのファイル（mt4i.cgi、mt4imgr.cig）のパーミッションを
実行可能モード（７５５）に設定する。 （７００⇒７５５に変更する）
２．【 MT4i Manager の設定を行う 】
(1) ブラウザから 「mt4imgr.cgi」 にアクセスする
例：http://www.sample.net/blog/i/mt4imgr.cgi
(2) [MT4i Manager] 画面より、ログインするためのパスワードを入力し、
「保存」ボタンを押す。
(3) 「MT4i Manager のパスワードを設定しました」と表示されます
(4) 「ログイン画面」に切り替わったら、パスワードを入力してログインする
(5) 「メニュー」から「設定を編集する」をオンにして、「Enter]ボタンをクリックする
(6) デフォルト値が設定されているので、以下の項目の設定を変更する。
☆ MTホームディレクトリ （MTOSをインストールしたディレクトリ）
※（プロバイダにより設定内容が変わります）
※最後に"/"(スラッシュ)をつけるのを忘れないこと
※ Xserverの場合 /home/(ユーザーID)/(ドメイン名)/public_html/mtos/
例：/home/abc12345/sample.net/public_html/mtos/
☆ MovableTypeで使用している Blog固有のID 通常は[1]
未指定で、index.cgi にアクセスして、ブログ一覧から選択してもOK
☆ その他の任意設定項目 から、 「MT4i本体のファイル名」を変更する
MyName - MT4i本体のファイル名（index.cgiなどに変更したい人用）
index.cgi を入力してください。
(7) 設定を保存する
(8) mt4i.cgi のファイル名を、index.cgi に変更する
（携帯用閲覧サイトのアドレスを短縮するため）
３．【 動作確認をする 】
ブラウザから「index.cgi」にアクセスして、正常に表示されればＯＫです
例：http://www.sample.net/blog/i/
***** ここまでで携帯閲覧用サイトの構築は終わります *****
続いて、ＱＲコード（二次元バーコード）をブログに貼り付ける方法です。
４．【 ＱＲコードをブログに表示させる 】
携帯用閲覧サイトにアクセスしてもらうためには、ブログのアドレスを携帯から
入力しないといけませんが、ＱＲコード（二次元バーコード）をブログに表示
させておくと、携帯でＱＲコードを読み取らせればいいので、便利です。
(1) Google で、QRコード作成サイトを検索する。
この例では、Google から「QRコード作成」で検索し、ヒットした一番上の
サイト http://www.cman.jp/QRcode/ （株式会社シーマン）で説明します。
(2) QRコード[二次元バーコード]作成サイトにアクセスする。
(3) QRコードを作成する文字列に、携帯用閲覧サイトのアドレスを入力する。
他の項目はデフォルトでいいでしょう。
例：http://www.sample.net/blog/i/
(4) 「ＱＲコードを作成する」ボタンをクリックする。
(5) 別画面が開くので、作成文字列が正しいことを確認する。
(6) 携帯電話を使用し、読み取りテストを行う。
(7) 「ダウンロード」ボタンをクリックし、「ファイルを保存する」を選ぶ。
QRcode.png が保存されます。
(8) ブラウザからＭＴＯＳを起動する。例：http://www.sample.net/mtos/mtos.cgi
ユーザー名とパスワードを入力し、「サインイン」ボタンをクリックする。
(9) [新規作成]-[ファイルアップロード]で、(7)で保存した [QRcode.png]を
アップロードする。
(10) [デザイン]-[ウィジェット]を選び、「ウィジェット」画面の真ん中の
「ウィジェットテンプレートを作成」を選択する。
(11) 「ウィジェットを作成」画面で、QRコードのウィジェットを作成する。
ウィジェット名を、「QRコード（携帯用サイト）」に設定する。
「挿入する」の下の入力項目に、以下の内容を入力し、保存する。
※ sample.net のブログに QRコードを掲載する例ですので、
<img src の行を、各自のドメイン名に変更してください。
<div class="widget-technorati widget">
<div class="widget-content">
<center>
<table border="1" width="14%" bordercolor="FFFFFF" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="http://sample.net/blog/QRcode_blog.png" width="123" height="123">
<td>
<tr>
</table>
</center>
</div></div>
(12) MovableTypeのメニューより、[デザイン]-[ウィジェット]を選択する。
(13) 「ウィジェット」画面より、現在使用中の「ウィジェットセット」を
選択する。
(13) 「ウィジェットセットの編集」画面の左側に表示されている、
「QRコード（携帯用サイト）」を「インストール済み」の一番下に移動し、
「変更を保存」ボタンをクリックする。
(14) MovableTypeのメニューより、[設定]の右にあるマーク（再構築）をクリックする。
(15) 「ブログの再構築」画面から、「全てのファイル」が表示されていることを
確認し、「再構築」ボタンクリックする。
(16) ブラウザからブログを表示し、ＱＲコードが正常に表示されればＯＫです
例：http://www.sample.net/blog/
以上です。
＜第0.3版として 2009/05/23 18:14 UPDATE 橘みゆき 拝＞
橘みゆきです。GWを有意義に過ごしていらっしゃいますか？
本ブログが携帯電話でもアクセスできるようになりました！！
以下のアドレスからアクセスしてください。
>携帯用サイト http://neo-generation.net/blog/i/
携帯用サイトのQRコードです。ご利用ください。
2009/05/04 橘みゆき 拝
メルマガ「水素文明を産み出す士官学校」のブログパーツを追加しました。
好きなブログパーツを追加する局面が想定されますので、ブログを構築する方の
参考となるよう、ノウハウとして、記録を残します。
Movable Typpe 4.25 による、ブログパーツを追加する方法
Movable Type 4.1準拠の教科書とちょっと操作が違います。
1. 好きなブログパーツをネットから入手する
2. ブログパーツのソースコードをコピーして、テキストエディタに貼り付ける。
＜Movable Type での操作はここから＞
3. 画面上メニューより、[デザイン]-[ウィジェット]をクリックする。
「ウィジェット画面」が表示します。
4. 画面真ん中の「ウィジェットセットテンプレートを作成」をクリックする。
「ウィジェットを作成」画面が表示します。
5. ウィジェットの名前を入れる（本ブログの場合、「士官学校メルマガの購読」）。
6. 画面に、ブログパーツのソースコードを、貼り付ける。
7. 画面下の「保存」ボタンをクリックする。
8. 画面上メニューより、[デザイン]-[ウィジェット]をクリックする。
「ウィジェット画面」が表示します。
9. 画面上部の「ウィジェット」として表示されているウィジェットセットの一覧から
現在使用中の「ウィジェットセット」を選択し、クリックする。
（本ブログの場合、[2カラムのサイドバー]）
10. 「ウィジェットセットの編集」画面が表示します。
11. さきほど保存したウィジェットが追加されているので、
左側の「インストール済み」にドラッグ＆ドロップしてから、
「変更と保存」ボタンをクリックする。
12. 「ウイジェットセットへの変更を保存しました。
設定を有効にするために再構築をしてください」と表示されます。
13. 画面上メニューの [ツール]の右にあるアイコン（サイトを再構築する）を
クリックして、ブログを再構築する。
14. 実際のブログにアクセスして、ブログパーツが追加されたことを確認する。
＜＜これで完成！＞＞
うまく表示しない場合、以下の操作で元に戻します。
1. 画面上メニューより、[デザイン]-[ウィジェット]をクリックする。
「ウィジェット画面」が表示します。
2. 画面上部の「ウィジェット」として表示されているウィジェットセットの一覧から
現在使用中の「ウィジェットセット」を選択し、クリックする。
（本ブログの場合、[2カラムのサイドバー]となります）
3. 「ウィジェットセットの編集」画面が表示します。
4. 左側の「インストール済み」の欄から、右側の「利用可能」の欄に
ドラッグ＆ドロップしてから、「変更と保存」ボタンをクリックする。
5. 「ウイジェットセットへの変更を保存しました。
設定を有効にするために再構築をしてください」と表示されます。
6. 画面上メニューの [ツール]の右にあるアイコン（サイトを再構築する）を
クリックして、ブログを再構築する。
7. 実際のブログにアクセスして、ブログパーツが追加されたことを確認する。
以上、ノウハウ伝授でした。
2009/05/03 橘みゆき 拝
橘みゆきです。
ブログを作って情報発信をする場合、ココログや、gooブログなど無料ブログサービスを利用している方が大半だと思います。機能もだいぶあって便利です。
自分でドメインを取得して情報発信を行う際、無料ブログサービスにリンクして、そちらのブログを利用する方法もあり、私も今までそういう形をとってきました。
今回、連山に掲載していただいているコラムを新たなブログに移行するにあたり、同じソフト（Movable Type）で動作するレンタルサーバを低価格で借りることができました。
無事、ソフトのインストールも終わり、ブログ開始を告知するコラムを掲載でき、ほっとしているところです。
教科書を見ながらブログを作ろう
さて、これからブログを構築していく作業に移るわけですが、オンラインマニュアルをみながら作業をするよりも、Movable Type の解説書を読みながら構築するのが、確実だし、理解も早いので、まず大きな本屋やアマゾンとかで、入門書を２－３冊購入しました。
なぜ複数の本を買うのかは、著者によって、注目する点や重要だと思う点が異なるためです。コストはかかりますが、短期間に理解度を深めるためのコストです。
失ったカネはまた稼げばいいが、失った時間を取り戻すことは不可能です。
いまは、時間がとても重要です。
GW休みが１６日もある人はとてもラッキーなことでして、二度とないチャンスだと思って、普段やれないお勉強をみっちりやってください。
やった人と、ただ漫然と時を過ごした人とでは、これからの大変動期を生き抜くことができる生存率に大きな差となります。
何もしない人は、「何もしない」ということを選択したのですから、それによってもたらされる結果も甘受しなければなりません。家族のため、子供のためを思うのであれば、遊ぶ暇などないはずです。
どんな本を選べば良いか？
入門書の基準は、こんな感じです。
(1) ぱーっと全体をパラパラめくって、なんとなくよさそうだと思ったもの
(2) 目次と索引がきちんと出来ているもの（検索機能が優れているもの）
(3) イラストや実際の画面が多く使われていて、何をどうすればいいのか見やすいこと。
(4) 初版の日付が今日の日付に近いこと （技術の進歩は速いのです）
最も重要なことは、薄くて、全体を網羅していて、参考文献の一覧が載っている入門書を１冊は入れておくことです。
新しい分野を勉強するのですから、全体像を知っているのと、一部分しか知らないのとでは、その後の理解するスピードが全然変わってきます。
今後、私のように、独自ドメインを取得し、レンタルサーバーを借りて、独自にブログを立ち上げようとする方のために、お薦め本を紹介します。
Movable Type 4でつくる![最強のブログサイト]
本ブログは、Movable Type というソフトで動いていますから、それの教科書です。
ブログとは何か、どういうことができるのかという概要の部分
とりあえず動かしてみる導入部分
カスタマイズを通して、いろんなことにチャレンジする部分
携帯電話で見れるようにするには？ の部分です。
※この本の初版は、2008年5月31日です。
Movable Type 4.1に基づいて書かれています。
このコラムを見た読者の方がブログ作成する際は、最新版を解説した本を利用すること
本書を読み進める上で、サポートサイトにアクセスしながら読むと、たいへん参考になります。
最近の技術解説書は、こういったHPが用意されているので、助かります
2009/05/03 橘みゆき 拝
最近のコメント