2009年7月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
トップ > 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)  | トラックバック (3)

トラックバック

このエントリーのトラックバック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

» MovableTypeのケータイ化 - mt4i from Shoulder.jp
以前、ブログ(MovableType)の携帯対応で、MT4iを利用したが、サーバ移行に伴いうまく稼動していなかったので、再作成することにした。前回利用し... [詳しくはこちら]

トラックバック時刻: 2009年6月20日 07:05

コメントを投稿

Search


キャッシュ使用
Powered by 暴想

Download

Categories

ArchiveList

Trackbacks

Comments

お勧めMT本

MTOS活用テクニック―カスタムフィールドで本格的なCMS機能を実現!
MTOS活用テクニック
藤本壱著
ラトルズ
2009年2月発売

Movable Type 4.2 パーフェクトガイド
Movable Type 4.2 パーフェクトガイド
荒木勇次郎著
毎日コミュニケーションズ
2008年7月31日発売

Movable Type プロフェッショナル・スタイル MT4.1対応
Movable Type プロフェッショナル・スタイル
MT4.1対応

CSS Nite
毎日コミュニケーションズ
2008年4月8日発売