世界中の１％の人々へ: 2008年3月のアーカイブ

▲トップに戻る | 2008年2月 < 2008年3月のアーカイブ > 2008年4月

今日のMovable Type 4.1:MT4.1用リッチテキストエディタMT-Plugin-FCKeditor 1.2 ja公開

2008年3月28日 04:02

MT-Plugin-FCKeditor 1.2 jを組み込んだMT4.1エントリー画面

MT4.1/MTOS4.1用のリッチテキストエディタ、FCKeditorをフルパッケージで配布するよ。

MT4.1やMTOS4.1を飛躍的に便利にする。リッチテキストエディタFCKeditorは、GPLライセンスで配布されているから、前からカスタムキットではなく、フルパッケージで配布したかったのだが、圧縮しても1.4MBのデータなので、（TinyMCE for MTの経験上）1ヶ月に数1000単位でダウンロードがあるとサーバーが悲鳴をあげるのは目に見えていたからパッチの形で配布していた。
ところが今日、めでたくSourceForge.JPの審査が通り、FCKeditor JAPANというプロジェクト（といってもソロプロジェクトだけど…(^^;）をSourceForge.JPに立ち上げた。ダウンロードファイルの置き場が出来て転送量の不安がなくなったから、カスタムキットVer.1.1をもとにフルキットで、MT-Plugin-FCKeditor 1.2 jaをGNU General Public License（GPLライセンス）で公開する。
＃と書いてあると、なんかすごいことのように思えるけど、ただカスタマイズしただけだ:-p

今までのカスタムキットVer1と、どこが違うかというと

MT-Plugin-FCKeditor 1.2を同梱してあるから、そのままインストールするだけ
利用できる機能が増えた

といったことろ。無償で利用できるから、多くのMTユーザーに利用してほしい。

◆動作環境

Movable Type 4.1か、Movable Type Open Souce 4.1
文字コードはUTF8のみ

◆入手方法

下記サイトより、MT-Plugin-FCKeditor-1.2.zipをダウンロードしてほしい。

ダウンロードURL
http://sourceforge.jp/projects/fckeditor/files/

◆インストール方法

「はじめに」を読む
「mt-static」と「plugins」をそれぞれの場所に上書きインストール
プラグインディレクトリで確認
mt-configの一番下の行に下記のコードを追加

#======== RichTextEditor ==========
RichTextEditor FCKeditor

たった、それだけのお手軽さ。
※MT-Plugin-FCKeditorを利用するには、予め「ブログ記事設定」の「テキストフォーマット」で「リッチテキストエディタ」が選ばれている必要がある。
※正しく動作しない場合の多くは、文字コードが異なるか、アップロードが正常におこなわれていない場合が考えられる。FTPのキャッシュをオフにして、パッシブモードでアップロードしてほしい。それ以外に考えられるのはプラグインで、純正以外のプラグインをOFFにしてみてほしい。

◆わからないことがあったら

ほとんどの疑問はFCKeditorに関する部分だと思うので、FCKeditorの公式サイトで調べるか、FCKeditorのフォーラムで質問するといいと思う。

参考になれば幸い。

余談：僕がMTと、リッチテキストエディタにこだわる理由（わけ）

情報社会は一部のエキスパートだけでなく、みんなで作るものだと思う。優れた情報を持っている人が、HTMLに精通しているとは限らない。その意味で簡単に情報を発信できるMovable Typeは素晴らしいし、誰もがHTMLを意識することなく情報を発信できるリッチテキストエディタは素晴らしいと思う。僕にとっては、TinyMCEか、FCKeditorは大きな問題ではなく、多くの人がHTMLを意識することなく情報を発信できることのほうが大切な行動の原点なのだ。

今日の読書：CMSとして使うMovable Typeガイドブック

2008年3月27日 00:48

MT4.1を使う上で乗り越えなければならない課題は、１番目がテンプレートモジュール化で、2番目は（変数や条件分岐に関わる）以下の8つのMTタグの使い方を覚えること。

MTSetVer
MTSetblock
MTGetVer
MTVer
MTIf
MTUnless
MTElse
MTElseIf

この部分さえ、きちんと覚えれば、MT4.1は身近な存在となるのだが、意外なことに、今までこの部分に触れた本はなかった。この本は、MT4.1を覚える上での核心ともいえるこの部分を懇切丁寧に解説した本だ。おいしいところだけほしい方は、それなりにしか得るものはないが、MT4.1に真摯に取り組む人は多くを得るだろう。

CMSとして使うMovable Typeガイドブック
黒野明子・荒木勇次郎
翔泳社 2008-03-14
価格：￥2,940（税込）

今日のMovable Type Open Source:MTOS4.1ではCustomFieldsは利用できない

2008年3月26日 20:59

「Movable Type Open Souce（MTOS）で作るビジネスサイト」をテーマに、某誌に掲載する原稿のプロットを作っていた。本日、編集を交えた執筆者間のMLでやりとりし、明確にわかったことを書くことにする。

MTOS4.1ではCustomFieldsは利用できない。

何故か？

配布されていない（MT4.0用も現在は配布されていない）。
4.x系のコードは作者の管轄下になく、シックス・アパート社にある。
シックス・アパート社ではCustomFieldsに対してMTOSでの利用可能を明記していない。

以下、CustomFieldsの配布元より抜粋して引用。

Huh, really? I don't see it anywhere in MTOS?

CustomFields is now available in the free and public beta of the next version of Movable Type's Commercial product, and will be included with that product when it is finally released. As to whether it will find its way into the free/personal/open source versions, I cannot say because honestly, it is not up to me. But given my conversations with Byrne and Six Apart's track record with folding paid features into the core (e.g. MultiBlog, blog cloning, user pics and other features) I would not be surprised to see CustomFields in all versions of Movable Type in future versions.

いずれMTOSで使える可能性はあるかもしれないが、現在は使えない。
というなので、MTOSでWebサイトを作ろうと思ってる方は、予備知識として覚えておくといいだろう。

今日の読書：Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻

2008年3月25日 03:39

Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻毎日コミュニケーションズの角竹さんから献本いただく、感謝。

Movable Type 4.1の最初の壁（テンプレートモジュールの使い方、変数や条件分岐の基本）を越えた人が、構築作業中のPCの脇にでも置いておけば、格好の便利本だと思う。
シックス・アパート社による公式タグマニュアルに実例を加えた目的別逆引き辞書と書けば内容はわかりやすいだろうか。
Movable Type 4.1を極めたい方向けに内容は限定されるので、Web制作を本業とするプロにこそ読んでほしい。

Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応 (Web Designing BOOKS―Webプロフェッショナルのための黄金則)
エ・ビスコム・テック・ラボ
毎日コミュニケーションズ 2008-03-15
価格：￥2,940（税込）

今日の読書：Web Site Expert #17

2008年3月24日 19:57

技術評論社Web Site Expert編集長の馮さんより献本いただく。感謝。

表紙と特集「一目置かれるWeb屋さんになるためのスキルセット21」のデザインが、ひと目で内容がわかる感じで、広告業界の経験の長い僕は素直にいいなと感じた。
特集について語れば、Web屋さんとひと言でいっても、いろんな専門職があり、仕事内容により関わる専門職が明確になっている。いい意味で編集に力が入っているなという感じの、よくてきた企画だと思う。
分業化があたりまえになっている首都圏のWeb屋さんが読むによい内容と感じたが、馮さんが語るに、「これからWeb業界に入ってくる方たちに、Web制作・設計フローを俯瞰していただける内容にできればと思っております」ということなのだそうだ。なるほどね、若者に正しい情報を持せることはいいことだと思う。

Web Site Expert #17
Web Site Expert編集部編
技術評論社 2008-03-27
価格：￥1,659（税込）

今日のコラム：MT4LP5満員御礼

2008年3月22日 02:02

ネコミミデザイン
▲サンプルサイトトップページ

まずは、『Movable Type プロフェッショナル・スタイル』で僕が書いた内容を簡単に紹介。

タイトルは『MT4.1で作る企業サイト、はじめの一歩』。できるだけ簡単に構築できて、できるだけ簡単に管理できる」をテーマにMT4.1で構成する企業サイトの作り方を、サンプルサイトを用いて構成からサイトの完成までを学習してもらうものとした。
サンプルサイトは@Styleさんに手伝ってもらい、たった3日で作り、テンプレートセットで手軽にインストールできるように用意した。本を予約した方やセミナーを予約してくれた方々は、このサイトがどういう作り方をしているかを想像してもらうと学習効果が上がると思う。

本は終わったがMT4LP5が近づいてきた。

MT4LP5満員御礼。まずは、安からぬ参加費を払っていただける方々にお礼もうしあげます。

僕はA面のセカンドスピーカー。今週末までにプログラムを作り、来週サンプルサイトの充実とPPTによる資料作りの予定。

話そうと思う内容は、本で説明しきれなかった機能を参加者特典としていれる予定。

テーマ：実践！MT4.1で作る企業サイト

平均的企業案内の設計から構築、エントリー投稿までをデモ中心の60分。

ダイナミックパブリッシング（参加者特典）
グローバルテンプレートとマルチブログ（参加者特典）
Feeds.App Lite
カスタムフィールドによる企業実績（参加者特典）
Googleマップで自社地図表示（参加者特典）
FCKeditorによるエントリー作成（参加者特典）

機能紹介は、MT4.1の新機能を中心に組み立ててみた。

失望させないよう、資料はきっちり作るので、参加者の方々どうぞよろしく。

今日のコラム：今週は開店休業

2008年3月20日 03:33

『Movable Type プロフェッショナル・スタイル』は、本日昼（2008年3月19日）に色校の戻しがあって、指摘があり、2点画像を送った。これで終わり。

年明けから月曜日まで、帰宅するのが週に2～3日程度、その間は椅子で仮眠と、ずっとスケジュールが厳しかったから、疲れが溜まりすぎている。本業の他、4月5日のセミナーの資料制作、4月7日締切の雑誌の執筆があるのだが、頭がまんぞくに動かないので、思い切ってタスクを見直し、今週はペースダウンして来週から本格的にタスクを消化していくことにした。
年齢のせいにはしたくないけど、10年前のようには無理だ。休めるときに休むことにしよう。

ということで、今週は開店休業状態とさせていただきます。＞関係者各位

今日のコラム：『Movable Type プロフェッショナル・スタイル』本日入稿

2008年3月17日 04:43

Oscarさんの原稿にイラスト追加したよ。

マイ子
▲イラスト3完成作品　©Dakiny

『Movable Type プロフェッショナル・スタイル』は、本日（2008年3月17日）入稿なので、いい本にすべく、鷹野さんを筆頭に、最後の最後まで、みんな必死で、がんばっている。

僕は土・日と自分の原稿の校正（鷹野さんだけでなく、NORIちゃん、益子さんにかなりお世話になった）の傍ら、Oscarさんが書いた、「おしえて！プラグインを使ったステップアップ」のアキスペースを埋めるイラストを描いていた。
＃僕の原稿内容については本を読むまでないしょにしておくｗ

「プラグインてなんだべ？」と考えつづけ、連想しつづけ、上のイラストができた。ロボットの資料はなし、想像で描いた。何かに似てるとしたら、気のせい、気のせいｗ

Oscar
▲イラスト4完成作品　©Dakiny

一区切り終わったから、コーヒーがほしいなぁと、僕が思った場面に入るイラスト。

「おしえて！プラグインを使ったステップアップ」を読んだ方の中には、「Oscarさんのような、やさしく、頼れる先輩がいたらなぁ…」と思う方も、きっと！いると思う。
＃現実のOscarさんが、そうなのかどうかはお会いしてたしかめてほしい:-)

もちろん！『Movable Type プロフェッショナル』は、期待を裏切らない出来です。

『Movable Type プロフェッショナル・スタイル MT4.1対応』ただいま予約中！

Movable Type プロフェッショナル・スタイル
MT4.1対応
CSS Nite
毎日コミュニケーションズ
2008年4月8日発売

4月8日発売予定！現在、Amaozonで予約中！

この場を借りて、僕の原稿でご迷惑かけた、角竹さん、鷹野さん、NORIちゃん、益子さんにお礼を申し上げます。みなさんの力がなければ読み物として成立しませんでした。ご厚意に感謝します。

今日のコラム：『Movable Type プロフェッショナル・スタイル』でイラストデビュー

2008年3月10日 20:38

「Movable Type プロフェッショナル」でOscarさんの原稿にイラスト描いたよ

ブログ滞ってごめん。『Movable Type プロフェッショナル・スタイル』の原稿をなんとか終えたあと、日曜午後からずっと、同書に挿入するイラストをガシガシ描いてた。
描いたイラストは、Oscarこと小野崎さんが書いた、「おしえて！プラグインを使ったステップアップ」で使われる。
これは、経験３年のマイ子ちゃんと、先輩のOscar氏に対話形式で進行する、MT4.1のプラグインを中心としたカスタマイズ解説で、楽しい雰囲気にのせられて最後までスラスラ読める。出版社の許可が出たのでイラストだけ先行公開！

イラスト１：「はじめに」で使用されるイラスト

イラスト1下書き1
▲イラスト1下書き

「はじめに」で使用されるイラストの下書き。僕はトレースがしやすいように、最近青鉛筆で描くことが多い。楽しい会話の雰囲気が出せるよう考えた。シチュエーションはMT4.1構築でパニくってるマイ子ちゃんに、Oscar氏が「どうしたの？」と聞く場面。完成作品は以下で、Illustrator10で描いた。

▲イラスト1完成作品　©Dakiny

完成イラストは多少変更した。下書きのシーンは、まだ必死にがんばっているのだが、完成品は「もはや、お手上げ」の状態とした。

イラスト2：「おわり」にで使用されるイラスト

下書き2
▲イラスト2の下書き

こちらはシチュエーションがわかりやすいので先に描いた。下書きを見ると今年の８月からくらべると、ずいぶんと絵がうまくなっている（世間一般という意味でなく、あくまでも自分として）。Oscar氏のイラストはかなり前にできていたのだが、マイ子ちゃんのイラストが気に入らず、何十枚もラフを描いた。

▲イラスト2完成作品　　©Dakiny

web業界で働くデザイナーらしく、マイ子ちゃんの服の配色を個性的にしてみた。Oscar氏はPMらしいイメージでワイシャツにネクタイ。

ということで「お絵かきデビュー」

描いていて辛かったのは、最初はキャラクターが決まらないこと。次はシチュエーションが浮かばなかったこと。技量なんて、描いてるうちに自然にうまくなる。絵を描くのにいちばん必要なのは、技量ではなく観察力と想像力だと思った。

人の原稿に絵を描くのは、はじめてで、なっとくいかずにラフ何十枚も書いたけど…、マイ子ちゃんのキャラクターが決まってからは楽しかったぁ。時間あれば、もっと描きたかったな。
楽しい文章を書いてくれたOscarさん、チャンスをくれた鷹野さん、角竹さん、ありがとう。
なおクレジット名は、蒲生トシヒロでもなく、Dakinyですw。

※注意：イラストの使用権は、毎日コミュニケーションズにあるので勝手に使用することはでません。

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

Movable Type プロフェッショナル・スタイル
MT4.1対応
CSS Nite
毎日コミュニケーションズ
2008年4月8日発売

いよいよ、4月8日に発売決定！Amaozonで予約中。

今日の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」で生成した。