2008年7月| 1 2 3 45678910111213141516171819202122232425262728293031
トップ > 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分程度しかかからない。それに意外と使えるじゃないか!おもしろい。

今日のコラムは

  1. MT4iのインストール
  2. 設置
  3. デザインのカスタマイズ
  4. 管理者モードの設定
  5. エントリーの投稿
  6. 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ではなく、絶対パスを入れる。下記はXREACORESERVERの記述例。

/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」で生成した。

5-1. 「QRコード生成ツール」サイトリンク

無償で利用できるQRコード生成ツールやネットサービスのおすすめサイト

5-2. 各携帯メーカ携帯版開発キットダウンロードサイト

確認に便利な携帯版シミュレーターをはじめ、携帯版を作る上で役に立つツールがダウンロードできる。

参考になれば幸い。

投稿者: Dakiny 日時: 2008年3月 1日 07:48 | このエントリーをはてなブックマークに追加 このエントリーのはてなブックマーク被リンク数 |  このエントリをdel.icio.usに追加 | このエントリをlivedoorクリップに追加 このエントリーのlivedoorクリップ被リンク数 |  | コメント(0)  | トラックバック (2)

トラックバック

このエントリーのトラックバックURL:
http://www.dakiny.com/mtos/mt-tb.cgi/1584
※文章内容と関係のないトラックバックは固くお断り。

この一覧は、次のエントリーを参照しています: 今日のMovable Type 4.1:簡単楽々MT4i!使ってみたらおもしろかった。:

» links for 2008-03-03 from 黒田哲司クロニクル
Photoshopで素早くグランジ系のポスターを作成するチュートリアル『Quick Grungy Poster』 | CREAMU (tag... [詳しくはこちら]

トラックバック時刻: 2008年3月 3日 15:27

» MT4iで携帯用サイト from ARYLA.LOG
ブログをリニューアルしてから、MT4iを入れてないことに気がついたので、入れてみ... [詳しくはこちら]

トラックバック時刻: 2008年4月 2日 23:22

コメントを投稿

Search


キャッシュ使用
Powered by 暴想

Download

Categories

ArchiveList

Trackbacks

Comments