今日のMovable Type 4.1：簡単楽々MT4i！使ってみたらおもしろかった。: 世界中の１％の人々へ

トップ > Movable Type > 今日のMovable Type 4.1：簡単楽々MT4i！使ってみたらおもしろかった。

今日のMovable Type 4.1：簡単楽々MT4i！使ってみたらおもしろかった。

2008年3月 1日 07:48

いまさらながら、MT4iで携帯版を作ってみた。

iモードシミュレーター

MT4iはMovalbe Type携帯版として定番のシステムとして有名だが、今まで利用する機会にめぐまれなかった。というのも、Movable Typeの携帯版は検索機能絡みが多く携帯用テンプレートから作っているからだ。
ところが、ある事情で急遽、MT4iをインストールし検証する必要となり、検証がてら、このブログの携帯版をたちあげてみた。作業してみたら設置は、すごく簡単で、立ち上げまでに要する時間はたった10分程度しかかからない。それに意外と使えるじゃないか！おもしろい。

今日のコラムは

MT4iのインストール
設置
デザインのカスタマイズ
管理者モードの設定
エントリーの投稿
QRコード生成ツールと携帯開発ツールダウンロードサイトのリンク

という構成になっている。とくに簡単に携帯版を作りたい人には読んでほしい。それでは、はじまりはじまり。

1. MT4iの入手およびインストール

1-1. ダウンロード

MT4i

MT4i/2.2にアクセスし、「filemt4i225.zip」または「filemt4i225.tgz」をダウンロードする。
※最新版は3.0βであるが、β版であることと、カスタマイズ自由度が高いゆえに設置がビギナーむきでないことから、安定版の2.25を紹介させていただいた。

MT4iダウンロードファイル

上記画像はダウンロードファイルを解凍してできたファイル。mt4lib_oldは新規インストール時には使用しない。

mt4ilib：ライブラリフォルダ
mt4ilib_old：フォルダ（※新規インストール時は不要）
mt4i.cgi：表示用プログラム本体
mt4imgr.cgi：管理用プログラム

1-2. 事前作業

1-2-1. 「mt4i.cgi」及び「mt4imgr.cgi」をエディタで開き、一行目のPerlパスをインストールする環境に合わせて編集する。

#!/usr/bin/perl

通常は変更する必要はない。

1-2-2. 「mt4imgr.cgi」をエディタで開き、9行目の「my $password = 'dummypassword';」の「dummypassword」部分をプログラムにログインするためのパスワードに書きかえて保存する。

my $password = 'dummypassword';

1-3. インストール

1-3-1.3つのファイルを同じディレクトリ内にインストールすることが条件。 mt.cgiのあるディレクトリにインストールしてもいいが、僕は、MTディレクトリのURLを公開するのはイヤなので、ブログURLの下に「mt4i」というディレクトリを作り、「 mt4i.cgi」、「 mt4imgr.cgi」、「 mt4ilib」をアップロードした。

1-3-2. 「mt4i.cgi」と「mt4imgr.cgi」のパーミッションを「705」、あるいはプロバイダ等で指定されているCGIプログラムを動かすパーミッションに変更し、インストールは完了。

2. MT4iの設定

2-1. MT4i Managerへログイン

MT4i Manager

Webブラウザより「mt4imgr.cgi」にアクセスすると、上記画面が表示されるので、パスワードを入力してログインする。

2-2. 必須設定項目の設定

MT4i Manager　必須設定項目

目次下直下にある「必須設定項目」を設定する。稼働に必要な設定はこの2箇所だけだ。

2-2-1. 「MT_DIR - MTホームディレクトリ」の設定

「mt.cgi」のあるディレクトリのパスを入力する。http://から始まるURLではなく、絶対パスを入れる。下記はXREAやCORESERVERの記述例。

/virtual/dakiny/public_html/www.dakiny.com/mt/

2-2-2. 「Blog_ID - Movable Type 上で使用しているBlog固有のID」の設定

一番はじめに作ったブログのIDは「1」だが、自信のない方やわからない方は、「mt4i.cgi」にアクセスすると下記の画面が表示されるから、「MT4i Manager」にもどりIDを入力して保存するといい。

エラー画面

2-3. 携帯サイトにアクセスして確認

iモードシミュレーター

設定を保存したら、携帯で確認してみよう。こんな感じ。
※注意：iMT4iサイトの「管理者モード設定項目」の設定が完了するまでは公開してはいけない。

「世界中の1%の人々へ」MT4i版サイトURL
http://www.dakiny.com/mt4i/mt4i.cgi

3. デザインのカスタマイズ

文字だけの状態はあまりに寂しいので、タイトルロゴ画像を入れて、背景色と文字色をカスタマイズしたみた。

3-1. タイトルロゴ画像の作成

iモード用はGIFで他の携帯用はPNG用でタイトル画像を作成するし、ブログサイト内の任意の場所にアップロードする。

iモード用タイトル
▲iモード用のGIF画像

au,ソフトバンク用タイトル
▲その他用のPNG画像

デザインを変えたのはたいした意味はない。

3-2. タイトルロゴ画像の指定

MT4i設定

「MT4i Manager」にログインして、「Logo - タイトルロゴ画像の指定」に、アップロードしたタイトル画像のURLを記入する。

3-3. 色の設定

MT4i管理画面

表示色の編集ができる。まぁ、ここはお好きにどうぞ。

4. 管理者モード設定項目の設定

投稿をおこなう方は設定をおこなう。セキュリティに関わる作業もあるので、「MT4i Manager」に書いてあることを、きっちりと読み、速やかに作業すること。公開に関わるのは以下2項目。

4-1. 管理者用バックドアの表示

初期状態は「no」、「yes」にして保存すると、初回起動時「管理者向けURL取得」リンクを表示する。管理者向けURLをブックマークした後は必ず速やかに「no」に戻すこと。
※注意：この作業が終わるまでは決して公開してはいけない。

4-2. 管理者URL取得パスワード

英数字。必ずMT4iのパスワードから変更すること。

5. MT4iからの投稿のしかた

5-1. 携帯サイト（管理者モード）にアクセス

iモードシミュレーター

管理者モードを開いてみたところ。ブログの投稿だけでなく、コメントの記入、削除や公開、非公開の設定等もおこなえる。一番下までスクロールすると「Entryの新規作成」ボタンがあるから、クリックする。

5-2. 新規エントリーの作成

iモードシミュレーター

上記はiモードシミュレーターなので、表示が微妙に違うが、本来の携帯の場合はメール機能を利用し写真の貼付もおこなえる。「カテゴリ」の選択や「タグ」、「キーワード」、「概要」の記述もおこなえる。携帯メールになれている方や、mixiの投稿になれている方なら迷うことはないだろう。

5-2. 送信ボタンを押す

iモードシミュレーター

ブログを書き終えたら「送信」ボタンを押す。

5-3. 送信完了画面

iモードシミュレーター

5-4. 携帯サイト（管理者モード）にアクセス

iモードシミュレーター

ごらんのように、エントリーが追加された。

まぁ、すごく簡単に設定できるので、後はあなた自身がいろいろとためしてほしい。

5. おまけ

このブログMT4i版QRコードさて、思ったより簡単に携帯版ができることがわかったかと思う。せっかく携帯版を作ったのだから、アクセスをふやす意味でもQRコードはつけたい。それに各キャリアで、どう見ることができるのかを確認できる携帯シミュレーターだってほしい。そんな、あなたのために、おすすめ、お助けツールのサイトURLを紹介しよう。参考までに左のQRコードは、このブログの携帯サイトのもので、「QR Code Editer」で生成した。