個人でもコンテンツマネージメント

日記サイトを超えるを作りたい！
日記サイトはかねてからウェブサイトを作る人たちの定番だ。そこに拍車をかけるように Blog がやってきた。Blogは日記サイトのような形態を持った個人ジャーナルだ。それよりも素晴らしいのはそのツールだ。誰もが日記を日記以上のクオリティーで作れるのだ。この新しい波に乗らない手はない。
協力: Japan Blog Association
photo: Tsushima Takao

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

日記サイトを超えるを作りたい！

Blogとは何か？――歴史と現状から紐解く『Blog序説』
実践編に入る前に「そもそもBlogってなんなの」という話をまとめてみよう。
「わざわざBlogなんて舶来の言葉を持ち込まなくても、日本には日記サイトの文化があるし、ツールもある」と言う人もいる。米国でもBlogの定義に関しては諸説紛々だ。
――Blogをとりまく現状とこれまでの流れ、そしてその本質と可能性を、ケビン・ワーバック氏のレポートから読み解く。
text: Kevin Werbach『Weblogs: A Powerful Emerging Communications Mechanism』
より ※注1
構成・翻訳: 先田千映

ウェブログに明確な定義はない
何でもアリだから面白い

ブログという呼び方で通すとしよう。

ウェブログには主に3つの特徴がある。

時その場で起きている。

短くて頻繁な投稿：ウェブログでは、1 つのWeblog――ウェブログ注2という言葉の定・一時的な方向性

投稿が2、3行とか数パラグラフということが義については、誰もが納得するようなピッタ

・短くて頻繁な投稿多く、活動の盛んなところでは1日に何個もリとくるものは存在しない。それはそれで、む・個人または話題にフォーカスした視点

新規投稿がある。一般的にウェブログは、詳
細な解説とか長編の物語を伝えるのに適ししろ結構なことだ。大事なのは「ウェブログ
を使ってユーザーが何ができるようになるか」

一時的な方向性：ウェブログ形式の本質は、た媒体ではないが、読み手に「そのときそのということなんだから。

時間の流れにある。典型的なウェブログに場で書き手が何を考えているのか」をパッと実のところ、ウェブログという言葉自体がは、すべての投稿（エントリー、あるいはポス理解させることができる。また、文章を精巧

誤解を招く原因になっているのかもしれな

ト）に日付スタンプがあり、同じ日の投稿はに磨き上げてから投稿するよりは、現時点でい。ときどきウェブサーバーのログファイルとその日付のもとにグループ化されている。時

話題性のあることを投稿しやすいようにできごっちゃにする人もいるぐらいだ。

間というのは、情報を並べるのに便利な基てもいる。別のサイトへのハイパーリンクだ「log」というのが「時系列の記録」
としての準だけど、たとえばヤフーはカテゴリーで情けという投稿もあり得る。たいていは部分引機能を強調しすぎているんだね。それはそれ報を分類しているし、アマゾンの書評はタイ用とか書き手のコメントが付いているものだ

で重要なんだけど、ほかにもたくさんの重要プ（編集部発かユーザー発か）や評価（ラン

けど。さらに、投稿がテキストでなければならな使い方がある。
「log」という言葉の響きにクの高い評者のものが上にくる）などの要素

ないということもなくて、HTMLで可能なこと

は、シンプルで平易なテキスト、エピソード風で並べられている。ウェブログの場合は時系

なら何でもOK。画像だけ、音声ファイルだの語り口を思わせるようなところがあるけど、列で並べることによって情報が自然にそしてけ、ビデオクリップだけの投稿ということもあ

実際にウェブログってのは、携帯から送信し新鮮に保たれ、関連性も生まれるし、書きり得る。

た写真を並べても、コンファレンスのリアル

手が常に新しいものを追加し続けようという

タイム報告でも、ニュース速報でも、なんで気になる効果もある。ほとんどのウェブログ

個人または話題にフォーカスした視点：ウェもいいわけで。どちらにせよ、今日広く使わには過去の投稿の検索機能やアーカイブがブログに命を吹き込むのは、作者の個性だ。

れている言葉でもあることだし、ここではウェあるけど、本当の面白いことはたいていその万人向けのウェブログを作ることにあんまり

筆者紹介：
ケビン・ワーバック Kevin Werbach
テクノロジーアナリスト、コンサルタント。
米国でもっとも定評のあるコンピュータ業
界専門のニュースレター『Release 1.0』の前編集長で、現在もコントリビューティン
グエディターとして寄稿している。また、ハーバードビジネスレビュー誌や、フォーチュ
ン誌、レッドへリング誌など多数の雑誌、
ウェブサイトなどでも執筆。コロラド州アスペンで毎年1度開催され、コンピュータ業
界のエグゼクティブが一堂に会する「PCフォーラム」の共同創設者でもある。

注1：この記事はネオテニーの協力で作られたケビン・ワーバック氏の英語による原文を日本語に訳したものに、編集部でタイトルや本文中の見出しなどを独自に付けた。
注2：Weblog
weblogはweb＋logが語源となっており、これが縮まって blogと言われるようになった。
ここでは原文中のweblogまたはblogをウェブログと、webloggerまたはblogger（ウェブ
ログする人）
をウェブログ作者と表記する。

●BoingBoing●MetaFilter

kwww.boingboing.net

kwww.metafilter.com

他の有名ウェブログでもしょっちゅうネタ元として登場する大御所サイト。扱う分野はテクノロジーから馬鹿ネタまで幅広い。1988 年
創刊のミニコミ誌に端を発し、現在は主に4人のコントリビューターとゲストによるウェブロ
グ形式をとっている。

BoingBoingと双璧をなす一大ウェブログ。コ
ミュニティーウェブログと銘打つだけあって、
登録ユーザーからの自由投稿を中心に活発な議論（ユルいムダ話もアリ）が行われている。1日二十数本の投稿があり、話題によっては多少荒れがち。

kwerbach.com

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ internet magazine +++105意味はない。CNN.comとMSNBC.comがどジョーン・バージャーの Robot Wisdomとになった。さらにこの年には、ネットスケー

覇権を競っているところでさらに勝負を挑もk についてはどうだろう？

これも1997

プがウェブサイト間でコンテンツをシンジケうとするようなものだ。なぜ人がウェブログ

年に始まっているし、weblogという言葉を作ートするための規格としてRSSを開発していを見に来るかといえば、書き手のことを気にったのも彼だとされているけど、リンク以上る。瞬く間にRSSはウェブログコンテンツのかけているから、あるいは自分が面白いと思のオリジナルなコメントがないんだよね。96

XML版を出力して情報を共有するための共うトピックを扱っているからなのだ。個性とい年に始まったマイケル・シッピーのThe Filter

通フォーマットとなった。多くの有名ウェブロっても、1人で作らなければならないというこ（現在は閉鎖）は？ または 1994年に始まグが台頭してきたのもこの年で、ちょうどネッとではなくて、BoingBoingk のようなとこったジャスティン・ホールの Links from the

トバブルがはじける直前でもあった。

ろは 複 数 の 寄 稿 者 に よるも の だし 、

Underground k は？ あとは、1993年に2000年以降、現在ウェブログ上級者御用

MetaFilterk のように登録すれば誰でも始まった NCSAの What's Newページ（現達となっているMovable Typeなどの新し投稿できるところもある。

在は閉鎖）
なんてのも、初期のWWWにおけい ツ ー ル が 開 発 さ れ 、Live Journal、る新しいサイトをリストにしているという意味

BloggerのBlogSpotなど、新しい形のウェ

ではウェブログといえないだろうか？

ブログコミュニティーサイトも登場してきた。

この3つ以外にも、スレッド形式の議論など、ウェブログを構成する要素はさまざまだ

これらのサイトのどれが史上初のウェブロ

2001 年、ウェブログはメインストリームをが、それらは必須というわけではない。上記

グか、なんてことを議論することにはあんまり直撃した。9月11日のテロ事件が、格好のの3つの要素が相まって、ウェブログに深い意味がない。しかし、これらのサイトがみな手題材となったのだ。従来のニュースソースで意味でのコンテクスト性を与えている。ウェ

打ちのHTML、あるいは自作のツールで作らはウェブログのスピードと守備範囲の広さに

ブログは個々人の存在がデジタルに発露しれていたということから、現在のウェブログとはかなわなかった。なにしろ、元記事からウたもので、そういう意 味 ではこれまでのの間に明らかな境界線が存在することがわェブ上のどこに行けば最上の情報が得られWWWには足りなかったものだといえる。文

かる。以前は、かなりの時間と専門知識がるかのアドバイス、独自のコメントまでひとま章の洗練とか思想の深みには欠けるけど、必要だったのだ。

とめにできたのだから。9月11日以降、ニュ1999年はウェブログにとってのターニングーズウィーク誌などのメジャーな出版物で取ポイントとなった。PyraのBloggerや、現在り上げられたことにより、さらにウェブログのの Radio Userlandの前身となるUserland

メディア露出は増えていく。

その分スピードと多様性、語り口で補うのがウェブログだ。

元 祖 は『 N C S A の W h a t ' s
New』？ ウェブログの歴史をおさらい
ウェブログ的なサイトの例を探していくと、の Manilaなど、ウェブログの管理を自動化

現在では100万を超えるウェブログサイト

するエンドユーザー向けの使いやすいツールが存在し、想像しうる限りのトピックをカバがリリースされた。また、Slashdot――これーしている。ジャーナリストが自著の副読本

もウェブログと呼んでいいだろう――が、として執筆しているウェブログもあれば、社Linux やオープンソースへの関心が高まる

外的なフォーラムあるいは社内用の情報源

いくつかはWWWの黎明期までさかのぼる中、爆発的な人気を獲得した年でもあった。

として使われているビジネス用のブログもあこと が で きる 。 Scripting Newsk はSlashdotは使用しているソフトウェアのソーる。また、ウェブログで収入を生み出してい1997 年に始まっているけど、明らかに今僕スコードを無料で公開したので、派生的なオる人もいる。

らが理解している形でのウェブログだ。だけープンソースのツールがいくつか生まれることはいえ、ウェブログはまだまだ成長の途●Scripting News

●Robot Wisdom●Justin's Links

kwww.scripting.com

kwww.robotwisdom.com

kwww.links.net

Manila や RadioUserlandなどのウェブログ
ツールを提供しているUserland社のCEOでもあるデイブ・ワイナー氏のウェブログ。氏はRSSやXML-RPC、SOAPなどの標準策定にも参加している。

作者がニュースサイトを巡回して集めてきた記事タイトルとリンクのみを列記したシンプルな老舗ウェブログ。扱う分野はおもにテクノ
ロジー・政治など（最近はちょっと精神世界に入りすぎとの評判）。

開設以来膨張してきた雑多なコンテンツが、現在はウェブログを中心にまとめられている。
作者のホール氏は日本とカリフォルニアを行き来しているフリーランスジャーナリスト（その他いろいろ）。

●The Filter●NCSA's What's New Page

kwww.theobvious.com

karchive.ncsa.uiuc.edu/SDG/Software/
Mosaic/Docs/old-whats-new/whats-new0693.html

ksippey.com

作 者 によるウェブ ログは 現 在も 運 営 中（Movable Type使用）。

106 +++ internet magazine +++現在もアーカイブ化されたものが残っている。
内容は主に大学や軍の研究所（！）などにおインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

けるウェブサーバーの運用開始情報、Mosaicなど初期ウェブブラウザーの開発状況など。
歴史を感じます。

●Doc Searls' Weblog
kdoc.weblogs.com

作者のシールズ氏はインターネット時代のマーケティングを考察する名著『The Cluetrain
Manifesto』の共著者でもある。個人運営だ
が、他のウェブログの反応や読者のフィード
バックを反映しつつ、ものすごい勢いでアッ
プデートされているのが特徴。

日記サイトを超えるを作りたい！

上にある。ツールを作っているのは小さな会

Jouranl誌の編集者ドク・シールズのウェブログ

同じように成長してきたとも言える。最初期

社かタダでソフトを提供しようという人たち

kやキャメロン・バレッ
トのCamworld kのサイトは個人的かつ愛のこもった手作業ばかりだし、いまだにおおむねテキストベーなどが挙げられるだろう。

の成果だったが、新しいツールが手に入りやスだ。ウェブログ内、あるいはウェブログ間

9月11日以後、突出してきたのが、ニュー

すくになるにつれ、コンセプトも広まった。みでコンテンツを管理するソフト的なインフラ

ス報道に力を入れる新しいグループのウェ

んなに見てもらうことも簡単になった。またも、いまだ限定的なものだ。ウェブログはメブログだ。中でもテロ事件を取り上げるこ

ウェブログにも商業価値を潜在的に秘めた

インストリームの意識に浸透してきたが、まだとから始まったウェブログが多かったので、アプリケーションがたくさんある。

「聞いたこともない」という人も多いし、ただこのタイプをWarblogと呼ぶようになった。

しかし、ウェブログが離陸したのは、インのおもちゃだと思って無視している人もいる。

Warblogは幅広い層の読み手を惹きつける

ターネットバブルがはじけた瞬間だった。よことができるし、書き手の方も頻繁にアップ

うやくクリティカルマスに達した時点では、ホデートする傾向にあるので人気がある。中でットで新しいテクノロジーに対する投資も需もずば抜けているのは、法学者グレン・ライ

要も豊富とはいえない状況。そのうえ、ウェ

ノルズのInstapunditk だろう。背後で動ブログは必然的にパーソナルなものだから、

Blog の主要なジャンルは 3 つ：
技術・ニュース・日記
現在ウェブログの牽引役となっているのはいている技術を意識しなくてもツールを使いますますビジネスとの関連性が見出しにく3つのカテゴリーだ。ウェブログは本質的にこなすことは可能なので、Warblog作者はウい。ウェブにとってのネットスケープやアマゾ

個人的で分散型のものなんだけど、今のとェブログを新しいタイプのニュースチャンネ

ンのように、ウェブログを広く一般向けのビ

ころ、むらなく分散型というわけではない。大ルと見なす傾向にある。

ジネスストーリーに変えるような存在は現れ

半は、Techblog「技術ブロッグ」、Warblog

3つ目に挙げられるのがJournal、日記タ「戦争（ニュース）ブロッグ」、Journal「日記」

イプのウェブログで、これは書き手個人の生のどれかに当てはまる。

活を時系列で記録するもの。このカテゴリないだろう。それでもウェブログの重要性は今後も増すことになるはずだ。

まとめ：最初期のブロッグの多くは現在Techblog

ーから連想されがちなのは、お馬鹿な妄想と呼ばれているものに相当する。初期のウを画面上で吐き散らかすティーンエージャー

ェブログ作者にはインターネット業界に自らだ。この連想は一面真実を突いてはいるん

ウェブログという言葉の明確な定義は存かかわっていた人が多く、そういう人たちがだけど、でも決定的にフェアじゃない。ウェブ

在しない。実のところ、ウェブログを狭義で興味のあることについて書いていたのだか

ログは、人々が自分の関心事について語る

意味づけることは、かえってその真の価値をら、これはごく当然のことだ。インターネット

ための強力なメカニズムだし、語りたがって

曖昧にしてしまうことになる。ウェブログであの草創期と同じで、以前は比較的高度な知いる人はたくさんいる。それを聞きたがってるかないかは、その一時的な方向性、短く識を持った人にしかウェブログを管理するこる読み手だって大勢いるんだから。

頻繁な投稿、個人または話題にフォーカス

以上の 3カテゴリーは、ウェブログが、現した視点で見分けることができる。ウェブロ

要員も必然的に偏ることになった。通常

実の世界や既存のオンラインコミュニティー

グが人気を集めだしたのは、使いやすいツ

Techblogにはインターネット業界の動向にの動きと互いに影響を与え合いながら進化

ールやRSSがリリースされた1999年のこと関する記事や、ほかのウェブログへのリンクがしてきた過程を反映するものだ。

だ。現在では、100万を超えるブロッグが存とはできなかったので、コミュニティーの構成

張られている。有名な例としては、Linux

ある意味、ウェブログはウェブそのものと●Camworld●Instapundit

kwww.camworld.com

kwww.instapundit.com

現在は小休止中。2003年の年明けにリニューアルオープン予定とのこと。ちなみにwebcamに関する話題はない。

テネシー大学法学部教授によるニュースクリ
ップ。
「短くて頻繁な投稿」の見本のようなウェブログだ。
「ブロッグ界のニューヨークタイ
ムズ紙」「ブロッガー村のグランドセントラル駅」と評されている（らしい）。

在し、ありとあらゆるトピックを網羅している。

●RSS（RDF Site Summary）
岐する。おそらくこのことにより、RSSの利
ネットスケ ープ が R S S（ 当 初 は R i c h
用は比較的限定的なものにとどまってきた。
Site Summaryま た は Really Simple
主要ウェブログツールや商用ニュースサイト
Syndication）
を開発したのは、もともとは同は自動的にRSSフィードを出力するようにな
社のポータルNetCenter用にコンテンツをっており、スタンドアローンのアプリケーシ
分類するためだった。Userland 社のデイ
ブ・ワイナー氏などのウェブログ作者たちは、 ョンとしての RSSニュースリーダーもいくつか存在する。しかし、現状では、RSS 構造
ウェブログ間でのニュース記事の相互配送の利点を活かした セマンティックウェブ
を自動化するのにこの規格が便利だと気がアプリケーションを作る
ついた。2000 年、ネームスペースや RDF （意味を持つウェブ）
にあたって、その潜在的な可能性を活かし（Resource Difinition Format）
を用いて標準きっているとは言い難い。
を正式化しようとする動きにワイナー氏が異を唱えたことにより、RSS標準は二派に分

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

【インストール編】

Movable TypeでBlogを始めよう
今回は「Movable Type」という高機能なツールを使ってBlogサイトを構築してみる。このツールを使えば、Blogのような日記型のコンテンツを簡単に管理できるようになるのだ。まさに、パーソナルなコンテンツマネージメントシステムと言えるだろう。ここではMovable Typeのインストール方法を紹介しよう。
text: Hirata Daiji

Movable Typeはこんなソフト

う。20ドル以上寄付すると、Movable Type

Step 1*の本家ウェブサイトに、自分のBlogのアップ

Movable Typeを使うための準備をしよう

Movable Typeはベンジャミン・
トロットとデート情報を載せてくれるようになります。な

メナ・G・
トロット夫妻が2001年10月に発表

お、商用で使う場合は150ドルを支払わなしたBlogのためのソフトウェアです。CGIをければなりません。

Movable Typeをインストールするサーバ

使ったいわゆるウェブアプリケーションで、ホMovable Typeは英語での利用が中心

ーなどの条件については図2にまとめておき

スティングサービスなどにインストールするとであるため、国際化についてはまだまだ不十ました。ホスティングサービスを利用する場

ブラウザーを介して簡単にBlogコンテンツ分です。しかし、Perl で書かれているので、合は図2の条件を満たしているかどうかをチの生成、編集、更新ができます。

簡易的に日本語で利用できるように工夫すェックしてみてください。

具体的には、Blog用に記述したテキスト

ることはできます。また、作者に対して技術

次に、Movable Tyepのセットアップに必データ（タイトルや本文など）
がデータベース

的なフィードバックが行われており、最新版

要なプログラムをダウンロードします。まずに保存され、リビルド（再構築）という操作を

では、日本語やその他の言語の利用を意識

は、Movable Typeの本体を本家サイトか行うことで、HTMLのテンプレートファイルにした設定も加えられています。ここでは、日らダウンロードします。図2に示したダウンロ

沿ってBlogのHTMLファイルが生成されま

本語で使うことを前提にしたMovable Typeード の ペ ージ から「 Full version, With

す。いったん、BlogのデータがHTMLファイのインストール方法を紹介します。

Libraries」
を選ぶと「MT-2.51-full-lib.tar.gz」

ルとして生成されたとしても、テキストを書きというファイルがダウンロードされます。

換えて（たとえば本文だけを書き直して）リビ
ルドするだけで、書き換えたBlog の HTML

図1. Movable Typeの仕組み

ファイルが生成されます。また、テンプレー
トファイルを書き換えてデザインを変更する
場合、すでに生成してあるHTMLファイルの

サーバー

サーバー

データベース

データベース

ザインを変更することもできます。こういった非常に注目を集めています（図1）。
Movable Typeは現在まで多くの改良が重ねられ、最新版はバージョン2.51になっ

ユーザー

リビルド
（Movable Typeのリビルドを実行）

1つ1つを書き直さなくても、サイト全体のデ「コンテンツマネージメント」
としての機能がBlogのテンプレートファイル HTMLファイル

テンプレートファイル

Movable Typeアプリケーション

Movable Typeアプリケーション

Blogの書き込みを行う

Movable Typeでは、Blogの著者が書き込んだデータはいったんデータベースに書き込まれます。実際にBlogページを発行するために、リビルドというコマンドを実行すると、データベース内のデータとテンプレートファイルを組み合わせたBlogのHTMLファイルが生成される仕組みになっています。

ています。普通のBlogやオンラインジャーナ
ルだけでなく、フォトアルバムなど、工夫次第
でいろいろな使い方ができるようになっています。Movable Typeは Perlで書かれており、拡張性も優れていて、作者以外の人でも機能を拡張できます。
個人利用もしくは非商用目的であれば無料で使えますが、寄付を募っているので、も

図2. インストールに必要なものを用意する●Movable Typeをインストールするサーバーとクライアントの条件
・独自のCGIを動かせるウェブサーバー
・Perl 5.004̲04 以上がウェブサーバーにインストールされていること
・FTPなどファイルをサーバーにアップロードできる
環境
・Javascriptとcookieが利用できるウェブブラウザー●必要なソフトウェアのダウンロード先URL■Movable Type（本体）
kwww.movabletype.org/download.shtml■ Movable Type Japanese Language Pack（日本語化ツール）
kwww.movabletype.org/resources.shtml#languages
kwww.movabletype.org/downloads/mt-ja.tar.gz

し気に入ったらいくらか支払うといいでしょ

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

日記サイトを超えるを作りたい！

同じく、Japanese Language PackもダTypeでは MySQLも利用できます）。実際

ウンロードしておきましょう。これはMovableのインストール手順は次のように行います。

です。ファイル名は「mt-ja.tar.gz」です。

1

ダウンロードしたMT-2.51-full-lib.tar.gzという圧縮ファイルを、Lhasaなどの解凍ツールを使って展開します。

ファイルを入手して置き場所を作ろう

像やスタイルシートといったファイルを置く
ディレクトリー
C データベースのディレクトリー
D 実際にBlogとして表示するHTMLファイ

2

今回のインストールでは、漢字コードにトリー
B Movable Typeのシステムが利用する画

Typeの設定画面を日本語化するためのもの

Step2**A CGIファイルとライブラリーを置くディレク

上記のファイルを展開して現れるファイ

ルを置くディレクトリー

ルは図3のとおりです。
「mt.cgi」
をはじめとすここでは、例として図5のような環境を考UTF-8（ユニコード）を利用して Movable

る拡張子が「.cgi」のファイル（以下、CGIフ

えます。ディレクトリーの対応として以下のよ

Typeをホスティングサービスなどのサーバー

ァイル）は、Perlのスクリプトです。したがっうに設置することにします。

に設置します。Movable Type自体は漢字てCGIファイルすべてに、インストール先のAを「/www/cgi-bin/」

コードを内部で処理しないため、EUC-JPやサーバーのPerlのパスを設定しなければな

Bを「/www/htdocs/movabletype/」

シフトJISのような漢字コードでも利用できりません。初期設定では「/usr/bin/perl」にCを「/www/db」

ますが、Language Packを利用するためになっていますので、自分が使っているホステ

Dを「/www/htdocs/mt/」

は、UTF-8かEUC-JPのいずれかにする必ィングサービスなどでこれとは違う環境であ

要があります。EUC-JPを使う場合は、これれば、エディターを使ってすべての CGIファ

それぞれ以下のような対応になります。

以降の設定で「UTF-8」と書かれている部分

イルを書き換えます（図4）。

Aは「http://サイト名/cgi-bin/」

なお、サイトにアクセスするためのURLは

Bは「http://サイト名/movabletype/」

を「EUC-JP」と読み代えて設定してください。
また、Blogのデータを蓄積しておくデータ

3

展開したファイルのサーバーへのインス

ベースシステムとして、今回は手軽に利用でトール先として以下の4つのディレクトリーをきる Berkeley DBを選びました（Movable

決める必要があります。

Dは「http://サイト名/mt/」
なお、「サイト名」
はMovable Typeをインストールするサーバーのドメイン名です。また、C のデータベースのディレクトリーにはBlogの重要な情報が置かれるため、ブラウ

図4. 各CGIファイルのPerlのパス

ザーで直接アクセスできないようにしておく#!/usr/bin/perl -w

必要があります。上記のサイトのパスは、必

上記は各CGIファイルの1行目に書かれているPerlのパスです。通常は初期設定のままでいいですが、ホスティングサービスによってはPerlのパスが違うことがあるので、サービスのマニュアルなどで確認して各CGIファイルの設定を変更しましょう。

ずしもこのようなディレクトリー構造になっている必要はないので、自分の環境に合わせて設定してください。

図3. Movable Typeのインストールファイルの内容
図 5. Movable Typeをインストールするサ
ーバーのディレクトリー

MT-2.51-full-lib
docs

マニュアルなどのドキュメント

imagesMovalbe Typeの画像ファイル

extlibライブラリーlib

ライブラリー

cgi-binA

search̲templates

テンプレートファイル

db

C

tmpl

テンプレートファイル

indexhtml

特に必要なし（削除可）

LICENSE

ライセンスのドキュメント（削除可）

LICENSE-COMMERCIAL

ライセンスのドキュメント（削除可）

mt.cfgMovable Typeのインストール設定用ファイル

www

schemasmt.cgimt-add-notify.cgi

htdocsmovabletype

B

mt

D

CGIファイル

mt-xmlrpc.cgi
style.css

Blogとして表示するHTMLファイル用のスタイルシート

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

Step 3***

レクトリーを指定します。図 6 のように行頭

6mt.cfgファイルを書き換えるの「#」を外しておきましょう。

語の文字化けを避けるため、行頭にある「#」

198行目の「 NoHTMLEntities」は日本を外しておきましょう。
次にエディターを使って、Movable Type

4

63行目の「MailTransfer」は、Movable

Type自身がメールを送信する機能を使う場

7の 1 〜 8 のように変更します。変更が終わ合に設定しておくものです。Movable TypeにNetPBMもしくはImageMagickといったったら、mt.cfgファイルを保存しておきます。

をインストールするサーバーからSMTPが使

画像用のライブラリーがあるときに設定するのインストール設定ファイル「mt.cfg」
を図6

216行目の「ImageDriver」
は、サーバー

えるときは63行目と64行目の「#」を消して、ものです。どちらかのライブラリーがあると、14行目の「CGIPath」では CGIファイル

64行目に自分のサイト内のSMTPサーバー

Movable Typeを使って画像ファイルをアを置くディレクトリー（図5のA）
をURLの形式

名（たとえばsmtp.example.jpのようなサーップロードする際に、自動的にサムネール画で指定します。

バーの名前）
を設定します。

像を作成することができます。この機能を使

1

う場 合 には、行 頭 の「 # 」を外しましょう
114行目から117行目までは、suexecと（ I m a g e M a g i c k を使う場 合 には 図 6 のースのファイルを置くディレクトリー（図 5 のいうセキュリティーを強化した機能がサーバ「NetPBM」の部分を「ImageMagick」に書C）を指定します。mt.cfgを置くディレクトリー

ーにある場合に、Movable Typeが利用すき換えます）。

（図5のA）
から相対パスで指定します。

るデータベースファイルへのパーミッション

NetPBMがインストールされているときは、イ（アクセス権と実行権）を設定しておくものでンストールされているディレクトリーを確認しす。サーバーでsuexecが実装されていれば、ましょう。Movable Typeは実行時に自動

2

3

22行目の「DataSource」ではデータベ

535行 目 の「 StaticWebPath」で はMovable Typeのシステムで利用する画像

行頭にある
「#」
を外しておきましょう。suexec

的に「/usr/local/netpbm/bin」「/usr/local/bin」

やスタイルシートを置くディレクトリー（図5のが実装されているかどうかは、サーバー管理「/usr/bin」
を探すのですが、もし違うディレク②）
を指定します。URLで指し示す場合の者に確認してください。

トリーにインストールされているときは、「http://サイト名」以下のパスとしてこのディ「pnmscale」というコマンドがあるディレクト

図 6. mt.cfgの記述の変更「NetPBMPath」に指定します。NetPBMがリ ー を 2 2 7 行 目 の「 # 」を 外 し て

インストールされているかどうかは、サーバーライン
1## Movable Type configuration file [mt.cfg] ##には、行頭の「#」を外してShift̲JISとなっているのを「UTF-8」に変更します。

# MailTransfer smtp
# SMTPServer SMTPサーバー名#

4

Step 4****

Movable Typeの日本語環境を# DBUmask 0022
# HTMLUmask 0022
# UploadUmask 0022
# DirUmask 0022

5

NoHTMLEntities 1

設定する

6

英語のみで使うのであれば、以上の設定

7

であとはファイルをサーバーにアップロード# ImageDriver NetPBM# NetPBMPath /home/watashi/netpbm/bin8

すればいいのですが、日本語を使えるように

~

…
252

3

~

…
227

Typeが生成するHTMLファイルの文字コー

~

…
216

252行目の「PublishCharset」
はMovable

~

…
198

8

ドを設定します。文字コードをUTF-8にする#
StaticWebPath /movabletype/
#

~

…
114
115
116
117

2

DataSource ./db

~

…
63
64
65

1

~

…
34
35
36

CGIPath http://サイト名/cgi-bin/
~

…
22

~

…
14

の管理者に確認してください。

PublishCharset UTF-8

9するために、いくつかのファイルを変更する…

必要があります。変更する設定ファイルにつは変更か所

いては図7を参照してください。

は該当する場合の変更か所
1

110 +++ internet magazine +++step2の 1 で MT-2.51-full-lib.tar.gzを

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

日記サイトを超えるを作りたい！

展開したフォルダーの中にある
「lib」
フォルダ

日本語のフォントを設定します。具体的には、ーの下の「MT」
フォルダーにある「default-

styles.cssのfont-familyの記述を削除して、最終行のあとに図9の記述を追加します。

templates.pl」
ファイルを書き換えます。7、169、199、237、302、375、506、818、

図8. App.pmの記述の変更（47行目）

917、997、1189行目にある「iso-8859-1」という記述をすべて「UTF-8」に置換します。まif (my $charset = $app->{charset}) {変更前↓

た、176、514行目の「en-us」という記述を

if (my $charset = $app->{cfg}->PublishCharset) {「ja」に変更します。これにより、Blog の変更後

HTMLファイルはすべてUTF-8のコードで出力されるようになります。

21

図9. style.cssの記述の追加（最終行）のdefault-templates.plと同じフォルダーの中にある「App.pm」
ファイルも変更しtextarea {font-family: 'Hiragino Kaku Gothic Pro W3', 'Osaka';}

ます。47 行目の記述を図 8 のように変更します。これによりMovable Typeをサーバー

図10. Mail.pmの記述の追加で実行したときに、「mt-comments.cgi」などの C G I が 出 力 する H T M L ファイル のライン
1# Copyright 2001, 2002 Benjamin Trott. This code

Charset（文字コード設定）
が、iso-8859-1か

…

れます。

sub no_utf8 {require Jcode;for (@_) {56

Mac OSを利用している場合は、IE 5.2

…

3

53
…

らmt.cfgで設定したもの（UTF-8）に変更さなどのブラウザーでは、標準のフォント設定

71のままだと編集画面やコメントの入力画面で…

に記述されているfont-familyの設定をすべ

79}}<?xml version="1.0" encoding="UTF-8"?>は追加か所<?xml version="1.0" encoding="UTF-8"?>…

文字化けが起きることがあります。styles.css

next if !defined $_;$_ = pack 'C0A*', $_;$_ = Jcode->new($_)->utf-8

266

は変更か所
<language>ja</language>て削除したうえで、textarea についてのみ、

図7. style.cssの記述の追加（最終行）
Jcodeのファイル

Movable TYpeのインストールファイル
MT-2.51-full-lib

Jcode-0.82

docs
〜

Jcode

imagesextlib〜

Jcode.pm
6MT
ファイル名をja.pmに変更

L10N
lib
MT

Japanese Language Packのファイル
mt-ja

APP
TrackBack.pm

4 で変更

default-templates.pl

1 で変更

App.pm2 で変更

Mail.pm

5 で変更

lang-ja
ja.pm.utf-8

style.css〜

ja.pm.euc-jp※EUC-JPを文字コードとして設定する
場合はこのファイルを使う

3 で変更

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

フォルダーの下に置いてください。

ー側の「cgi-bin」ディレクトリーにアップロー

利用しているサイトからTrackBack（後述）を

ksearch.cpan.org/CPAN/authors/id/D/DA/

ドします。CGIファイルは実行属性が必要

受 けると 文 字 化 けします。こ の た め 、

DANKOGAI/Jcode-0.82.tar.gz

なので、パーミッションの変更が必要になり

4

Movable Typeでは異なる文字コードを「TrackBack.pm」
ファイルの53行目の次のます。パーミッションの変更は「755」にしま行と56行目の次の行に図10のように文字

7

Japanese Language Packをセットアップ

す（下囲み参照）。

列を追加します。また、71 行目と79 行目のします。まず、step1でダウンロードした「mt-「iso-8859-1」
を「UTF-8」に置換して、266

ja.tar.gz」
ファイルを展開します。展開した中2行目の「en-us」
を「ja」に置換します。

にある「ja.pm.utf8」
ファイルを「ja.pm」
といstyles.cssをstep2の 3 で決めたBのディレ

うファイル名に変更し、図7のように「L10N」

クトリーにアップロードします。今回の例の次 に images、docの 両 フォル ダーと

内部コードが UTF-8のままだと、SMTP

ディレクトリーの 下 に 置きます。同 様 に場合は、「/www/htdocs/movabletype/」ディを使ってメールを送信する場合、文字化けす「lang-ja」
フォルダー（中身はそのまま）を図7

レクトリーになります。また、Blog の HTMLるため、
「Mail.pm」
ファイルの20行目の次ののように「images」ディレクトリーの下に置きファイル が 生 成 され るディレ クトリー

行に図11のような記述を追加します
（詳しく

ます。

（/www/htdocs/mt/）とデータベースファイル

5

はみらの氏のサイトを参照 k rebecca.

を置くディレクトリー（/www/db/）
をあらかじめac/milano/mt/）。

6

Step 5*****

作っておきます。この2つのディレクトリーは、ファイルをアップロードする

Movable TypeのプログラムであるCGIファイルから書き込みができるようにパーミッ

TrackBackとMailの文字化け対策には「Jcode.pm」という日本語処理のためのPerl

最後にFTPツールなどを使ってサーバー

ションを設定しておきます。

のモジュールを利用しているため、もしサイトにMovable TypeのファイルをアップロードにJcode.pmが無いときはインストールする

します。step2に決めたとおりのディレクトリ

3

必要があります。下記のURLなどからダウン

ーにファイルを置いていきます（図5参照）。

ミッションの設定ができたらブラウザーから、すべてのファイルのアップロードとパー

初期設定をします。初期設定は CGIファイ

ロードした「Jcode-0.82.tar.gz」
ファイルを展
開し、「Jcode.pm」
ファイルと「Jcode」
フォル

1

imagesと docの 両フォル ダーおよびルの1つ「mt-load.cgi」
を起動して行います。

ダー（中身をそのまま）を図7のように「extlib」

styles.cssを除くすべてのファイルをサーバ

今回の例ですと下記のURLをブラウザーで指定して開きます。

図11. Mail.pmの記述の追加

http://サイト名/cgi-bin/mt-load.cgi

ライン
19 @{[ MT->version_slug ]}うまく実行されれば、Movable Typeの設置

20 SIG

は完了です。安全のため、mt-load.cgiとmt-

require Jcode;

check.cgiをサーバーから削除しておきます。

$body = Jcode->new($body)->jis;$hdrs->{Subject} = Jcode->new($hdrs->{Subject})->mime_encode;←追加$hdrs->{'Content-type'} = "text/plain; charset=\"ISO-2022-JP\"";$hdrs->{'Content-transfer-encoding'} = "7bit";21

4

mt-load.cgiが正常に終了しないときは、

以下のポイントを確認し直しましょう。

my $mgr = MT::ConfigMgr->instance;

・CGIのパーミッションの問題などが考えられます。実行属性が正しいか（パーミッシ●パーミッションを設定しよう
パーミッションとはサーバー上でのユーザーに対するファイルのアクセス権や実行権を設定するものです。パー
ミッションが「755｣と数字3つで表現されているのは、それぞれが、ファイルの「オーナー」、オーナーが属する「グ
ループのユーザー」、「その他のユーザー」のそれぞれの

FFFTPを使ってパーミッションを設 定している様子。アップロードしたファイルを選択して右クリック
することで 設 定
できる。

ファイルのアクセス（実行）権を表しています。数字はフョンが「755」）、よく確認してください。
・データベースのディレクトリーを作成し忘れていないかを確認してください。このディレクトリーは CGIファイルから書き込めるよ
うに設定してください。
・システム環境などは、mt-check.cgiを実行

ァイルの「実行：4」「書き込み：2」「読み出し:1」
を加算することで表現します。つまり、7は4+2+1でファイルのすると一部がわかります。システム環境のすべての操作が可能で、5は4+1で実行と読み出しが設定がmt.cfgファイルと異なっている可能

可能なことを表しています。パーミッションはFTPツール

性があるので、この CGIファイルをブラウなどでファイルをアップロードした際に設定できます。

ザーで開いて確認してみてください。

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

日記サイトを超えるを作りたい！

【セットアップ＆利用編】

Movable TypeでBlogを実際に始めよう
Movable Typeはセットアップした1つのサイトで複数のユーザーがログインできる。しかも1ユーザーで複数のBlogを管理することもできる。テンプレートファイルを書き換えることで自由にBlogのページのデザインも一度に変えられるのだ。
今回はMovable Typeのたくさんの機能の中から重要なものをピックアップして紹介していこう。
text: Hirata Daiji

Movable Typeを使うための初期設定をしよう
インストールが済んだらすぐにBlogの書

ーザーアカウントの設定です。
「EDIT YOUR

き込みを始めたいところですが、初期設定がPROFILE」
を押して次の画面に移ります。

1

必要です。まずは下記のURLをブラウザー

5

保存が終わると、画面が日本語に切り替わります。次に画面上の「MENU」
を押して最初の画面に戻ります。

に入力して、Movable Typeのログイン画

4

面を表示させます。

Medolyから自分が使いたいアカウント名（こ6

こで は b l o g u s e r ）に 書 き 換 えます。

Blog」というBlogが用意されています。最初「Nickname」「Email Address」なども入力

はこれを基にしてBlogを立ち上げてみましょ

しておきましょう。
「Preferred Language」

う。
「編集できるBlogの一覧」
から「First Blog」
をクリックします。

http://サイト名/cgi-bin/mt.cgi

表 示 され た 画 面 で「 Username」をMovable Typeでは最初から1つ「First

ログイン画面でユーザー名に「Melody」

ではMovable Typeの編集画面を日本語にをパスワードに「Nelson」
を入力して「LogIn」

設定するので、「Japasene」
を選択します。

を押します（大文字と小文字に注意）。

「Password」「Password confirm」に新し

7いパスワードを入力して「Save」
を押して保ので、左側のメニューから「BLOGの設定」
を

存します。

押します。

2

3

ログインを済ませて最初に行うのは、ユFirst Blogの編集メニューが表示される

2

6

4

3

5
7

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

113

8

Blogの「基本設定」の画面が表示され分注意してください。

ます。まず「Blogの名前」
を「First Blog」から自分が付けたい名前に変更します。この9

名前はBlogの各ページに表示されます。

めに、左側にある「サイトのREBUILD」
を押「Local Site Path」は 111ページの図 7でします。小さなウィンドウが現れるので、このうまく設定されているかどうか確認するた

決めたBlog のトップディレクトリーを指定しウィンドウの「全てをREBUILDする」
を選んます（例では「/www/htdocs/mt」）。

で「REBUILD」
を押します。表示が切り換わ「Site URL」
はLocal Site PathのURLを指るので「サイトを表示する」
をクリックします。

9
9

定します
（例では「http://サイト名/mt/」）。
「Local Archive Path」は Blogの各ページ

10をまとめて置くためのディレクトリーを指定しありませんが、Blogサイトのトップ画面が表

ま す。 今 回 は Local Site Pathの 下 に示されます。

カレンダーとちょっとしたリンクだけしか10「archives」ディレクトリーを作って置くことにしますので「/www/htdocs/mt/archives」と指定します。

8「Archive URL」
はLocal Archive PathnoのURLを指定します（例では「http://サイト名/mt/archives/」）。
「Timezone」は「UTC+9（ Japan Times）」
を指定してください。
最後に「Save」
を押して保存します。
※ディレクトリーの設定を間違えると意図しないところにファイルが作られてしまうので十Blogのエントリーを書いてページを作ろう
1

1

ここからがBlogの始まりです。まず管理

4入力したエントリーの内容が、サイトに載

画面の左のメニューから「Entryの新規作成」っているのがわかります。 このページが設を選びます。

定した Blog のトップページです。URLは以下のようになります。

2
3

Movable Typeでは書き込みをエントリーと呼びます。エントリーの「タイトル」「内容」

http://サイト名/mt/「追記」などを記述します。 入力が終わった
ら「Post Status」を「Draft」から「Publish」にし、「Save」
を押して内容を保存します。

3

これで、最初のエントリーが登録されました。さっそくページを見てみましょう。画面2

114 +++ internet magazine +++の上の方「VIEW SITE」
を押します。

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

日記サイトを超えるを作りたい！

エントリーの内容を理解しよう
エントリーを書き始めると、長い文章や画

どには表示されず、「Continue reading ...」

像などを盛り込みたいこともあります。大きという各エントリーページへのリンクが表示

なエントリーの場合、トップページには触りだされます。

けを載せておきたいこともあります。

1

このようなときは、エントリーのうち、
トッ

プページに載せたいところを「内容」のところに、残りを「Extended（追記）」のところに入力します。

2

1

4

また「コメントを受け入れる」にチェックを入れておくと、各エントリーページにコメントを受け付けるボックスが出力されます。

3 「改行コードを挿入する」にチェックを入れておくと、実際にエントリーの各項目に入2

力したとおりに改行が入ります。

4

3

実際に作られた Blogのページを見る

と、 1

2

3 の設定が反映されているのがわかります。
「追記」の部分はトップページな

表示内容やデザインを変更する
Movable Typeの Blogの各ページの表

3

Main Indexの 144行目を画面のように

4

Rebuildが終了したら実際にページを見

示内容を変えるには、テンプレートを変更し変えます。変 更したら「 S a v e 」を押しててみましょう。リンクが加わっているのがわかます。テンプレートはHTMLやCSSで記述「Rebuild」
を実行します。

ります。

されています が、一 部「 M T 」で 始 まる
Movable Type専用の特殊なタグが使われています。今 回 は 詳しく触 れませんが、

1

Movable Typeのマニュアル（英語）に説明が出ているので研究してみてください。ここ2

4ではテンプレートの書き換え例としてトップページにリンクを追加してみることにします。

1

Blogの編集メニューにある「Templateの編集」
を選びます。

2

3

トップ ページ の テンプ レート「 Main

Index」
を選びます。これを書き換えるとトッ
プページの内容が変わります。

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

画像ファイルをアップロードしよう
Movable Typeでは、簡単にですが画像2

アップロードするファイルを指定し、アッと「Embedded Image」の違いは、生成すを扱う機能があります。といっても画像ファ

プロード先として、114ページのに出てるHTMLコードの内容が、サムネイル画像を

イルをアップロードすると、アップロード先のき た Local Site Pathも し く は Local

クリックしたときにフルサイズの画像を別ウ

HTMLコードを自動的に作成してくれるもの

Archives Pathを選びます。
「images」のよィンドウで表示するか（110ページのです。ここでは、Movable Typeでの画像

うなサブディレクトリーも作成できます。最後

手順を済ませていることが必要）、同じウィのアップロード方法について簡単に触れてに「Upload」
を押します。

ンドウで表示するかという点です。

8

7

の

おきます。
3

画面が切り替わるので、「Uploadしたフ

4

HTMLコードが表示されるので、これを画像ファイルをサーバーにアップロードすァイルのHTMLを表示」
を選んでその下のボ

自分が編集中のエントリーに貼り付けて終るには、Blogの編集画面の左側のメニュー

タンのいずれかを押します。
「Popup Image」

わりです。

1

から
「ファイルのUpload」
を選び、画像をアップロードするためのウィンドウを表示します。

1

2

4

3

コメントの一部をトップページに表示するMovable Type では、それぞれのエントリーごとにコメントを付けられるようになっています。最新のコメントを左側に一覧で出るように、テンプレートを変更してみましょう。

1

Main Index Templateの 120行目に図12の記述を追加します。
「Save」
してRebuild

図12. コメントをトップページに表示するためのHTMLソース<div class="sidetitle">Recent Comments</div><div class="side"><MTEntries recently_commented_on="6"><a href="<$MTEntryLink$>">Re: <MTEntryTitle></a><br /><MTComments lastn="1">by <a href="<$MTEntryLink$>#<$MTEntryID pad="1"$>"><MTCommentAuthor></a></MTComments><br /></MTEntries></div>します。

2

実際にBlogのトップページを見ると、左側にコメントがあったかどうかがわかるような表示がなされています。
2

1

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

日記サイトを超えるを作りたい！

【活用編】

Blogをもっと楽しむためにツールを使おう
ここまでで、Movable Typeをセットアップして自分でBlogを始めるまでの一通りの説明をしてきた。スタイルシートとテンプレートを編集することで、簡単に自分のウェブサイトが更新できることを理解してもらえただろう。さあ、Blogを本当に楽しむのはこれからだ。基本を理解したところで、次にBlogをもっと活用するウェブサイトやツールを紹介しよう。
text: Hirata Daiji

Blogのためのお気に入り管理サービス「Blogrolling」
インターネットエクスプローラの「お気に入Step 1*

Blogのために作られたようなリンクリスト集り」とは違って、Blogを登録した場合はいち

Blogrollを作ろうの管理サービスです。無料で1つのリンク集

いちページを見に行かなくても、自動的にそ（Blogroll）
を作成できますが、10ドル寄付すのページが更新されたかどうかをチェックす1

ると10個のリンク集を作成することができまる機能も付ています。自分のBlogに組み込のトップページにある「Get an account」のす。ブックマーク（お気に入り）のようにウェ

んでリンク集として表示させることが可能で、リンクから登録ページに移ります。

ブサイトを見ていて気に入ったページがあれ登録したリンクページが更新されていた場合

ば、ページのタイトルとURLを簡単に登録しに[NEW！]などと表示させることもできますておけます。どんなサイトも登録できますが、（左画面）。残念ですが、タイトルに日本語を「Register me!」をクリックします。その後、使っているサイトの場合、自分の Blog の文入力したメールアドレスに確認のメールが届はじめに紹介する「Blogrolling」k は、

2

まず、ユーザー登録をします。Blogrolling

メールアドレスとパスワードを入力して字コード以外ですと文字化けしますので、タきますので、メールに示されているURLを開

イトルを英字で打ち直す必要があります。そけば登録完了です。メールアドレスとパスワ

れでは、Blogrollingの使い方について説明

ードを入力してログインしましょう。

しましょう。
3

kwww.blogrolling.com

ログインしたら「create a blogroll」
をクリッ

クします。

4

「Roll name」は自分の Blogrollに付ける名 前 で「 Blog URL」は自分 の BlogのURL です。それぞれを入力してから「Make
me a new Blogroll」をクリック すると、
Blogrollが作成されます。
1

3

2

4

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

Step2**にサイトの説明を入れておくと、マウスカーソ

お気に入りのページを登録しよう

ルがリンクの上にあるとき、入力した説明文
をツールチップで表示してくれます。またログイン 後 の ページ にある「 1 click「target」に「̲brank」と入力すると、リンクをBlogroll This bookmarklet」
をクリックしクリックしたときに新しいウィンドウで表示し

ます。

ます。
「priority」
は、表示順序を決めるときに1使います。数字が小さいものから順に表示
22されます。以上を入力したら、確認して「Add「BlogrollThis」をインターネットエクス

Link」
をクリックすれば登録完了です。

プローラのリンクバーにドラッグ＆ドロップします。
「BlogrollThis」のURLを「お気に入りに追加」
してもいいです。

3

Blogrollに登録したいページを見つけた

ときに「BlogrollThis」のリンクバーかお気に入りをクリックすると別ウインドウが開きます。
登録するBlogのタイトルとURLは自動的に3取得しますが、日本語のタイトルは文字化けするので、英字で打ち直します。
「description」

1

Step3***

Blogrollを表示しよう
1

1

Blogrollingのログイン後のページにある「preference」
をクリックします。

2「Recent Updated」の項目で、登録した blog ページの更新を確認する時間を30
4分〜48時間の間で選び、それぞれのリンクの前（Prepend）、もしくは後（Append）に[NEW!]など更新されていたときに表示した
い文字を入力します。

3

ログイン後のページに戻り、右側にある「get code」
をクリックします。
2

4

Javascriptのコードをコピーして、自分のBlogのindex.htmlなどのテンプレートに貼り付けてリビルドすれば、貼り付けた場所に自分のBlogrollが表示されます。
3

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

日記サイトを超えるを作りたい！

RSSを利用してウェブサイトの概要をblogに取り込む
RSS（RDF Site Summary）
は、ウェブサRSS 0.91に 対 応 し た テ ン プ レ ート

CGIファイルを置いたディレクトリーの中にあイトの概要をメタデータとして簡潔に記述す「index.xml」とRSS 1.0に対応したテンプ

る「plugins」ディレクトリーにアップロードしるXMLフォーマットのことです。RSSを使う

レート「index.rdf」の 2 つが用意されていまます。また、「extlib/XML」ディレクトリーの中と簡単にウェブサイトの概要（サマリー）や見す。これらはエントリーが増えてリビルドされに「RSS」ディレクトリーを作成します。ここ出し、更新情報を取得することが可能です

るときに同時に更新されて、常に新しいものに「LP.pm」
をアップロードすればセットアッ（下画面）。注目しているサイトがRSSを提供

が 用 意されるようになってます。しかし、プは完了です。

していれば、これを自分の Blog に取り込ん

Movable Typeでは標準で RSSの取り込で表示できます。そうすれば、ほかのサイトと

み 機 能 を 用 意して い ません 。そこで、の一体感が高まるような気がしますし、コミTimothy Appnel氏が提供しているプラグイュニケーションが広がるでしょう。また、自分ン「mt-rssfeed」kを利用します。そうす

でウェブサイトを更新しなくてもサイトに変化

ると、新しく R S S を 取 り 込 む た め のがでるのでおもしろいです。

<MTRSSFeed>という独自のタグをテンプ

このRSSは、もともとはネットスケープ社

レート内で使えるようになりますが、Movableが開発して公開したRSS 0.9がベースになTypeのindex.htmlにこのタグを直接書き込っています。現在一般に使われているRSS

むと文字化けしますので工夫します。この使は、ウェブログの老舗であるユーザーランド

い方を説明しましょう。

社の規格を取り入れたRSS 0.91で、見出k www.mplode.com/tima/files/mt-

しだけではなくウェブサイトの概要や更新日

plugins/#mt-rssfeed

1時などの情報も登録できます。また、ネット
スケープがRSSから手を引いた後、RSSのStep 1*

開発者グループ「RSS-DEVワーキンググル

プラグインをセットアップしようープ」が、RSSを容易に拡張できるように、
X M L を交 換 構 文として 使 用 する R D F

1（Resource Description Framework）
を基ロードして解凍します。

まず、k から「mt-rssfeed」をダウンにして改めて仕様をまとめた RSS 1.0があ
2 「 mt-rssfeed.pl」
を、Movable Typeのります。
Movable Typeで は 、標 準 の 状 態 で2

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

Step 2**「syndication.html」とします。そして「Index「mt-rssfeed」のタグを使おう

Template を Rebuild するときに自動的に「Templateの編集」に戻って、「Main Index」

この Template を Rebuild する」
をチェックしをクリックします。

1

RSSファイルのURLを取得します。ここ7

MTRSSfeedのタグを書き込みます。A「http://uva.jp/dh/mt/index.rdf」

4

をコピーしました。

には自分のBlogに表示させるRSSのタイトMovable Typeの「Templateの編集」で

保 存 が 終 わりましたら、再 び 2 のます。

では筆者のBlogページから

2

6「Templateの中身」には、RSSを表示

させたい場所に以下のタグを書き込みます。

ルを書き込みます。Bには 1 で取得したURL<$MTInclude file="作成したテンプレートを記述します。

のファイル名"$>「新しいIndex Templateを作る」
をクリック
します。

5

4

を
「Templateの中身」に書き込みましたら「SAVE」
をクリックして保存します。
3

ここでは「作成したテンプレートのファイル
名」に先ほど作成した「syndication.html」とします。書き込んだら「SAVE」
をクリックしてここでは 、Template の 名 前を「 mt-保存します。

rssfeed result」、出 力 フ ァ イ ル 名 を

3
1

2

5

4

120 +++ internet magazine +++<div class="sidetitle">
syndicate from dhA</div><div class="side"><MTRSSFeed file="RSSのファイル名もしくはURL">
B<$MTRSSFeedTitle$><br/><MTRSSFeedItems lastn="5"><a href="<$MTRSSFeedItemLink$>"><$MTRSSFeedItemTitle$></a><br /></MTRSSFeedItems></MTRSSFeed></div>

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

日記サイトを超えるを作りたい！

8

保存し終わって「変更した Template を保存しました。 変更をサイトに反映させるためには Rebuild してください」と表示されたら、続けて「REBUILD」
をクリックします。
6

9

すると別ウインドウが開きます。プルダ

ウンメニューから「全てRebuildする」
を選択

8

して「REBUILD」
をクリックします。

10「全て Rebuildできました」
と表示され

たら
「CLOSE」
をクリックします。これで、自9分のトップページにほかのサイトのRSSが表示されるようになりました。

10

7<$MTInclude file="作成したテンプレートのファイル名"$>●RSSを表示する専門ツール
ブラウザーのようにRSSを直接読み込んで表示した

www.feedreader.com

り、一定間隔ごとにRSSを取得して更新していたら報

ranchero.com/software/ netnewswire/

せたりする専用ソフトウェアがあります。ウィンドウズ用には「 Feedreader」、Mac OS X用 には 、

www.feedreader.com/translation/
get.php?lang=japanese「NetNewsWire Lite」がありまして、両方とも

rss-jp.net

フリーウェアです。標準のインターフェイスは英語です
が、Feedreaderには各国後のインターフェイスが用意されており、日本語のインターフェイスもダウンロードできます。また、両ソフトウェア共に海外のソフトのためか、文字コードがUTF-8で書かれているRSS
のみタイトルが日本語で表示されます。ほかの文字コードを利用しているサイトのタイトルはは文字化けした
り、表示されなかったりする場合もあります。RSSはウェブサイト自体が提供しているもののほかにも、実験中ながら一般のニュースサイトのRSSを独自に配布しているウェブサイトもあります。

Ranchero Software社 が 提 供してい る「 NetNews
Wire Lite」

i-system 社が提供しているウィンドウズ用の「Feedreader」※今回の記事はホスティングサービスのラピッドサイトにご協力いただきました。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ internet magazine +++121［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.