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

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

text : 増田"maskin"真樹

illust : 小松恵

Movable Typeを使って情報配信サイトを作る2

第6回

複数のメンバーでBlogを運営しよう！

ウェブサイトイントラネット
ホームページMovable Typeで作る「最強のウェブ制作チーム」「CMS」という言葉を頻繁に耳にするようになった。効率良い魅力的なウェブサイトの運営が望まれているのだ。Blog構築システム「Movable Type」では、デザインテンプレー

Movable Typeで変わる
ウェブ制作チーム

トを作っておけば、メールを書くような感覚でコーディングの手間なく自動でページが作成される。しかも、複数のメンバーが参加できるので、1人のウェブマスターが運営に四苦八苦することもなくなるのである。

前回は、Movable Type（以下 MT）の仕組みや特徴と、インストールの手順を紹介した。今回は、MT の基本操作と、ウェブサイト

4が重要な要素となるウェブサイトでは、チウェブ
サイト

4：アップロード・プログラム設置

2ームは重要な意味を持つ。図 1 を見て
2：パブリッシュ（自動）

3 2

Staff

Engineerっているか、限られたスタッフに負担がデザイン
テンプレートエンジン

Designer
2：ページ作成依頼かかっているかだ。
「デザイナーとは言いつつ実は何でも屋」と言われるこのよう

3：コーディング
1

1：原稿の依頼・整理・編集

file
AUTHOR

file
AUTHOR「ウチと同じだ」と思ったウェブ制作チー
ムはマズイ。人力に頼って高コストにな

Movable Type

ウェブ制作チーム

WebMaster「チーム」運営について解説する。鮮度

図2 MTによるウェブ制作組織

図1 古いウェブ制作組織

1
エントリー
（記事）

file
AUTHORAUTHOR

1：エントリーのポスト
エントリー
（記事）

AUTHOR

エントリー（記事）

AUTHOR「ウェブ制作チーム＝雑務担当」となっている。記事は他の人（AUTHOR）MTが制作スキームの中に入ることで、ページごとにデザに依頼する。しかもウェブ制作チームが1ページごとに管理・編集し、デイン や H T M L コーディングをする必 要 がなくなる。

ザイナーに渡してHTMLにコーディングして、アップロードする作業（1、2、AUTHORがエントリーをポストすることで、あらかじめデザ4）が発生する。技術的な要望が上がると、技術スタッフとも調整をしてインした「テンプレート」にそれが適用され、自動的にウェ（3、4）と、マルチプレイヤー的なスキルが望まれる。

ブサイトに反映される。

なチーム編成で失敗しているウェブサイ
トは、実際に無数にある。
これに対しMTがもたらすチーム構成が図2だ。MT（CMS）が介入することで、ウェブ制作チームは、肝心のコンテンツを作るAUTHORになる。MTを導入することで、ウェブ制作チームの一番の仕事は「コンテンツのクオリティーを維持する」ことに移るのである。

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

ウェブサイトイントラネット
ホームページMovable Typeで実際に記事を投稿してみよう！

まずはウェブログを作成して初期設定だ
MTのメニューなどでは、「ウェブログ」という言葉は「1つの単位として管理されさあ、それでは実際に新しいウェブログ（Blog）を設置するところから始めてみよう。
今回は以下のような手順で、セットアップ

る一連のページ群」という意味で使われているので注意してほしい。たとえば1つのウェブサイトに「お知らせ」のウェブログ、「サポート情報」のウェブログ、「製品情報」のウェブログのように複数のウェブログが存在することもできる。とエントリーのポスト（投稿）を行っていく。
1．ログイン
2．新しいウェブログの作成と初期設定
図3 Movable Typeのメインメニュー

3．エントリーのポストと編集
4．AUTHORの追加とチーム編成
まずは前回作ったアカウントを使ってMTにログインし、メニュー画面の右上に現れる「新しいウェブログの作成」
をクリッ

実際にはテスト用ウェブログが 1 つあるだけだろう。もし図3のボタンがクしよう（図3）。

現 れ な いときは「 ウェブ ログ の「新しいウェブログを作る」という画面でAUTHORを追加・編集」ボタンを押は、6つの項目を入力していく
（図4）
。まず

限を確認してみよう。自分の名前をして、自分のアカウントのアクセス権初めに①「ウェブログの名前」だ。日本語選んで「Edit」をクリックすればいい。

でも英語でも自由に入力して構わない。の2つのチェックボックスに印が付く

次のページで「システム全体の権限」ようにすればいい。

次は②「Local Site Path」だ。サーバ
ー内部でどこにウェブログのファイルを置くかを指定する。前回のインストール時に「StaticWebPath」で指定した方法（ファイルパス）
で、今回作成するウェブログ用の図4 ウェブログの作成画面
図5 MTでは何はなくともREBUILD！

ディレクトリーを指定する。自分が使っているウェブサーバーで、公開するファイル
1を置く場所がどこなのかを調べて、そのどこかにBlog用のパスを作って指定しよう。

2

バーチャルサーバーを使っているホスティング業者の場合は「/」で始まる絶対パス3を入力してもうまくいかない場合があるので、そのときは相対パスで指定するといい4だろう。このパスのパーミッションは「777」に指定する必要がある。MTのファイルや5CGIをインストールしたディレクトリーとは6まったく異なるので注意しよう。
③「Site URL」は、②で指定したパスが、ウェブサーバーで公開されたときのURL

ここで一番注意しなければならないのが②と④だ。これを書き間すべての設定後、REBUILDを実行して、最後違えると、MTは正常に動作しないばかりか、大切なファイルを上にこの画面が表示されれば成功！新しいウェを指定する。ここではすべてルート下に書きしてしまう可能性もある。

ブログの誕生だ。

rakuraku というディレクトリーを作った。

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

④「Local Archive Path」は、ウェブロたら、先程説明した②と④をチェックしよ「Entryの新規作成」ボタンから行うことがグにポストされた記事を保存するパスだ。

う。ほとんどのエラーがこの指定ミスが原できるので早速クリックしよう（図6）。

基本的に②のパスの中に「archive」とい因だ。また、REBUILD は成功するのにコンテンツの登録は簡単だ。電子メー

うディレクトリーを作ってそこを指定すれば「サイトを確認」ボタンを押した後にエラー

ルソフトでメールを送るときのように①「タいいだろう。⑤「Archive URL」は、④でが出る場合は③と⑤やStaticWebPathのイトル」と②「内容（Entryの内容）」を記述

指定したパスが、ウェブサーバーで公開さミスの可能性が高い。

するだけでいい。もし、詳細の内容も保存しておきたい場合は④「Extended（追記）」れたときのURLとなる。
⑥「Timezone」は、ウェブログを運営すにも記入できる。最後に、下段にある⑥

ラクラク！エントリーの書き込みと編集る場所の地域を指定する。ウェブサーバ
ーが置かれている場所のことではないの「Post Status」のメニューを Publish に変更して「Save」ボタンを押せば完了だ。
ここで Draft のままにすると、エントリーで注意しよう。日本国内で利用しているのなら単純に「UTC+9」の日本時間を選択すればOKだ。

ウェブログの「箱」は完成した。早速、した内容はウェブログには公開されず、コンテンツを登録して、中身を埋めてみる

MTのデータベースに保存されたままにな

最後に「Save」を押して、画面上部にことにしよう。MTには、「ページ」という概る。執筆途中のコンテンツなどはDraftで「REBUILD」というボタンが現れたら保存念がなく、代わりに「エントリー」という単一時保存しておき、作業が終了した時点成功だ（図5）。このボタンを押すと小さな位でコンテンツを登録する。コンテンツとでPublishにするという方法もある。

ウィンドウが現れるので「Rebuild」ボタン

は、デザインを抜いた純粋なテキスト・画すべてのフィールドで、HTMLタグを利をクリックして、「すべて Rebuild できまし像のことを指し、簡単なHTMLで記述でき用できるので、必要であれば本文中の語た」と表示されるのを待とう。完了して「サる。登録したエントリーは、MTにあらかじ

句 を < s > タグ で 打 ち 消 したり、< a

イトの確認」をクリックすれば、設定に従め保存されたテンプレートが適用され、自href="http://.....">タグでリンクを書き込んってHTMLファイルなどが書き出される。

動的に鮮やかにデザインされたウェブペーだりもできる。もちろんテキストのベタ打うまくいけば、できたてほやほやのウェブジとして書き出される仕組みになっていちでも問題はない。MTはスタイルシートログのページが表示されるだろう。

る。

もしこのREBUILD中にエラーが起こっのテンプレートが利用できるので、見やすエントリーは、ウェブログのメニューのいデザインに修正していけばいい。

図7 記事がページに表示された！

図6 記事の投稿はメール感覚で
1
2

3

4
このボタンをクリックして記事を投稿①「タイトル」と③「内容（Entryの内容）」は普通のメール感覚で書けばいいだろう。②「PrimaryCategory」
は、エントリーにカテゴリーを設定でき6るメニュー。今回は取り上げない。④「Extended
5 （追記）」は記事の補足情報で、トップページなど初めてのエントリー。日付の下に「タイトル」「本文」が表示されのインデックスページには表示されず、単独でコにテキストを入力した際、自動的に現れるもの。クリックすればる。
「続きを読む..」というボタンは、図6の④「Entended（追記）」

ンテンツが表示されるときに全文表示される。⑤

全文が表示される。
「02:57AM」というボタンも同じ機能をする。

「Excerpt（概要）」にエントリーの概要を記述して「コメント（0）」というボタンが表示されているとき、これをクリック

おけば、FeedReader（Blogのサマリー情報を入すると、この記事にコメントを残すことができる。タイトル以下の手するソフト）などで閲覧がしやすくなる。⑥「Post左側エリアは、「カレンダー」や「サイト内検索」「アーカイブ」「最Status」
は、保存する記事の状態を設定するもの。

近のエントリー」などの基本情報が表示される。エントリーは、右Draft でエントリーはDBに保存される。 Publish

側の大きな空白のエリアに表示されるようになる。にすれば DB に保存されたうえでウェブログのページとして公開される。

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

で自由に修正できる。

登録後は、左メニューの最下部にある力したものと同じになる。
アップロードが完了すると表示される画「サイトの確認」ボタンを押そう。すると別ウィンドウが開いて、エントリーがウェブロ

画像のアップロードもラクラク！

グに登録されたことがわかるはずだ（図7）。
追加エントリーはどんどんここに登録され面（図9）で、「UploadしたファイルのHTML」を選択することにより、現在表示されているエントリーに画像タグを埋め込むことができるようになる。そして最後に、「Popupるようになるので、CMSのだいご味を実感するためにも、いくつかエントリーを作

また、画像をエントリー内部に表示させImage」か「Embedded Image」ボタンをたいときは、当該エントリーを表示させた選択するわけだが、ここでは「Embedded

実際にいくつかエントリーをしてみると、うえで、左メニューの「ファイルのUpload」Image」をクリックしよう。Embeddedを選「この部分を直したい」という欲求が生まボタンをクリックしよう。ファイル指定ダイ択すれば、エントリー本文の中に画像が埋れてくる。そんなときはウェブログのメニュアログが表示されるので（図9）、「ファイルめ込まれるようになる。最後に画像タグーから「Entryの編集」ボタンをクリックしの選択」ボタンをクリックして画像ファイルが表示されるので、それをコピーしてエンよう（図8）。するとすでに保存したエントを指定しよう。下段には Upload先を選トリー本文にペーストすれば終了だ。

リーが一覧表示されるので、編集し直した

んでください とあるが、ここはデフォルト

もしここで「Uploadしたファイルを使っいエントリーのタイトルをクリックすれば、のまま「Local Archive Path」でいい。こて、新しいEntryを作る」
を選択すれば、自再びエントリー編集画面が表示されるののパスは、ウェブログを設定したときに入動的に画像タグが挿入された新しいエンってみてほしい。

図8 記事は一覧から選んで編集できる

図9 ファイルのアップロード1

Open／Draftに関係なくすべてのエントリーのリストが表示される。タイトルをクリックすれ「ファイルの選択」ボタンを押すと表示されるダイアログを使って、アップロードしたいファイば再編集できる。右端の「Delete」にチェックを入れて「Delete」ボタンを押せば、エントリールを直接指定する。Upload先は、デフォルトのLocal Archive Pathがわかりやすい。

を削除することも可能だ。

図10 ファイルのアップロード2

図11 画像タグの埋め込み「Uploadしたファイルを使って、新しいEntryを作る」
か「UploadしたファイルのHTMLを表示」
を選択できる。最後に「Popup Image」
か「Embedded Image」のボタンを押せばいいでき上がった画像タグは、エントリー本文の好きなところに配置すればいい。<img>タグ内にalign="left"と記入すれば左寄せでテキストを回り込むことができる。この辺は、普通のHTMLタグと同じなのでいろいろ試してみよう。

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

トリーページが開かれる。

AUTHORの追加とチーム編成

テンツを向上させるためのチームを編成しAUTHORの追加などは管理者でしか行うて、より質の高い情報配信サイトを運営しことができない。ていきたいところだ。

ま ず、ロ グイン 後「 ウェブ ロ グ のMTには、複数のコンテンツ担当メンバ

AUTHORを追加、編集」
をクリックしよう。

ー＝AUTHORが、自由に新しいコンテンページ下段に（図 12）、 ユーザー名 、ツを追加したり編集したりできるようにな

Emailアドレス などの登録フォームが表

思いつくままエントリーすれば、それがっている。もちろん各アカウントは管理さ示されるので、参加させたいメンバーの情整然とウェブログにパブリッシュ（出版）されるので、それぞれのメンバーに担当権限報を入力しよう。そのとき、右側にあるウれていくMTのシステム。ここまでの説明を与え、ウェブログの運営を効率良く分担ェブログのリストから、参加させたいウェで、MTを導入することでコンテンツの追するのも容易だ。

ブログにチェックを入れるのを忘れないよ
うに。MT は複数の Blog を運用でき、加・更新が、驚くほどスマートになることをAUTHORをそれぞれに割り当てることが理解していただけたと思う。

記事投稿メンバーの追加

これまで、この連載では コンテンツ登できるのだ。

録の手間がなくなれば、その質の向上の登録後、編集するAUTHORを上段のために力を費やすことになる ということ

プルダウンメニュー（図 13）から選んでを話してきたが、まさにその状況が今、MTメンバーの追加は、例によって非常に「Edit」をクリック。すると下段に、 システユーザーにやってくるのである。旧態依然簡単だ。まず覚えておいてほしいのは、ム全体の権限 やその他の細かい権限のとしたウェブ制作組織のように、美しいデMT インストール直後に用意してあったチェックボックスが登場する。

ザインにかまけて、肝心のコンテンツの質「Melody」アカウントは「管理者権限」にな

ここで どのAUTHORにどの権限を与が落ちては本末転倒である。せっかくのっているということだ。おそらく自分のアカえるか？ という問題があるが、ざっと分類CMS ＝ MTを手に入れたのだから、コンウント 名 に 変 更してあることだ ろう。

すると図14のような図で定義できる。た

図12 メンバーの追加

図13 権限の設定「Post（投稿）」と「ファイルのUpload」「Entryの編集」にチェックをすれば、基本的な投稿は行える。

実際、この画面でパスワードを入力させるのは、いろいろな意味でフェアではないので、暫定パスワードを入力して、あとでメンバーに変更してもらうとスムーズだ。

166 +++ iNTERNET magazine 2003.08 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&Dとえば、 管理者＝AUTHOR1 であれば、ム）でウェブログにコンテンツがパブリッを持っている。是非その辺を考慮してい文句なくすべての権限を与える必要があシュされるようになる。

ただきながら、CMSの可能性を模索してる。ウェブログの一部を担当する 運営スいただきたい。

タッフ＝AUTHOR2 なら、システム全体

なお次回は、デザインテンプレートを編まとめの権限のほか、担当するウェブログの権限集し、Blog風ページを「独自のCMSサイはすべて利用できるようにしておきたい。

ト」へと進化させていく。

逆に、一部のウェブログだけを担当する
コンテンツ担当スタッフ ＝AUTHOR3

随時更新のCMS＝Blogの導入によっ〜 5 は、余計な手間を掛けさせないようて、ウェブサイト運営の焦点は、「企画・デに、コンテンツの編集に関する権限だけザイン重視」から「コンテンツ制作チームを与えておきたい。最後に コンテンツデ組織の活性化重視」にシフトする。これまィレクター ＝AUTHOR6は、コンテンツでのように「見た目キレイ」ではうまくいか例によって、サポート用のサイトをMTで作った権限に加えてデザインテンプレートの編集ず、常にサイトに関する情報に目をくばり、ので、参考にしてほしい。

を割り当てる。コンテンツディレクターは、かつサイト運営チームと最大限の知的創「ラクラクCMSブログ」

場合によってはそれ以外の権限も必要に造活動を継続しなくてはならなくなる。こなると思われるので、適宜対応してほしれはつまり 編集 の領域であり、新しいい。

言葉で言えば 知識コミュニティー の領

これで新しくメンバーを参加させること域へ足を踏み入れることとなる。

ができるようになるはずだ。初めにいくつ

特にBlogは、単なる情報配信にとどまか準備が必要だが、エントリーをすれば、らず、他のBlogサイトやユーザーコミュニ新しいメンバーの名前（またはニックネー

ティーとの関係性が成否のキーとなる構造

図14 MT AUTHORの権限

システム全体の権限

実際に作ってみました

http://www.metamix.com/rakuraku/
その他筆者のブログ「METAMiX! maskin'sBlog」内にも「CMS」というカテゴリーが用意されているので最新動向はここでチェックだ。

http://www.metamix.com/

図15 新メンバーはまず言語の変更を

ウェブログ Aに対する権限 ウェブログBに対する権限 ウェブログ Cに対する権限

AUTHOR 1
管理者
AUTHOR 2
運営スタッフ
新しいメンバーがログインしAUTHOR 3
コンテンツ担当スタッフ

たら、まず 初 めに「 E D I T
YOUR PROFILE」
をクリックしてから「 P r e f e r r e d

AUTHOR 4
コンテンツ担当スタッフ

言語設定を変更しておこう

Language」
を「Japanese」にする。これで日本語モードになる。そしてパスワードをAUTHOR 5
コンテンツ担当スタッフ

自分だけしか知らないものに変更しよう。あとはここに書いたエントリーと手順は

AUTHOR 6
コンテンツディレクター同じだ。入力したエントリーには、各 AUTHOR の名前が表示されるようになる。

「Author権限の編 「Post」「ファイルのUpload」「Entryの編集」「Templateの集」「ウェブログの 編集」「Rebuild」「Categoryの編集」のみ設定」「Rebuild」「Address Bookの編集」を含む

MTの基本的な権限はおおむねこのように分類できる。役職によって与える権限を振投稿したユーザーの名前り分けすれば、効率のいいコンテンツ制作スキームが形作られる。

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

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.