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

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

text : フリージャーナリスト増田"maskin"真樹（Blog;metamix.com） illust : 小松恵

第11回 Wikiコラボレーションで企画を練り上げよう 2
Wikiの整形ツールと多彩な機能

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

簡単な指示でレイアウト指定や機能追加制限がとても少ないWikiは、利用者の思ツを作ることもできるが、単なるPIM（個人示するかを指定するタグのようなもので、考をすばやくウェブサイトに反映できる。そ情報管理）
メモに終わることもある。

これを覚えると、文章の整形やさまざまなの構造は、個人のアイデアノートやデータここでのテーマは「企画書作り」である。

ベースとしてだけでなく、複数のメンバーいかにWikiの利用者個人の発想を拡張＆るようになる。覚えるといっても、HTML支援し、それをグループによる知的創造活のように辞書が必要なほど複雑な記号を動に役立てられるかという命題がある。企暗記する必要はない。整形ルールの記述

画といえば、「情報の収集」と「発想・構想」

は 1 〜 2 回使えば簡単に理解できるはずが重要だ。そこで、膨大な情報をWikiのだ。また、ブラウザーのバージョンやOS中に整理していくことから始めたい。の種類にも依存しないので、一度覚えるによる知的コラボレーションにも適用できる。情報の入力はテキストが中心になるが、「Wiki整形ルール」という編集記号をテキスト中に記述すれば、文章の整形だけでなく表組みや投票機能、画像や表計算のファイル添付を、手軽にスピーディーに行える。

情報や機能の入力がスピーディーにできまさしく手となり足となるWikiの基本ルー

それにはまずWikiという広大なステールを1つずつ紹介しながら、Wikiの動き

ジを自由に歩けるようにウォーミングアッ

まず簡単な整形ルールから始めてみよとその可能性を説明していこう。

プをする必要がある。グローバルメニュー

う。すでにテキストの入力はできるようにの「新規」をクリックして、情報を書き込むなっていると思うので、そのテキストに「見ページを作ってみよう。ただし、Wikiのペ出し」や「箇条書き」を付けて、文書の構Wikiの基本、ページ作成だけで永続的に使い続けることができる。

ージ名には、空白を入れることはできないことに注意してほしい。

Wikiはページ中心の情報ツールである。
大小にかかわらず、すべての情報はページという単位で扱われる。というよりは、どWikiの基本、テキスト整形ルール

Wikiで使う整形指示部分は、すべて半角で記述すること。整形のための記号、数字、んな情報も、ページ中心の構造でしっか「COLOR」や「CENTER」などの単語などにりと受け止めてしまうのがWikiなのだ。どWikiではHTMLのタグは使えない代わんなWikiサイトにするかは、ページを作るりに、「Wiki整形のルール」という情報入利用者次第。CMSとしてウェブコンテン力のための道具がある。テキストをどう表

154 +++ iNTERNET magazine 2004.01 +++Wikiルールは半角で全角の文字を使うと整形指示ではなく通常のテキストとして扱われる。

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

造を整理してみてほしい。

Wiki整形ルール①「基本要素」
ページのテキストを上手に構成するため

大見出し、「**」で中見出し、「***」で小見Wiki整形ルール②「簡単な文字装飾」

出し）。見出しがあるページに「#contents」

必要であれば文字に装飾を施すことがという命令を入れれば、その場所に自動できる。装飾は、ページに配置されるどの的に目次が作成される。

文字に対しても施せる。特に「打ち消し線」は、スクラッチアンドビルドの企画書の必須5ルール。これを覚えればWikiルールの要点を押さえたといっても過言で

・箇条書き
（「-」
「--」
「---」
）

はない（図1、図2）。チルダは改行する行「-」（ハイフン）
を行頭に書くと箇条書き.

作りでは多用する（図3、図4）。
・太字（''〜''）の行末に、見出し、箇条書き、水平線はの項目になる。
「-」の個数で箇条書きのレ行の先頭に書かなければいけないことにベルを指定して、最高3段階までの入れ子注意してほしい。の箇条書きにもできる。

挟むとボールドになる。

・改行（空行、「˜」）・水平線（----）

・斜体（'''〜'''）「----」のように半角ハイフン4つを行頭空行を入れると、そこまでが1段落として扱われる。段落内で強制的に改行するに並べるとページに横線を引ける。効果

場合は改行して行末に「˜ 」（チルダ）を入的に配置すればページが見やすくなる。

2つのシングルクオート「''」で文字列を3つのシングルクオート「'''」で文字列を挟むとイタリックになる。
・打ち消し線（%%〜%%）れる。

2 つのパーセント「%%」で文字列を挟・注釈（((〜))）「△△△((注釈内容))」のように、単語を・見出し（「*」「**」「***」）最重要ルール。
「*」（アスタリスク）
を行半角の丸かっこ2 つで挟むと、注釈がペ頭に書いて続けてテキストを書くと、そのージの末尾に作成される。この場合、△テキストが見出しになる。
「*」の個数で見△△に注釈番号が振られ、注釈内容がペ出しのレベルを3つまで表現できる（「*」でージの最下部に配置される

図1 Wikiでの記述サンプル①

むと打ち消し線が引かれる。

Wiki整形ルール③「詳細な装飾」
さらに細かい指示として、文字の色やサイズ、行揃えも指定できる（図5、図6）。

図2 改行、見出し、箇条書き、水平線、注釈
ページに図 1 のように書くと、こう表示される。

#contents

見出しは、その名のとおりコンテンツのタイトル*Wiki編集規則の概要としての役目を果たす。箇条書きは同列にいく-箇条書き第1階層その1つかの項目を並べるものだ。注釈は通し番号が振られ、ページの末尾に配置される。注釈の上-箇条書き第1階層その2((注釈を1つ))の横線も自動的に引かれる。

**さまざまなルール
空行((もう1つ注釈))を入れずに˜改行もできる。
----箇条書き第1階層A--箇条書き第2階層A---箇条書き第3階層A---箇条書き第3階層B--箇条書き第2階層B

図3 Wiki整形ルールでの実際の記述②

図4 さまざまな文字装飾
文字装飾を図3のように適用したページ。HTML-文字装飾

タグとは異なり、ブラウザーやOSの種類に依存--文字を''ボールド''にするしない。また非常にシンプルなので、習得は簡--文字を'''イタリック'''にする単だろう。

--文字を%%打ち消し%%にする

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

・文字の色がある。シンプルだが、企画書で扱うデー

は「最新の20件」と、グローバルメニュー「COLOR(色):文字列」で、文字列の色タの整理なら十分だろう（図7、図8）。の「一覧」と「単語検索」からのみだ。これを指 定 できる（ 色 は、H T M L のようにでは不便なので、作ったページへのリンク「#RRGGBB」の16進数6桁表記で表す）。

基本かつ重要な整形ルールを紹介した。

を最初に表示されるフロントページに作

おそらくこれらを組み合わせるだけで、たりたくなるだろう。Wikiでは、次のように・文字のサイズいていの情報整理には適用できるはずだ。

他のページ名を大かっこで二重に囲めば、「SIZE(数値):文字列」で、文字列の大き編集したページは、画面下の「プレビュー」

そのページへの入り口となるリンクを作れさを指定できる（数値は、文字の大きさををクリックすれば保存する前に確認できる。早速作ってみよう（図9、図10）。

1〜7の数字で指定する）。標準の大きさる。いろいろ試行錯誤をしたうえで、次のは3と4の間だ。

セクションに進んでほしい。

・行揃え「CENTER:文字列」でセンタリング、「 L E F T : 文 字 列 」で 通 常 の 左 寄 せ 、普通のリンクと求める リンク「RIGHT:文字列」で右寄せにできる。

Wiki整形ルール④「表組み」[[ページ名]]リンクが張られているのは、「階層構造について」だけで、他のページへの名前には「?」が付いている。しかも「?」をクリックすると、そのページの編集画面が表示

編集したページは、「ページの更新」ボされる。ここで指定したリンクの付け方は、タンをクリックすると保存される。ページ「BracketName」というものだ。
「Bracket」

HTMLでは面倒な表組みが、Wikiルーを更新すると、登録確認の画面とともに、は「かっこ」に加えて「持ち送り」という意

ルでは驚くほど簡単に処理できる。セル

左側にある「最新の 20 件」にページのタ味を持つ言葉だ。
「持ち送り」は建築用語を「|」で区切って書くだけだ。ただし、表イトルが表示されているのを確認できるだ

で、柱と柱の組み合わせを補強する腕木を表す「|」を行の先頭と最後に書く必要ろう。登録したページにアクセスできるののことで、装飾に使われる場合、柱がなく

図5 Wiki整形ルールでの実際の記述③

図6 文字の色とサイズ、行揃え
Wikiは、微妙なレイ-文字の色アウトをするためのツ--COLOR(#FF0000):赤の文字

ールではないので、あまり凝りすぎるとバラ--COLOR(#00FF00):緑の文字

ンスが悪くなる可能--COLOR(#0000FF):青の文字性があるので注意。

-文字サイズ--SIZE(1):サイズ1の文字--SIZE(6):サイズ6の文字---CENTER:センタリングやLEFT:左寄せやRIGHT:右寄せはブロック要素

図8 Wikiでは表組みも作れる
図7 Wiki整形ルールでの実際の記述④整形された表。スピーディーに表を表現できる。表組みの中に文字装飾を記述する|''バス''|''電車''|''水上バス''|ことも可能だ。PukiWiki 1.3
では一部不具合があったが、|200円 |380円 |300円 |現在のバージョン1.4では解|40分 |30分 |30分 |156 +++ iNTERNET magazine 2004.01 +++決されている。

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

て補強材だけということもある。つまりがない）や「METAMiX!」（2文字目が小文

イル共有に絶大な効果を発揮する。どんBracketNameでは、ページのあるなしに字ではない）はならない。

なブラウザーからでも、ログインも必要がかかわらずリンクを作ることができるのだ。

WikiNameは、Wikiコンテンツを拡張さないファイル共有サービスを簡単に作れ

つまり図10でリンクが張られている「階せるには有効なのだが、日本語を中心にるからだ。しかも、面倒なディレクトリー管層構造について」だけがWikiサイト内に実取り扱う場合には有効に使えないのが残理や容量管理などは必要なく、いつでも在するページ名で、他の名前のページは念だ。

必要なページに必要なファイルをいくつでも添付できるのだ（図11、図12）。

存在しない。Wikiでは、リンク先のないページにリンクを指定すると、「?」が表示さスクラッチアンドビルドれる。これは このページを作ってほしい投票機能の設置というWikiからの意思表示であり、クリッウェブサイトで自分の意見を共有し始めクすると、その宛て先不明の名前のペーると、他の人の意見も収集したくなる。しジを新たに作ることができるのだ。この宛整形ルールやBracketNameといった基かし投票機能は、普通のウェブサイトではて先不明のリンクは、 今はわからないが本的な構造の下で、WikiにはさらにたくさCGIやプラグインをインストールしないと将来的に必要 という項目をあらかじめ想んの機能や画期的な整形ルールが用意さ使えないのが現状だ。だが、Wikiならコマ定して企画の枠組みを作るのには最適でれている。ここでいくつか紹介しておこう。

ンドの記述で、すぐにいくつでも投票コーある。

ナーを設置できるのだ（図13、図14）。

ところで図 10 では「MaskinWiki」にもファイルの添付と参照「?」が付いている。これはそもそも単なる意外かもしれないが、PukiWikiは極め文字列で、BracketNameは記述していなて柔軟なファイル管理機能を備えている。

かったはずだ。実はこの単語は「Wikiページに複数のファイルを添付することがName」と呼ばれ、何も記述しなくても自でき、JPGなどの画像ファイルならばペーWiki以外のページへのリンクなど、Wikiの動的に「リンク候補」となるのである。
「1文ジ中に表示できるし、その他のファイルでページ名以外でリンクを作りたい場合に字目が大文字」→「2文字目以降が任意のもダウンロードボタンを表示できる。

は、[[名前:URL]]とすればいい。

Wiki以外へのリンク英数字」→「大文字」→「任意の英数字」

ページの最下部には添付されているフという組み合わせのアルファベットで記述

ァイルのリストが表示され、グローバルメされた単語は自動的にWikiNameとなり、ニューの「添付」→「全ページの添付ファ

その名前のページがあればリンクになり、イル一覧」をクリックすれば、そのWikiサ「http://」「https://」「ftp://」「news://」「mailto:」なければ「?」マークが付いて、ページの作イトのすべてのページに添付されているフなどで始まるURLを直接書けば自動的に成を促される。たとえば「WikiWiki」「Moァイルを見ることができる。その場でファリンクになる。

Blog」「WikiWay」などはWikiNameになイルを開いたり削除したりもできる。

るが、「Metamix」（3文字目以降に大文字[[METAMiX!:http://www.metamix.com/]]
表示テキスト

リンク先

URLが表示されても気にならない場合は、この機能は、複数ユーザーによるファ図9 Wiki整形ルールでの実際の記述⑤

図10 作られたリンクは1つだけ*主なテーマMETAMiX!のMaskinWikiが取り上げるテーマです。
-[[ウェブサービス／Blog]]-[[テクノロジーと音楽著作権]]-[[RFIDと組み込みOS]]-[[階層構造について]]4つBracketNameを作ったのに1つしかリンクが張られず、後は「?」が付いただけだ。

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

コメント機能の設置
Wikiの限りない自由度は、多くの閲覧ユーザーにとって、しばしばとまどいをもたが習わしになっているのだ。この慣習にらいいのかわからなくなりそうなので、ここ利用者が従えば、WikiサイトはコミュニテでWikiサイトの利用の仕方について軽くィーサイトにだって成長するだろう。

おさらいをしておく。
ブラウズの基本は、前述したとおり、最らす。実際、この連載向けに作り始めたカレンダーでスケジュール管理筆者のWiki（URLは文末を参照）
では「書近登録・変更されたページが並ぶ左側のき込んでもいいですか？」という質問が寄恐ろしいことに、Wikiでは、整形コマン「最新ページ20件」と、ページ内のリンクせられたほどだ。しかしページにコメントド「#calendar̲read」でカレンダーも作れになる。グローバルメニューから「単語検索」で直接検索するのもいいだろう。

を付けられるフォームを用意すれば多少はる。
「#calendar̲edit」とすると日付と連動敷居が低くなるかもしれない。ページにしたページが作成でき、まるでPIMシステ「#comment」と書いてみよう。Wikiではこムのように本当にスケジュール管理がでージ最下部にある「Link:ページ名〜」があの1行だけでそのページにコメント入力フきてしまうのである
（図16）
。

る
（図17）
。これは、Wikiサイト内でどのペォームが設置される（図15）。

Wikiらしいブラウズの仕方としては、ページからこのページにジャンプしたかを表おもしろいことに、コメントで入力した名すものだ。ページ名の右側にある「4d」やWikiの歩き方前には、必ず「?」マークが現れる。Wiki「28d」というのは追加もしくは編集されてのシステムが自動的に「自己紹介をしてくからの経過時間を示す。たとえば、「4d」とださい」と促しているのである。つまり、コいうのは「4日前にリンクされた」というこメントを挿入した後、名前の「?」マークを驚くほどさまざまな機能や構造を持つとを表す。また、Wikiのページは頻繁に編クリックして、 自分のページ を作ることWiki。ここまでくると、どう閲覧していった集され る 可 能 性 があるの で、「Last-

図11 ファイルの添付

図12 添付されたファイル

グローバルメニューの「添付」
をクリックすると、閲覧中のページにファイルを添付できる。
ファイルはサーバーのPukiWiki専用のディレクトリーにアップロードされる。アップロードできるファイルの最大ファイルサイズは1000Kバイト（約1Mバイト）だ。

JPG画像とExcelのファイルをアップロードした。ページ中に「#ref（ファイル名またはURL）」を記述すれば、画像がページ中に配置される。また、ページの最下部に「添付ファイル:ファイル名」という表示が見えるだろうか。クリックすれば開けるし、「削除」ボタンを押せばファイルを消去できる。

図13 Wiki整形ルールで投票機能を設置

図14 投票機能が簡単に作れた！

*今週の投票-話題のオンラインミュージックショップ使うならどこ？
#vote(Apple Music Store,Napster,その他)

これだけの記述で、一瞬にして投票ブロックが作成できる。当然クリックすればカウントされ る 。 投 票 結 果 はそ の ペ ージ の 中 に「 #vote(Apple[1] Music Store[0],Napster[0],その他[0])」のようにコマンドの形で保存されていく。

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

modified」にもチェックが必要だろう。
もっと詳しくページの閲覧動向を知りた

タベースにも、スケジューラーにも、コミュニティーサイトにもなり得るのだ。

ければ、ページ中に「#counter」と記述す

しかしながら、忘れてはならないのは、れば、簡単なアクセス解析を行うことも可CMSは万能ではないということだ。それ

能だ
（図18）
。

ぞれのツールやシステムには個性があり、なお、例によってこの連載と連動したWikiサイトを用意してある。すでに最新のPukiWiki 1.4を適用してあるので、是非利用してほしい。
http://www.metamix.com/pukiwiki/

すべてのコラボレーションワークや知的創造活動に適用できるわけではない。また

作者優先の構造Wikiは、知らない人にとってはわかりにくい構造を持っている。そもそもページコンテンツの見やすさを向上させる要素を持さて、今回はまずは各自が情報を入力ち合わせていないので、普通のウェブペし始めるということで、整形ルールをおさージの感覚で見に来ると、おもしろい見らいしながら、Wikiのふるまいをまんべんた目だとは感じないだろう。

最新版PukiWiki 1.4リリース
11月4日に、PukiWikiの最新バージョンである1.4が正式にリリースされた。細かい記述の整合性アップやマイナーバグフィックスなく紹介した。非常に幅広く奥が深い

Wiki の中心はあくまでも Wikiを知り、Wikiの機能を、筆者自身が驚きながら筆Wikiページを作成した作者であり、それをーザー認証を行えるようになったり、単語検を（キーボードを）進めてきた。わかったの

閲覧する一見さんとの間には、明白な境索の結果ページで検索後を強調表示できは、Wikiは、利用者のふるまいによって、界線があるのである。

るようになったりと、かゆいところに手が届どのようなサイトにでも成長していくもの

次回は、参加者の領域を拡張し、個人だということ。文中でも少し触れたが、ブからチームでのWiki利用についってぐぐっックマーク集にもなるし、メモ書きのデーと深く掘り進んでいくつもりだ。

図15 簡単にコメント機能を設置できるが中心だ。また、任意のページに対してユくようになった。また、携帯電話端末で閲覧が可能になったほか、blogなどでおなじみのTrackBackに対応するなど、地味ながら画期的なバージョンアップとなっている。

図16 カレンダー設置もコマンド1つだ

名前とコメントを入力して「コメントの挿入」
を押せば、フォーム上のようにコメントが今月のカレンダーを表示（本日は追記される。

11/5）。日付をクリックすると、この ページ（ m a s k i n ）の 下 に「maskin/20031105」というカレンダーと連動したページが作成される。

図17 ページを参照しているURL

図18 簡単なアクセスカウンターも追加できる「#counter」を追加すると、アクセスカウンターが設置される。左から「トータルアクセス（Counter）」「本日のアクセス（today）」「昨日のアクセス（yesterday）」で、追加した時点からカウントされていく。
そのページを参照しているページが示されている。

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

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