Webマーケティングコラム Dragon.jp


Webマーケティング情報Webマーケティング情報
[PR]
マンション購入お悩み解決サイト<マンションってどうよ?>
ミニブログ今話題の「もごもご」

Webマーケティングレポート


WikiとCMSのいいとこどりでサクっとサイト構築~siteDev2活用術 ~ アイデアマンズアイデア(11) はてなブックマーク ライブドアクリップ


[2006月11年09日]

(宮永 邦彦 / アイデアマンズ

siteDev2というツールをご存じでしょうか?

siteDev2は、PHPに関するツールや情報の提供で有名な「phpspot」で公開されている、WikiベースのユニークなCMSツールです。

・siteDev2
 http://phpspot.net/php/sd/?SiteDev2%A4%C8%A4%CF%A1%A9

・phpspot
 http://phpspot.net/

制作しようとするサイトが、

(1)文章中心の定型フォーマットである
(2)情報量・更新性が勝負となる
(3)とにかく手早くサクっと作らなければならない

「言ってみればWikiなんだけど、見た目や使い勝手がWikiのままだとちとマズい・・」

そんなサイトを構築するときに威力を発揮します。アイデアマンズ株式会社では、サービスのオンラインヘルプを作成するときに重宝しています。

・フィードアプリのオンラインヘルプ
 http://help.feedappli.jp/

・ケータイキット for Movable Typeのオンラインヘルプ
 http://mt.keitaikit.jp/


Wikiとは何か?~簡単におさらい

Wikiとは何かを簡単におさらいしましょう。Wikiに詳しい方は読み飛ばしても結構です。

Wikiとは、いわば「オンライン共有メモ帳型サイト」。フォームからテキストを書き込むことによって、どんどんページを追加したり、その場で変更することができます。根本思想に「寄ってたかってサイトを作ろう!」というコンセプトがあります。皆さんが一度はお世話になったことのあるWikipediaが、まさにWikiを使った辞書サイトなのです。

Wikiの大きな特徴のひとつが「Wikiフォーマット」です。Wikiでは特定のルールでテキストを記述すると、それが自動的にHTMLに整形され、他の人が見たときに見やすい形に整形されます。

たとえば、

* 今日のできごと
+歯を磨いた
+朝ご飯を食べた
+電車に乗った

というテキストを書き込むと、

<h1>今日のできごと
<ol>
<li>歯を磨いた
<li>朝ご飯を食べた
<li>電車に乗った

と変換され、ブラウザで表示されます。そのおかげでフォームから容易にページの編集ができるのです。Wikiとはこういったツールの種類を指す総称で、世界には様々なWikiツールが存在します。

・オープンソースでIT戦略 MOONGIFT
 http://oss.moongift.jp/
 (「Wiki」でサイト内を検索してみて下さい)


WikiをCMS化したのがsiteDev2

 Wikiフォーマットに慣れたWeb制作者が決まってこう考えます。

「通常のWeb制作でのコーディングも、こういう風に簡単にできないかなぁ」

文章中心のサイトであれば、装飾は多く必要ありません。逆にフォーマットが特定されていることで、統一感を維持することができます。しかし、Wikiをそのまま使うと、デザインの変更がしにくく、そもそも読者による編集を前提に作られているので、セキュリティの観点からも好ましくありません。

そこで著名なWikiツールのひとつであるPukiWikiを改良し、サイト制作に活用できるようにアレンジされたのが、このsiteDev2なのです。


siteDev2活用テクニック

「デザインを変更するには?」

skinディレクトリにあるdesign.skin.htmlファイルを変更します。HTMLファイルに特定のタグを埋め込むだけなので簡単です。画像はimageディレクトリ、スタイルシートはstylesを利用するか、コピーしやすいようにskinディレクトリ以下にまとめるとよいでしょう。テンプレートが一種類だけというのも、siteDev2の手軽さのひとつです。

・スキン作成法 - SiteDev
 http://phpspot.net/php/sd/?%A5%B9%A5%AD%A5%F3%BA%EE%C0%AE%CB%A1


「テキストの寂しさをなんとかするには?」

Wikiはテキストベースで気軽に編集ができる反面、文字の見栄えが寂しくなりがちです。アイデアマンズが作成するサイトでは、BJKit(BeautifulJapaneseKit)を利用して見出し文字をグラフィック風にしています。

・BJKit(BeautifulJapaneseKit)
 http://www.ideamans.com/tool/beautifuljapanese.php


「機能を拡張するには?」

ベースとなっているPukiWikiの豊富なプラグインが活用できます。

・プラグイン - PukiWiki-official
 http://pukiwiki.sourceforge.jp/?%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3


siteDev2導入の注意

導入に関して注意しなければならない点があります。

・「URLが記号を含む長い形式になる」
通常のWikiに対して改良されていますが、あまり見栄えはよくありません。

・「処理が重い」
ページを表示するたびにテキストを解析し、テンプレートと合成するので、処理が重くなります。

・「セキュリティが弱い」
 管理者認証が基本認証の上、外部から操作する方法が予測しやすいのも不安です。

上記の理由により、トラフィックの大きなサイトへの導入は慎重にならざるを得ませんが、用途が限定されたシンプルな構成なサイトをサクっと作るためには、とても魅力的で実用的なツールです。

みなさんもsiteDev2、一度トライしてみてはいかがでしょうか?

┌―――――――――――――――――――――――――――――――――――┐
■アイデアマンズ 宮永 邦彦

  「Movable Typeユーザーの皆さん!いよいよ携帯進出です」
Movable Typeで3キャリア対応の携帯サイトを構築するプラグイン、ケータイ
キットを11月15日に販売開始します。早くも問い合わせ殺到中。
現在サイトからβ版をダウンロードできます。
http://www.ideamans.com/keitaikit/
└―――――――――――――――――――――――――――――――――――┘


トラックバック

このエントリーのトラックバックURL:
http://dragon.jp/mt/mt-tb.cgi/206


コメントを投稿

(コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。)


Webトレンドがよくわかる一冊

Webマスター向けのWeb情報メールマガジン

Webマーケティングコラム検索

Webマーケティングコラムカテゴリー

WebマーケティングコラムRSS(XML)

トレンド用語の人気記事ランキング