コンテンツ マネージメント システム

ウェブサイトイントラネット
ホームページ

text : 増田"maskin"真樹

第5回

illust : 小松恵

Movable Typeを使って情報配信サイトを作る1
Blogシステム「Movable Type」のインストールと日本語化

ウェブサイトイントラネット
ホームページ

Blog：随時更新の時系列情報サイト

今回から紹介するMovable Typeは、ご存じウェブログ、通称Blogを構築するシス

送信することでBlogに投稿できるようになテムだ。記事や画像、音声などのコンテンツを手軽に更新できる特徴を持つ。デザインる。携帯電話で撮った写真をそのままメテンプレートも自由に変更できるので、さまざまなウェブサイトへの適用が考えられる。

ールでBlogに投稿できることから、同様のこの連載では、更新が滞りがちな企業サイトにMovable Typeを導入し、低負担で新サービスはモバイル＋ Blog で「Moblog」

鮮な情報を配信できるサイト作りを提案していく。と呼ばれている。
また、サンフランシスコの企業が提供する「audblog」

手軽な更新による即時性が売りのBlog

では、電話から吹きや、TrackbackというBlogの記事同士を込んだメッセージをファイルに変換して、自関連付け する機能など独特な機能があ

動的にBlogに投稿するサービスを月3ドルるが、なんといってもBlogのだいご味は、で提供している（今のところ投稿する電話ウェブページから手軽にコンテンツを登番号は米国のみ）。

録・公開できる即時性につきる。

日本でも「Blog」という名前を聞くようになったが、まだまだ ？ という人の方が多いだろう。Blogはもともとウェブで起こっ各種サービスで広がるBlogの世界た日々のニュースを日記風に紹介していくことから「Web」＋「Log」で「Weblog」と呼ばれていたが、今では省略されて Blog

Blogを企業サイトに使えば効率化が図れる！？

さて、そんなBlogは企業サイトに使える（ブログと読む）と呼ばれるようになった。

また、コンテンツの発行を支援するため

日本ではようやく数百個くらいのBlogが動のさまざまなプラグイン機能やASPサービのシステム（ツール）にはさまざまな機能がき出した模様だが、米国などでは毎日数千スが、Blogを一層魅力的なものにしてい搭載されていて、使いようによってはあらものBlogが誕生して、日々更新されているる。

ゆるウェブサイトに適用できるのである。と言われている。
Blogには記事に対して第三者がコメントを書き込めるコミュニティー的な機能

146 +++ iNTERNET magazine 2003.07 +++たとえば、技術者の平田大治氏が実験的に提供するASP サービス

では、アカウントを登録して写真画像をメールでのだろうか？

何らかの情報を迅速かつ手軽に公開した
いニーズがあれば、Blogの特性が必ずマッチするはずだ。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

答えはYESである。Blog

ウェブサイトイントラネット
ホームページ

本誌イチオシBlogシステム「Movable Type」
MTを動作させるためのサーバーの必要

Movable Typeの概要

ョンは2.63だ。非商用利用なら無料だが、要件は次のとおりだ。問題なければ、早商用の場合150ドル必要だ。

速Movable Typeを入手してインストール

トップページの左上にある「Download」

してみよう。

をクリックすれば、ダウンロードページが・Perl 5.004̲04以降がインストール済み表示される。図 4の画面の「Select the今一番人気の Blog システム「Movable・独自CGIが動かせる環境

type of distribution you wish to do..」と書Type」だ（図2）。本誌にも何度か登場し・25Mバイト以上の空きディスク容量

か れ たプル ダウンメニューでは「 F u l l

たTrott夫妻が開発したBlogツールで、シ・FTPアクセス

Version, with Libraries」を 選 択 する 。

今回から数回にわたって解説するのは、ステム環境設定、デザインテンプレート、NameとEmail Addressは必ず入力しなプラグイン機能拡張などをさまざまな部分ければいけない。ページをスクロールして1Movable Typeをダウンロードするでカスタマイズできる。
また、アカウント管理があるので、複数ライセンスを確認し、内容に問題がなければ「 I accept the terms of this licenseの担当者が記事を投稿できる。記事を下書き状態で投稿できるので、責任者が確認してから公開したり、公開してよいタイミagreement」のラジオボタンをクリックしてから「DOWNLOAD」ボタンを押そう。

MT のファイルは、本家サイトから入手できる「MT-2.63-full-lib.tar.gz」というファイル。執筆時点での最新バージングまでは下書き状態のまま保存したりといったこともできる。
企業サイトにとって重要になってくる デ

図1 筆者のBlog「METAMiX! Maskin's Blog」

図2 Movable Typeの記事編集画面

ザイン も「テンプレート」によって自由にカスタマイズができる。記事とデザインテンプレートは完全に分離されていて、事前にデザインテンプレートを用意しておけば、記事を投稿すると自動的にテンプレートが適用される仕組みになっている（図3）。テンプレートは、「トップページ」や「コンテンツページ」などセクションごとに複数用意しておくことができる。

毎日、筆者の著述活動に関連する事柄を投稿している

もちろん前述したMoBlogやAudBlogなどの追加の機能／サービスもインストールできるので、アイデア次第で、魅力的なサBlog。デザインテンプレートを変更すればこんな感じにもできる。文中に登場したMoBlogやAudBlog以外にもさまざまな機能を追加している。

http://www.metamix.com/

イトを作り上げることができるだろう。
自分のサーバーで動くか？ という心配はいらない。Movable Type（以下、本文中は MTと記述）の動作条件は非常に緩いので、ほとんどのホスティングサーバーで問題なく動作するはずだ。記事を保存

図3 Movable Typeの主な動作
Movable Typeを使うと、ブラウザ

Movable Typeシステム
テンプレートと記事データベースからHTMLファイルを生成する

しておくデータベースには M y S Q L やテンプレート
記事をどのように表示するかを決定するデザインの設定

見た目の変更まですべてブラウザーからできる。

すべての作業をブラウザーから操作できるので、手軽にウェブサイトの内容をアップデートできる

HTMLファイル

く手軽に利用できるBerkeleyDBを利用する（サーバーの OS がウィンドウズの場でなく、記事の編集、ウェブサイトのMovable Typeシステムの管理

PostgreSQLなども利用できるのだが、この連載では特にインストールの必要がな

ーから簡単に記事を投稿できるだけウェブサーバー

記事データベース
コンテンツが投稿されると記事単位で保存される

合はBerkeleyDBは利用できないので注投稿された記事にデザインテンプレートを適用して、インデックスページやカテゴリー別ページなどのHTMLファイルを生成する。

意してほしい）。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2003.07 +++147

が ダウンロードされるので、L h a s a やイルで、Blogがサーバーで動作するため

CGIPath http://www.example.jp/cgi-bin/StuffItExpanderなどで解凍する。の各種設定事項を記述するファイルだ。

mt/2システム設定ファイルを編集するサーバーの環境に合わせてこのmt.cfgののように指定する。URL の末尾に「/」内容を編集する必要がある。すべて英語（スラッシュ）を付けるのを忘れないこと。のファイルなので取っつきにくいが、基本

ここに示したのはあくまでも例で、実際に的に既存の文字列を置き換える程度の変は自分のウェブサイトの CGI が動作する更で済むので心配ない。

URLを指定すること。普通に/cgi-bin/を使

それでは早速、mt.cfgを編集してみよう。

解凍後のフォルダーには、図5のようなってもいいが、MTユーザーの多くはCGI
ディレクトリーに「mt」などのサブディレクファイルが入っている。この中のルートに「mt.cfg」というファイルがあるので、テキCGIPath：CGIディレクトリーのストエディター（秀丸やWZEditor、JEdit、トリーを作って利用しているようだ。

URL

vi など）
で開いてみよう（改行コードが LF

DataSource：記事データベース

で書かれているので、ウィンドウズのメモファイルの冒頭にある帳で開くと正しく表示されないので注意し

CGIPath http://WWW.YOUR-SITE.てほしい）。

COM/PATH/TO/MT/「## Movable Type configuration file

は、管理ツールCGIやライブラリーなど[mt.cfg] 」から始まるアルファベットで書の MT のシステムを保存する場所をURLかれた文書はMTの「システム設定」ファで指定している。これを、の場所
この設定は、よくわからなければ変更しなくてもよい。22行目にある
DataSource ./dbという設 定 は 、記 事 が 保 存 され る
Berkeley DBの データを保 存 する場 所を、ファイルシステムのパスで示すものだ。

図5 解凍した
Movable Typeフォルダーの中身

図4 Movable Typeダウンロードページ

Blogのすべてのデータが収められる場所
なので、ブラウザーでアクセスできない場所に設定するか、アクセス制御などで保護するのがよい。
デフォルトのままだとCGIPathのディレクトリーにファイルが保存されることになる。変更する場合には「./db」の部分の文字列を、絶対パスで、または CGIPath で指定したディレクトリーからの相対パスで指定する。

「パス」と「URL」
mt.cfg で設定する値には、ブラウザーから見た「URL」としての値と、サーバーから見た「ファイルシステムのパス」としての値の2種類がある。どちらの値を設定するのかを示してある
アップグレード版やライブラリーのない軽量バージョンもあるが、ので注意してほしい。

今回はライブラリーを含めたフルバージョンをダウンロードする。

また、「絶対パス」と「相対パス」という表現を使うが、意味がよくわからない場合は次のURLなどで指定の違いを理解してから読み進めてほしい。
たくさんのファイルがあるが、mt.cfgファイルを編集するだけで基本設定は終了する。

All About Japan

http://allabout.co.jp/computer/cgiperl/
closeup/CU20020826A/

148 +++ iNTERNET magazine 2003.07 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

StaticWebPath：MTが使う画像などのファイルのURLに電子メールで知らせることができる。次してから、次のように変更する。の2種類のどちらかのみを設定する。

PublishCharset UTF-8
これで、MTが生成するHTMLファイル●サーバーでSendmailを利用できるなら
次は、35行目の# StaticWebPath /path/to/static-files/

ば、52行目のの文字コードがユニコード（UTF-8）にな# SendMailPath /usr/sbin/sendmail

る。という行だ。この設定は MT の管理画の行頭にある「#」を消して、Sendmailの面などに使われている画像などのファイルパスが正しいかどうかを確認しておく。

これで設定ファイルの編集は終了だ。
mt.cfgファイルを保存しよう。

を置く場所をURLで示す。変更しなければCGIPathで設定したものと同じ値が使●外部のSMTPサーバーを利用することわれる。

もできる。この場合は、63行目の行頭にある「#」はこの行をコメントアウ

3日本語のランゲージパックを導入してアップロードだ# MailTransfer smtp

トする記号なので、変更する場合はまず# SMTPServer smtp.your-site.com

この「#」を消してこの設定が機能するようの行頭にある「#」をそれぞれ消して設定をにする。そして、新しい値を指定する。

有効にしてから、smtp.your-site.comの部

ニューは英語だ。日本語化キットを導入し分を自分の利用しているsmtpサーバーのてメニューもすべて日本語にしよう。

システムによってはセキュリティー上の問題でcgi-binディレクトリーに画像ファイ

MTは標準で日本語を扱えるが、管理メ名前に書き換える。

日本語ランゲージパックは、MTの本家ルを置いてもウェブから見られないように設定されている場合もあるので、本連載サイトに用意されている。トップページ左側 の「 R e s o u r c e s 」にある「 E x t e r n a l

日本語を使えるようにする設定

ではStaticWebPathをcgi-binとは別のデResources」
リンクをクリックしよう。表示ィレクトリーに設定して話を進める。ここ●198行目のされるページの「Language Packs」にあでは# NoHTMLEntities 1

る「Japanese」リンクをクリックして mt-

StaticWebPath /mt-static/の行頭にある「#」を消して設定を有効す

ja.tar.gzをダウンロードする。Lhasa やのように設定しておこう。

メール関連の設定

る。

StuffItExpanderでファイルを解凍すると●306行目にある「mt-ja」とフォルダーができるので、中にあ# PublishCharset Shift̲JIS

るファイルとフォルダーを次のようにしての行頭にある「#」を消して設定を有効にMT のフォルダーにコピーすれば、ランゲ

次の設定はメール関連だ。MTは、記事や記事に対するコメントが投稿されたとき
図6 mt.cfgファイルの編集

CGIファイルのPerlパスについてMTに含まれるCGIファイルではPerlの場所を/usr/bin/perlと指定しているが、サーバーの環境と合わない場合は、CGIファイルの記述を変更しなければいけない。
変更するファイルは、拡張子が.cgiの11個のファイルだ。これらのファイルをテキス
トエディターで開くと冒頭に次のような記述がある。
#! /usr/bin/perl -w
この/usr/bin/perlの部分をサーバー上のPerlのパスに書き換えておく。
Perlのパスを調べるには、サーバーのコマンドラインから whereis perlと入力する。

今回はStaticWebPathをCGIPathとは別のディレクトリーに設定する

コマンドラインが使えない場合は、管理者に問い合わせてみよう。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2003.07 +++149

ージパックの適用は終了だ。などは、mt.cfgの「StaticWebPath」で指ディレクトリーには、/home/や/public̲html/●「ja.pm.utf-8」
をextlib/MT/L10N/ディレ定したURLに対応するウェブサーバー上などのディレクトリーが使われることが多クトリーにコピーし、ファイル名を「jp.pm」の場所にアップロードする。

い。に変更する。

●MTのシステムファイルとプログラム群●「lang-ja」フォルダーの中身をimages/（実際には、さきほどアップロードしたものlang-ja/ディレクトリーにコピーする。

以外）
は「CGIPath」で指定したURLに対データベースディレクトリーの作成応するウェブサーバー上の場所にアップロ以上で、サーバーにアップロードするファイルのすべての設定が完了した。

4ファイルのアップロードとパーミッションの設定

さらにここで、mt.cfgでDataSourceにードする。設定ファイル「mt.cfg」もここに設定したディレクトリーをウェブサーバー上含まれる。に作成しておく必要がある。設定を変更注意してほしいのは、mt.cfgでCGIPathしていなければ、CGIPathで指定したディとStaticWebPathに設定した値はURLとレクトリー（/cgi-bin/mt/）に「db」という名しての値なので、実際にFTPでアップロ前でディレクトリーを作る。

ードするディレクトリーは異なる可能性があるということだ。

ファイルのアップロード

パーミッションの設定

たとえば、FTP でアクセスした場合のFTPソフトを使ってファイルをアップロ/public̲html/ディレクトリーがウェブサイトアップロードが完了したら、すべてのードすればいいのだが、MTのファイルやとして公開した場合のルートディレクトリー

CGIファイル（拡張子が.cgi）にパーミッシ

フォルダーは、図7のように2か所に分け（/）になる場合には、StaticWebPath にョン（サーバー上での実行権限）を設定すてアップロードする必要がある。

/mt-static/と設定していても、実際にはる必要がある。CGIファイルは後からアッ●マニュアルや管理画面で利用する画像/public̲html/mt-static/ディレクトリーにアプロードしたファイル群に含まれている。

ファイルやデフォルトテンプレートファイルップロードする必要がある。ウェブの公開

FTPソフトなどを使って、パーミッションを

図7 Movable TypeファイルのFTPアップロード
StaticWebPathで指定したディレクトリーにアップロードするファイル

CGIPathで指定したディレクトリーにアップロードするファイル

例：/public̲html/mt-static/

例：/cgi-bin/mt.cgiファイルにはパーミッションを設定する

図8 CGIファイルのパーミッション設定

CGIファイルに関しては適切なパーミッション設定をしないと正しく動作しない。

150 +++ iNTERNET magazine 2003.07 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

755（所有者はすべての権限を持ち、グループとその他は読み込みと実行の権限を持つ）に設定する（図8）。

5管理画面へのログイン、日本語化、ユーザー情報の変更「Preferred Language」というプルダウン
メニューで「Japanese」を選択する（図11）。
最後に、「Save」ボタンをクリックすれば、日本語の表示に切り替わるはずだ。

mt-load.cgiスクリプトの実行
アップロードとパーミッションの設定が終了したら、最後の処理をするスクリプト

インストールが終了したら、早速MTの管理画面にログインしてみよう。URLは、駆け足で Movable TypeのセットアッCGIパスの中にある「mt.cgi」を指定すれプを進めてきた。肝心のBlogを作って設ばいい。

定する部分は次回に持ち越すが、サンプを動作させるために、ブラウザーで次のURLを開こう。

ルのBlogが設定されているので、それをhttp://[CGIPATHで設定したURL]/mt.cgi

試験的に編集してもらえれば概要がつかめると思う。

http://[CGIPATH で設定した URL]/mtload.cgi

無事ログイン画面表示されれば成功だ。
ここではまだアカウントを作っていないので、インストール直後専用の疑似アカウン

設定がきちんとできていれば、「Doneloading initial data! All went well」というメ

ト「Melody」とパスワード「Nelson」を指定してログインする（図9）。

ッセージが表示され、MT のインストールログイン直後は英語のままなので、右側が完了するはずだ。ここまでの作業が完のメニューから「EDIT YOUR PROFILE」

了したら、mt-load.cgiファイルは必要ないをクリックしよう（図10）。ここでMelodyとので、セキュリティー対策として必ず削除いうユーザー名を自分の使いたいユーザしておく。

ーの名前にし、パスワードを変更したあと、

図9 Movable Typeの初期ログイン

Mobloghttp://moblog.uva.ne.jp/

audbloghttp://www.audblog.com/

Movable Typehttp://www.movabletype.org/
著者プロフィール

フリージャーナリスト兼情報デザイナー
maskin（増田真樹）
Blog：metamix.com

図11 ユーザープロファイルの設定画面「Melody」
を使う
自分の使いたいユーザー名に変更「Nelson」
を使う

パスワードも変更しておこう
最初だけデフォルトのユーザー名 Melody、パスワードNelsonでログインしよう。

Preferred Languageを「Japanese」にして「Save」ボタンをクリックすれば、もう管理画面は日本語だ。

図10 まだ英語のメニュー
表 示 を日 本 語 化 するために 、メニューから「 EDIT YOURPROFILE」をクリックしよう。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2003.07 +++151

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.