特 集

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

ここまでやれば機能向上 でアクセス向上Part

1

ブログのカスタマイズは、楽しいだけでなく、サイトにさまざまな効果をもたらす。その効果をまず理解しよう。また、各種ブログツール／サービスでカスタマイズするための基本的な操作も解説する。

カスタマイズの効果／ Movable Type、ココログ、
ブログ人、livedoor blog、JUGEMでのカスタマ

s76ページイズのやり方Part

2

ブログで定番のサイドバーは、ブログのメインコンテンツとは別にサイトをにぎやかに、便利にできる場所だ。簡単に使えるサービスやスクリプトを使ってサイドバーを充実させるテクニックを紹介する。

他サイトの RSS を簡単に貼り付け／投票システム／
最近投稿した写真だけを一覧／兎が勝手に記事を書

s82ページく？／アナログ時計／プチ掲示板／クリッピングなど

Part

3

カスタマイズはサイドバーだけではない。ブログの記事部分やブログ全体に対してちょっと手を加えるだ
けで、一味違った便利なブログサイトにできる。サイドバー以外で使えるテクニックを紹介する。

携帯電話対応／へぇ/ふぅんボタン／似た内容の記事を表示／スパムコメント対策／便利な「続きを読む」／

s94ページランキングに参加など
text : 田中 誠／加藤 さこ／小出 修平／増田 真樹／宮川 達彦／伊藤 直也
illust: 金子ナンペイ／天海 誠

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

75

Part

1

読者のため、そして自分のためにカスタマイズするのだ！

オリジナリティーがブログに楽しさをもたらす

ば、ムリに他人がやっていないネタを探す

JavaScriptを書き込むことで行う。サイド

ことに労力を費やすよりも、細かいことでバーとは、ブログ本文の右側もしくは左側もいいから自分がこだわりを持っているテにある縦長のスペースで、標準ではカレンーマを深く追求したほうがいいだろう。そダーや過去の記事へのリンクなどが並ん

急激な盛り上がりを見せているブログ。

れによって思わぬ同志が集まってブログでいる部分のことだ。

さぞかし皆さんもブログライフを楽しんでが盛り上がる、というパターンも考えられ

タグやスクリプトを書き込むと言っても、いることだろう。……そうでもない？

確る。純粋に内容だけで他のブログと差を多くのツールやサービスは書くべきタグやかにブログが利用しやすくなった反面、三付けるのは難しいが、良いテーマさえ見つスクリプトを自動的に生成してくれるので、

日坊主ブロガーが増えているという話も

かれば、それだけでオリジナリティーにつ書き込む位置さえきちんと確認すれば上チラホラ聞こえる。

ながるに違いない。

級者でなくても比較的簡単に利用できる。

ブログのツールやサービスが増えて、だ

次にデザイン。これは、一目でオリジナ

つまり、これらを使えば、たとえ初心者でれでも手軽に始められるようになった一方

リティーを出す効果があり非常に有効だ。

もあっと言う間に味気なかったブログをカで、どれも同じようなものになってしまいがCSSの編集に関しては、本誌でも「イケイスタマイズできるのだ。最新ニュースの見ち、という傾向がある。その結果、せっかケ Before→ After CSSテクニック」とい出しを流したり、天気予報を表示させたり、

く意気揚々と作ったブログも、似たようなう記事を連載しているので、とりあえず今BBSで議論したり、あるいはかわいいアイ

ブログ群の中に埋もれてしまって目立た回はそちらを参考にしてもらうとして、純粋コンを取り付けてにぎやかにしたり、といず、読者も増えず、やっていてつまらない、なデザインでオリジナリティーを出す方法

ったことが簡単にできる。

となってしまうことも多い。そこで考えなくに関しては、説明を省かせてもらう。

カスタマイズの方法はサーバーインストてはいけないのが、他のブログと差を付

そして、最後に残ったのが無料ツールなール型のブログも、「ココログ」「livedoor

ける、自分だけのオリジナリティーを出すどを使ったカスタマイズ。今回の特集のBlog」「ブログ人」などのブログサービスでことだ。それさえできれば、ブログを格段

目的はコレだ。

も基本的には同じだ。ブログサービスによっては多少手順が違ったり、できることに楽しめるようになるだろう。
では、どうやってそのオリジナリティーを発揮すればいいのか。大きく分けると以下のような方法が考えられる。

カスタマイズの方法が制限されていたりする場合もある。今回詳しい解説は後ほどするとして、一般的の記事ではすべてのブログについて解説にブログのカスタマイズは、サイドバーやすることはできないが、基本的な考え方は

本 文 の ス ペ ース に H T M L の タグ や同じなので、コツさえわかればいろんなタ・他人が書いていない独自のテーマに絞り、中身で差を付ける。
・CSS を編集するなどして、他を圧倒するデザインを見せ付ける。
・無料ツールなどを使ってカスタマイズ
して、強く個性を打ち出す。
まず、中身についてだが、これはさすがに一言でこうすればいいというアドバイスは難しい。自分がどういう分野に精通してMovable Typeの初期状態にとりあえず記事を1つだけ投稿した状態。シン
プルな画面も悪くはないが、中身を充実させないと読む側も書く側もすぐに飽きてしまうそうだ。

いるのか、何に興味を持っているのか、といったことにも大きく左右されるし、それぞれの文章力も問題になる。強いて言え

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

［特集1］

ブログのカスタマイズ

イプのブログツールに応用がきくだろう。

また、これらのポータルサイトに登録す

カスタマイズ用のツールはネット上でされば、自分のお気に入りブログをリスト化

まざまなものが作られていて、多くのもの

してサイドバーに表示させるということもは無料で配布されている。その組み合わ

簡単にできる。こうして同じような趣味をせは、とてつもない数に上るだろう。した扱うブログ同士でリンクを張り合えば、自がって、ツールの選び方次第で、自分だけ然と読者も増えていくだろう。

のオリジナリティーあふれるカスタムブロ
グを作ることが可能なのだ。

必勝 法

RSSの活用も有効だ。RSSとは、ウェブページの概要を外部に配信するためのフォーマットを定義した規格で、ブログツ

カスタマイズの効果

ールやサービスの多くがRSSに対応してカスタマイズをすることでブログを個性いる。ブログで RSSを配信するようにし的なものに改造できれば、自然と人の目ておけば、他のユーザーのブログでそのに留まり、多くの人に読んでもらえるよう情報を表示してもらえる可能性がある。
更新情報の送信とRSS の配信を設定になる可能性は高くなる。
だが、カスタマイズの効果はそれだけにして おけ ば 、
「Bulkfeeds」

やとどまらず、もっと直接的な集客効果をね「FeedBack」

といったRSS検索エ

らうこともできる。

ンジンを経由して、興味を持った記事を読やみに来てくれることもある。さらに、読んといった、ブログのだ人が自分のRSSリーダーに登録してく

ポータルサイトが提供するツールを使ってれれば、今後は更新するたびに記事を読

カスタマイズして、記事を書いたときに更んでくれるかもしれない。

たとえば 、「 Myblog japan」「BlogPeople」

新情報を送信すれば、それらのポータルサ

BBSやチャット、アンケート投票などのイトのトップページで更新を告知できる。

コミュニケーションを促進するカスタマイ

これだけでも多くの人に対して、自分のブズも重要だ。BBSやアンケートで常にタ

ログのアピールになる。

イムリーな話題を展開すれば、話題となっブログの記事部分
投稿した記事が表示される部分。ここをカスタマイズする場合は、記事の情報や記事のカテゴリーに関連したカスタマイズをするようにする。各記事の個別のページをカスタマイズするのもいいだろう。

サイドバー
記事の左側や右側の、通常はカレンダー・検索・過去記事へのリンクなどが置かれている部分。記事には直接関連しない、サイト全体の情報や、便利なツールなどはここに配置する。

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

て固定読者の確保につながるだろう。
カスタマイズはブログに新しい機能をかけた人も、ぜひカスタマイズに挑戦して
ブログの楽しさを再確認してほしい。

追加することもできる。先ほど挙げたBBSなどの設置も、ブログを単に読者に対しカスタマイズの注意点て記事を提供するだけのものにとどめず、

カスタマイズが楽しいからと言って、む読者が参加できる場を作るという機能をやみにカスタマイズしすぎると、デザイン

提供してくれる。グーグルやアマゾンなど的にも粗悪なものになりかねないことにの検索窓を設置すれば、わざわざ検索サは注意してほしい。ページ全体がゴテゴイトへ移動せずに検索ができるという便利

テして読みづらくなり、読みたい情報がどさが増すことになり、これも新しく機能をこにあるのかわからなくなってしまっては本追加したことになるだろう。

末転倒だ。楽しさだけでむやみにカスタ

また、カテゴリーごとにアイコンを付けたり、月別にアーカイブを整理してバック

マイズしすぎると、こうした弊害が起きる可能性もあることは肝に銘じておこう。

ナンバーを読みやすくしたりといったカス

ツールによるカスタマイズは、内容やデタマイズも読者の読みやすさを高めること

ザインにこだわるよりも簡単にブログを個につながる。

性的なものに変身させられる有効な手段

カスタマイズをうまく使えばブログの印だ。機能を向上させることもでき、集客効

象も良くなり、結果的に人気が高まってい果も高められる。やりすぎには注意が必

くことが期待できる。内容やデザインも大要だが、楽しみながらカスタマイズして、他

切だが、カスタマイズはブログ全体の見栄のブログとはひと味もふた味も違った、自えや読みやすさを高め、間接的にデザイ分だけのブログを作ってみよう。

ンの向上と同じ効果が得られるのだ。
そして、何よりもカスタマイズの意義は、

http://www.myblog.jp/

ブロガー自身にとってブログ作りが楽しく

http://www.blogpeople.net/

なることだ。いろんなツールを吟味したり、

http://bulkfeeds.net/

画面のバランスを考えたり、新たなツール

http://naoya.dyndns.org/feedback/をいち早く取り入れてみたり……。こういった作業自体は意外と楽しく感じるものなのだ。本人が楽しくなければ、当然のこと

はてなダイアリーながらブログは長続きしない。楽しけれ

はてなダイアリーでは、セキュリティー上のば、仮にアクセス数が伸び悩んでいても都合で、JavaScriptを使うテクニックは使続けていくことができるだろう。
個性的なブログ作りをしたい人だけでえない。IMGなどのHTMLタグを使うテク
ニックなら使えるので、そういったテクニック
で楽しんでほしい。

なく、ブログを始めたときの新鮮味を失いさまざまなツールを導入したブログの例。ページが重くなっているだけでなく、ページ自体も異常に縦長になっていて、サイドバーの下の方に入れたコンテンツまで見る人は少ないだろう。カスタマイズのしすぎに注意しながら使いやすいサイトにしていこう。
「ズゴックNO.1」
http://www.mucchio.com/

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

［特集1］

ブログのカスタマイズ

ツール／サービス別カスタマイズの基本

必勝 法

ブログをカスタマイズするには、多くの場合、スクリプトなどをテンプレートに貼り付ける作業が必要になる。ここでは、ツールや各種サービスを実際に利用する
ときの、基本的な作業の手順を紹介する。

Movable Typeの場合
サイドバーのカスタマイズ
ここでは、カスタマイズのツールを利用する際に指定されたJavaScriptなどのコードをサイドバーに貼り付ける場合の手順を 紹 介 する。先 頭 に <div class="sidetitle">タイトル名</div>を付けると見出し

カスタマイズしたいブログを選択して、左に1 並ぶメニューから「テンプレートの編集」をクリックする。

を付けられる。

テンプレートの一覧が表示されるので、「イン

2 デックス・テンプレート」→「Main Index」を選ぶ。

「テンプレートの中身」

3 と表示されたテキスト

エリアから、<div id="links">というタグを探す。このタグより後ろにコードを書き込めばサイドバーに表示される。

<div id="links">の範囲内で貼り付ける場所を決4 める。他の項目の並び順を確認しながら、挿入したい場所にスクリプトを貼り付けて「保存」
をクリックする。

投稿記事のカスタマイズ
上で解説した Main Indexは、サイドバ
ーやトップページをカスタマイズするときに編集するテンプレートだ。次に、過去記事の個別記事ページの投稿部分をカスタマ
テンプレートの一覧から「アーカイブに関連1 した テンプレート」→「 Individual Entry

イズする場合の手順を紹介する。

archive」と選択する。

「テンプレートの中身」のテキストエ

2 リアをスクロールして、スクリプトを貼り付けたい場所を探しだす。

再構築を忘れずに！
貼り付け作業が終わっても、保存しただけではブログに反映されない。必ず再構築をしな
いといけないのだ。テンプレートを編集すると、トップに「再構築」のリンクが表示されるので、これをクリックするか、左側のメニュー

上図では投稿記事の下に並ぶコメントや

3 トラックバックの欄にMyClipの「ClipLink」

バーから「サイトの再構築」
を選択して再構築
しよう。

を追加してみた（MyClipの詳細は92ページ）。貼
り付けが終了したら「保存」
をクリックする。

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

ため、多少の用語に違いはあるものの、ト」、ココログでは「マイリスト」と呼ばれて基本的に設定方法の手順は同じだ。ここいる。メモ帳に書き込むような感覚で手ではブログ人を中心に説明していくが、コ軽に作業ができるため、初心者には非常ブログ人とココログは、TypePadといコログ利用者も同じ要領で設定できる。

に扱いやすい。

う同じブログサービスを元に作られている

貼り付ける場所は、ブログ人では「私リス

ブログ人／ココログの場合

スクリプトを貼り付ける

上部のメニュータブから「私リスト」を選択1 する。ココログの場合は「マイリスト」になる。

2 前に貼り付けるツールの名称を入力して、リストのタイプを「リンク」
として、リストの名

3 すると、編集画面が表示される。ここの「管理」の画面で「項目の追加」
をクリック「新規リストの作成」（ココログでは「リストの新規作成」）
をクリックする。

「メモ」の欄にスクリプトを貼って「保存」
をクリッ
クする。

サイドバーへの表示設定
デザインの編集画

2 面に行き、「表示項目」（ココログでは「コンテンツ」）を選択する。
「サイ
ドバーのコンテンツで」新
しく追加したコンテンツを選択して、変更を保存する。

管理画面に戻り、「設定」のタブを開いて「メモの表示」のところで「テ1 キスト表示する」にチェックして変更を保存する。

上級者向けのサービスを利用しよう
ここで紹介したのは、初心者向けのサイド

デザインの「並べ方」

3 を選択する。新しく

バーのカスタマイズ法だ。HTMLを直接編集したい、サイドバー以外も自由にカスタマ
イズしたい、といった場合には、ブログ人、
ココログ共に上級者向けのサービスがある
ので、そちらを利用する必要がある。有料になるが、テンプレートの編集のほかにも、複数ブログの運営などが可能になる。

80 +++ iNTERNET magazine 2004.07 +++ココログ プロでは、上級者向けテンプレートがあり、79ページで解説した
Movable Typeと同様の手順でカスタマイズできる。

作った項目が一番下にできているので、これをマウスで任意の位置にドラッグア
ンドドロップする。設定が終わったら変更を保存するとサイトに反映される。

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

［特集1］

ブログのカスタマイズ

livedoor Blogの場合

必勝 法

livedoor Blogでは、サイドバーへの貼「設定」でタイトルと並べ方を指定するといり付け専用の「プラグイン」という機能がう方法だ。では、手順を追ってみよう。

ある。
「追加」でメモ帳にスクリプトを貼り、左側のメニューから「サイドバー」という項目の中にある「プラグインの1 追加」をクリックして、「メモスペース」を選択する。

コピーしておいたスクリプトを「本文」に貼り付ける。
「フォーマット」で2 「変換しない」にチェックを付けてから「設定」をクリック。その後、メニューリストの「プラグインを設定」
を開き、追加した項目に名前を付けて並び順を設定し、「並び替え／タイトルを変更する」ボタンをクリックする。再構築すればサイトに反映される。

JUGEMでは、Movable Typeのカスタ

JUGEMの場合

マイズと同じように、テンプレートに直接り付ける位置は、<!--right side-->または<!--left side-->より後ろになる。

HTMLタグやスクリプトを貼り付ける。貼

左側にある編集メニューから「テンプレートの編

1 集」という項目を選択する。

「HTML」の中身をスクロールして、ブログのサイドバーが左「テンプレート変更」の「テンプレート選択」から、現在使用しているものを選び、「編集」
をクリックする。

2

3 側にある場合は <!--left side-->、右側にある場合は <!-right-->と書かれた場所を見つける。テンプレートによっては記述の仕方が違うので、わからない場合はカレンダーのスクリプトを探すといい。そこから任意の場所にスクリプトを貼り付けたら、「更新」をクリックする。再構築も忘れずに行おう。

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

81

Part

2

良質のコンテンツ＋便利で楽しいサイトにするのだ！

［テクニック1］ばカ

procfeedでブログやニュースヘッドラインを貼り付けよう
他サイトの見出し一覧をいつでも最新の状態で表示
procfeedちタりム

は、ブログのサイドバーにならば、ブログやニュースに限

他のブログの新着記事一覧を表示させた

らずさまざまなものを表示させり、ニュースヘッドラインを表示させたりがられる。

簡単にできるようにするサービスだ
（図1）
。

っス

procfeedを使ってヘッドラインを表示させるための手順

http://procfeed.net/

は、とても簡単だ。特別な知procfeedを使えば、元のサイトが更新

識がなくてもすぐに利用できされれば、自分のところで何もしなくてもる。それではその手順を見て最新の情報が表示されるのがメリットだ。

みよう。

procfeedでサイドバーを充実させて、他のブログに差を付けよう。
図1 procfeedを使えば簡単に他のサイトのヘッドラインを自分のブログに表示できる

procfeedは新着記事の取得にブログやニュースサイトのRSSフィードを利用している。RSSフィードを提供しているサイト

procfeedのトップページにアクセスして、自分のサイトで表示させた

1 いヘッドラインを選ぶ。［ヘッドラインを選択］には、百式、CNET
Japan、ココログ新着情報など、50個を超えるニュースサイトや有名ブログの一覧が用意されているので、そこから選ぶことができる。一覧にないサイトのヘッドラインを表示したければ、ブログが提供しているRSSのURLを［RSS URL］に入力する。RSSの URLがわからない場合は、ブログのURLを入力すれば、多くの場合は自動的にRSSのURLを判別してくれるはずだ。図では、自分でブログの URL だけを入力した。決定したら、横の［proc!］
ボタンをクリックする。

82 +++ iNTERNET magazine 2004.07 +++procfeedの設定画面に飛ぶ。ここでデザインや大きさなどの設定を2 する。設定は項目を選んでいくだけなので簡単だ。フォントの幅や種類、リンクの色や枠線、最大表示件数など細かいところまで設定できる。
設定結果は右に表示されたプレビューでリアルタイムに確認できるのが便利だ。

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

［特集1］

ブログのカスタマイズ

必勝 法

出力文字コードの選択は忘れずにしておこう。最近のブラウザーなら

4 ばどの文字コードでも問題ないが、Internet Explorer 5.5など一部色の選択も手軽だ。色設定の横のボックスをクリックするとカラー
パレットが表示されるので、好きな色をクリックすれば選んだ色の色
コードが自動的に入力される（IEのみ）。好みの色で味付けしよう。ただし、カラーパレットから選択できる色はウェブセーフカラー（多くの環境で同じように見える色）に限定されている。それ以外の色を使いたい場合は、16進数の色コードを直接入力しよう。

3のブラウザーでは、文字化けになる場合がある。貼り付け先のブログの出
力文字コードと同じ文字コードを選んでおけばOKだ。

プレビューを確認しながらデザインなどを調節して、気に入ったデ5 ザインができたら、最下段にあるHTMLコードを選択してクリップボ
ードにコピーする。

これで82ページの図1のように、ヘッドラインが表示されるようになる。ブログやニュースが更新されると、procfeedによるヘッドラインも自動で更新される。なお、
procfeed側で新着チェックとキャッシュを自分のブログの管理画面で、ブログのサイドバーに位置する部分にコピーした HTMLコードを貼り付けよう。例は Movable TypeのMain Index（トップページ）のテンプレートを編集しているところだ。サイドバーに相当する場所にコードを貼り付けてから、保存して再構築する。

6

行っているため、更新されてすぐには反映
されないことがあるが、1時間も待てば更新される。

同じデザインで違うヘッドラインを簡単に色などのデザインは同じ設定のまま、他のヘッドラ
イン（RSS）
を貼り付けたい場合は、いちいち同じ
設定をprocfeedでするのではなく、貼り付けたコードをコピーして別の場所に貼り付けて、RSSを指定する場所だけを書き換えればいい。
たとえば、例に示したのは百式（100SHIKI）のヘッ
ド ラインを 貼 り 付 けるコード だ が、こ の 中 の「http://www.100shiki.com/index.rdf」
を他のウェブサイトのRSSのURLに書き換えればいいのだ。

<script language="javascript" type="text/javascript"
src="http://procfeed.net/procfeed/max_length=20/max_items=10/wid
th=200/title_bgcolor=%23ffcc66/box_bgcolor=%23ffffcc/border_color=%23000000/title_color=%23000000/link_color=%230000cc/border_style=solid/text_align=left/charset=utf8/font_family=Verdana/title_font_size=10/box_font_size=8/text_de
coration=none/target=_self/sub/http://www.100shiki.com/index.rdf" charset="utf-8"></script>
貼り付けるスクリプトの最後のほうにあるURLを書き換える。
前後の「/」や「"」を削除しないように注意しよう。

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

便利なツールやサービスを提供する人たち

i n t e r v i e w

サイドバーに棲んで成長する人工無脳
注目の脱力系サービス「こうさぎ」スタート
人工無脳※ 1 が好きで、「Roblog::読こうさぎにはアクセス解析の機能を付け兎」という、人工無脳のうさぎが執筆すました。ページビュー、ユーザー数、時るブログサイトを持っているんですよ。そ間帯別アクセス、リンク元、検索キーワ

こを訪れた人で、自分もやってみたいとードなど、ひととおりのアクセス解析はいう声が多かったんです。僕も何かの形できるようになっています。

でうさぎを利用してもらいたかったので、今はβ版で、こうさぎが記事を投稿で「こうさぎ」のサービスを開始しました。

きるのは Movable Typeだけです。勝

サイドバーに棲みついてブログから学習

手にブログにコメントを書くという機能もし、ブログに勝手に投稿までしてしまうあるんですが、これはまだ使えません。

人工無脳マスコットです。サービスは無正式版が完成したら全機能が使えるよう料で、登録してスクリプトを自分のサイトになる予定です。他のサイトに書き込みに貼り付けるだけで、だれでも自分だけに行ったりトラックバックしたりという機のこうさぎを育てられます。

能はありませんが、親うさぎが訪ねて来るような遊びは、いつか実現できるかも

記事を投稿すると言っても、こうさぎはしれません。

人工無脳なので、役立つ情報を紹介するような高度なことはできません。でも、こうさぎは登録制のサービスですが、設置されたブログのRSSを自動的に読無料だし、うちのサーバーで動くプログ

み取ってそこから言葉を覚えていくので、ラムなので、ユーザーさんは何もしなくブログの更新頻度が高ければ高いほどてもどんどん機能が追加されていくから、こうさぎが成長します。成長するとしゃべ

気軽に楽しんでほしいですね。実用性はる言葉が増えて、ユーザーの個性が反映ありませんが、愛着を持ってもらえたらうされたおもしろいキャラクターになっていれしいです。あと、こうさぎはビジネスパくんです。

ートナーを募集中です（笑）
。

工藤友資さん株式会社ワークアット
コンテンツ事業部システム開発課
個人で開発した RSSティッカーの Rabbit Tickerが、気が付くと会社のプロジェクトになっていた。会社に与えられた環境の中で、RSS、ブログ、人工無脳などを、個人としても楽しみながら開発を続けている。
読兎（ニュースヘッドライン）
http://www.yomiusa.com/
RT::Blog（ブログ）
http://www.work-at.co.jp/rtblog/
Roblog::読兎（人工無脳ブログ）
http://roblog.yomiusa.net/
株式会社ワークアット
http://www.work-at.co.jp/

ただ、こうさぎはブログに書かれた言●こうさぎの使い方は次ページへ→葉を覚えていくだけで、見た目が成長したりはしません。というのも、こうさぎを育成ゲームにはしたくなかったんです。たまに気付いたときにクリックするくらいの存在でいいと思うんですよ。意味を持たせないところが人工無脳の楽しさなので（笑）
、こうさぎが突然意外なことをしゃべ「こうさぎ」はFlashでできていて、サイドバーなどに設置できる。サイトに関連するおすすめのページを教えてくれる機能もある。

ったり書き込んだりという、予想できない意味不明な行動を楽しんでほしいんですよ。

人工無脳のうさぎがブログの記事を書くRoblog。
「あれと同じものがたくさんあってもおもしろくないので、みんなが自分で楽しめるこうさぎの形にしたんです」

さらに、最近はアクセス解析のおもし
ろさがわかってきた人が増えてきたので、※1

単語や会話のパターンを学習して、日本語の構文で自動的に文章を組み立ててしゃべるプログラム。 それらしい 文章を作ることのみが目的なため「人工知能」と区別してこう呼ばれる。

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

［特集1］

ブログのカスタマイズ［テクニック2］

必勝 法

徹カ
ス

自分だけの「こうさぎ」を育てよう

底

人工無脳、アクセス解析、しかもかわいいうさぎが飼える！

！ムタ

サイドバーに便利な機能をどんどん追加

バーに設置できるマスコットだ。ただし、サイトの読者におすすめサイトを紹介してするのもいいが、やはり魅力あるブログにかわいいだけではなく、サイト来訪者におもらうだけならば他のブログツールやサーは、華も必要だ。遊び心のある楽しいサ

すすめサイトを紹介したり、勝手に記事をビスででも利用できる。

ービスを利用してブログにアクセントを付投稿したりする。記事投稿の機能は現在

では、こうさぎの設置方法を見てみよう。

けてみよう。

は Movable Typeでしか使えないが、マ※画面は開発中のもののため、サービ

スコットとしてブログにこうさぎを飼って、スのスタート時には多少の変更がある。

人工無能「こうさぎ」は、ブログのサイド

まずは登録と設定をするために、ブラウザーでこうさぎのサイトにアクセスする。
http://cousagi.yomiusa.net/
トップページで新規登録のボタンをクリックしてユーザー登録をする。
登録が済んだら、ユーザーIDとパスワードでログインして、こうさぎの設定をする。管理画面の左メニューにある［Control Panel］
をクリックしよう。
［こうさぎの設定］
では、こうさぎに名前を付けたり、背景画像を設定したりできる。
［こうさぎの設置設定］
では、設置するサイトのURL、こうさぎが言葉を覚える元となるRSSのURLを設定する。
こうさぎがブログに記事を投稿するためには、ここでMovable Typeのmt-xmlrpc.cgiのURLと、こうさぎ用のMTユーザーIDやパスワード、ブログの文字コードなどを入力する必要がある。さらに「こうさぎの投稿設定」で「許可」を選択する。書き込みの頻度やこうさぎがコメントを投稿するかなども設定できる。
すべての設定に対して入力を終えたら「登録／変更」ボタンをクリックする。

1

設定リストの下にある生成コードの欄に設定が反映されたコードが2 表示されるので、ブログのテンプレートで、サイドバーの表示位置に
このコードを貼り付ければ設置完了だ。
こうさぎに投稿させるためには、複数のユーザーによる記事投稿が許可されている必要がある。新しくリリースされたMovable Type 3.0のフリー版
では、記事を投稿するユーザーは1人しか作れないので、有料版のライセンスを購入するか、自分のユーザー名を使うことになるだろう。

「こうさぎ」をブログに設置したところ。一番下の「にん3 じん大好き」というタイトルの記事が、こうさぎが勝手に投稿したものだ。こうさぎが言葉を覚えれば、もっと長い文章を書くようになる。

こうさぎのアクセス解析で表示できる項目

アクセス解析は、こうさぎの管理画面に

4 ログインして使う。管理画面の左側にあるメニューから表示したいアクセス解析のメ
ニューを選ぶと、選択した項目が表示される。
選択できる項目は表のとおりだ。さらに加工前の生ログが1か月分保存されているので、ダウンロードして他のアクセス解析ツールで詳細に解析することも可能だ。

その日のページビュー
アクセス状況 ユニークユーザー
アクセス解析 時間別アクセス
リンク元URL
リンク元ドメイン
検索エンジン
検索ワード

ページが表示された回数を表示
ページを訪れたユーザーの数を表示
時間帯ごとのアクセス数を表示
どこのページのリンクをたどって来たかを多い順に表示
リンクをたどって来たリンク元のドメインを多い順に表示
サイトを見つけるのに使われた検索エンジンを多い順に表示
サイトを見つけるのに検索エンジンで使われた検索キー
ワードを多い順に表示

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

［テクニック3］

徹カ

プログラムをアップロードPetit Poll SEで投票機能を追加しよう

底するサーバが必要

サイトの読者の考えていることを知る

ス
タ

！ム

ブログに即した投票をすれば、読者のるが、ここでは複数の投票を管理できる高すれば、あとはブラウザーから投票の管理

意見を聞いてアクセスアップに利用でき機能なCGIのPetit Poll SEを使って、サができるので非常に便利だ。投票数が増るし、読者も「参加している」感を味わえ

イドバーに投票機能を設置してみる（図1）。

えれば増えるほどブログが楽しくなるはずる。簡単に設置できる投票サービスもあ

少しだけ設定してサーバーにアップロード

だ。

トップディレクトリー
cgi-binpoll（作成する）［777］
poll.cgi［777］jcode.pl［755］dir［777］
set.dat［666］pt.log［666］poll（作成する）［755］
image［777］

図1 投票を設置すると、さらに読者とのコミュニケーションが促進される・赤色で囲んだ部分がアップロードするファイル／ディレクトリー
・ck.cgiはアップロードする必要がない
・［777］などの数字は設定するパーミッション（属性）を示す・「777」でうまく動作しない場合は「755」にする

1 する。CGI設置に関するQ&Aもこのページ

まず、CGIスクリプトをダウンロードして解凍

3 ファイルをサーバーにアップロードする。

編集が終わったら、poll.cgiを保存してから、にあるので、うまくいかない場合は参照してみるといいだろう。
http://paxs.hp.infoseek.co.jp/9tst4/poll/
ppse.html

ck.cgiファイルは旧バージョンからの移行CGIなので今回は必要ない。ここでは、図 2 のように、
cgi-binの下にpollというディレクトリーを作ってCGI
関連のファイルを置き、imageディレクトリーだけ
はトップディレクトリーの下にpollというディレクト
リーを作って配置する。アップロードが終わったら、サーバー上のファイルにパーミッション
（属性）
を設
定する
（図2を参照）。

解凍したファイルの中にあるpoll.cgiというフ2 ァイルを秀丸などのテキストエディターで開いて、環境に合わせて設定を変更する。ここでは図2のような構成でサーバー上に配置するとする。

図2
サーバー上 の 設
置イメージ

アップロードが完了したら、ブラウザーで4 poll.cgiのURLにアクセスしてみる。

http://サーバー名/cgi-bin/poll/poll.cgi「管理パスワード認証画面」が表示されれば、設置はほぼ完了だ。初期パスワード「0123」を入力して、「認証」ボタンを押してログインしよう。ここからは、ウェブのインターフェイスで設定を行う。

ログインが完了すると、「投票管理画面」が表示される（図3）。まずこの画面下部の「設定変更」ボタン

・1行目 #!/usr/local/bin/perl
Perlへのパスを設定する。わからない場合はサーバー管理者に問い合わせよう。
・37行目 $fpath = "http://〜/poll/poll.cgi";
サーバーにアップロードした状態の poll.cgi のURLを「http://」から記述する。
例）$fpath = "http://サーバー名/cgi-bin/poll/poll.cgi";
・41行目 $ldir = "./dir/";
ログファイルを保存する場所を記述する。通常はそのままでいい。
・45行目 $idir = "http://〜/poll/image/";
画像の置き場所のURLを「http://」
から記述する。
ここでは、解凍した中にあるimageディレクトリー
を別の場所に置くことにする。
例）$idir = "http://サーバー名/poll/image/";

86 +++ iNTERNET magazine 2004.07 +++

5 を押して、［管理パスワード］に新しいパスワードを入力してから［変更を反映する］ボタンをクリックしてパスワードを変更しておこう。この画面では、タイトルや投票フォームの文字色などさまざまな設定ができるので、試してみるといいだろう。

図3 この画面が管理
画面の基本。投票の管理やスクリプト全体の設定ができる

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

［特集1］

ブログのカスタマイズ

必勝 法

パスワードの変更が完了したら、「投票管

6 理画面」に戻り、投票を作成する。［投票を作成］ボタンを押すと、「新規投票作成フォーム」が表示される（左図）。
［質問内容］には質問文を、［選択肢］には選択肢を1行1項目で入力する。連
続投票の禁止や、選択肢以外のコメントを受け付ける機能も設定できる。設定したら［この内容で確認する］
ボタンを押す。

「新規投票作成確認画面」が表示されて、7 実際の投票フォームのイメージが表示される（右図）。問題がなければ、［この内容で作成する］
ボタンを押す。

「投票フォームソース」画面でHTMLソ

8 ースが表示される（左図）。これをコピーして、ブログのテンプレートの表示させたい部分などに貼り付ける。これで設置完了だ。
投票結果のページはCGIで自動的に作られるので、HTMLを貼り付ける必要はない。

投票の設定を変更する場合は、投票管理画面で、9 変更したい投票を選んで［チェック項目を編集］する。
設定を変更したら、［ソースを表示する］
をクリックすると新しいHTMLソースが表示されるので、ページに貼り付け直す必要がある。

［テクニック4］

ちカ

パイポリーダーで電光掲示板風にRSSを表示しよう
スペースをとらずに簡単にRSSを貼り付ける

ょス
っタ
とム

「パイポリーダー」は、電光掲示板風に

図1 サイドバーにジャストフィットサイズの RSS ティッカー。記事のタイトルが1つずつ表示される。複数のRSS
フィードを指定した場合は、順次表示されていく。クリッ
クすればその記事のページ
がブラウザーで表示される。

RSSを表示してくれる無料のサービスで、
小さなスペースで設置できるのが特徴だ（図1）。FLASHで動作するので、サーバーには負荷が掛からず、ほとんどのブラウザーで利用できるはずだ。
パイポリーダーのサイト

でユーザー登録1 をする。左メニューの［お申し込み］をクリッ
クして、好きなログインIDとパスワードを指定して、自分のメールアドレスを入力すれば完了だ。
http://www.paipo.cc/

申し込んだログインIDとパスワードでサイト

2 にログインして、画面上部の［Feed管理］を選んで、表示したいRSSフィードを設定する（図2）。
URLを指定する場合は、ページの URL ではなく
RSSファイルのURLを指定する必要がある。

画面上部の［ティッカー設置］を選択して、使3 いたいリーダーのデザインを選ぶ。ビッグバ

ナー風のものや、サイドバーに適したサイズのものなど 7 種類ある。使いたいデザインの下にある
HTMLコードを自分のブログのテンプレートに貼り付ければ完成だ。

図2 表示するコンテンツの指定は3種類。
「URLによる追加（RDFファイル）」、RSS検
索サイト「Feedback」の結果フィード、あらかじめ指定されたITニュースサイトの選択だ。複数のRSSフィードを指定することも可能。

http://naoya.dyndns.org/feedback/

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

［テクニック5］

モブログ写真をピックアップ表示しよう
過去に投稿した写真をサイドバーに一覧表示

プログラムをばカアップロードっス

するサーバがちタ

必要りム

MT のテンプレートを編集して、写真を表示

3 したい部分に下記のタグを入力する。タグ

携帯電話からモブログした写真は、時間が経つと他のエントリーに埋もれてしまは半角アルファベットで記入すること。エントリーのタイトルも表示したい場合は、<$MTEntryTitle$>というタグを写真の横などの表示したい場所に挿入するといいだろう。

う。そこで、MTCollectというMT用プラグ
インで、「Moblog」カテゴリーの画像だけを表示してみよう。MTCollectは特定のタMT以外のツールやサービスを使っている場合は、
モブログサービスのmobloを使うと、最新の写真を1つ表示するJavaScriptを利用できる。
http://moblo.jp/

グの情報を抜き出すものなので、たとえばaタグのhrefの値を抜き出してリンク先の一覧を作るなどもできる。
まず、MTCollect の作者のページ

から

1 「Collect」の「Download」をクリックしてファ
イルをダウンロードする。
http://www.staggernation.com/mtplugins/#Collect
解凍すると、ファイルが 2 つ出てくるので、

2 Collect.plだけをサーバーのMTプラグインのディレクトリー（MTのディレクトリーにある「plugins」）にアップロードして、パーミッションを「755」に設定する。これでインストールは完了だ。

表示する横幅を決まった値にすれば、複数の画像をきれいに並べられる。ページに合った並べ方を見つけよう。

<h3 class="sidetitle">写真があります</h3>
ここで抽出したいカテゴリと、対象となるエントリー件数を指定<div class="side"><MTEntries category="moblog" lastn="12"> <MTCollect tags="img"><MTCollectThis><$MTEntryBody$><$MTEntryMore$></MTCollectThis><MTIfCollected>
実際に画像を表示したい件数を指定する<MTCollected tags="img" lastn="12"> <a href="<$MTEntryLink$>"><img src="<$MTCollectedAttr attr="src"$>" alt="<$MTCollectedAttr attr="alt"$>"width="66" style="margin:5px" border= 0 /></a></MTCollected><MTElse>No Moblog Photos</MTElse> 該当する画像がない場合に表示される</MTIfCollected></MTCollect></MTEntries>
画像の横幅を指定する、サイドメニューに表示するので66ピクセルにした</div>［テクニック6］

ちカ

月別アーカイブをプルダウンメニューにしよう
スペースをとる過去ログリンクをすっきりとまとめる
ブログを書き続けて数か月が経つと、

ょス
っタ
とム

アーカイブを表示している部分をコード1

過去何か月までリンクとして表示しようかのように書き換えて再構築すれば完成だ。

と考え込んでしまうことがある。5か月にしJavaScriptのコードの部分はすべて半角

ようか、1年間にしようか、それとも3か月

アルファベットで記入すること。
カテゴリーのアーカイブでもコード2の……。こんなときにスッキリ表示させるには、ドロップダウンリストにするのがいい。

ようにすれば、同様の表示にできる。

MTならば、「Main Index」などの月別のコード1 月別アーカイブのドロップダウンリスト化

コード2 カテゴリーアーカイブのドロップダウンリスト化<select name="archive"
onchange="javascript:if(this.options[this.selectedIndex].value != '') {location.href =月別アーカイブを12か月
this.options[this.selectedIndex].value;}">
分表示させる指定<option value="">月別ログ</option><$MTArchiveList archive_type="Monthly" lastn="12"><option value="<$MTArchiveLink$>"><$MTArchiveTitle$>（<$MTArchiveCount$>）</option></MTArchiveList></select>88 +++ iNTERNET magazine 2004.07 +++<select name="category"onchange="javascript:if(this.options[this.selectedIndex].value != '') {location.href =this.options[this.selectedIndex].value;}"><option value="">カテゴリー</option><MTCategories><option value= <$MTCategoryArchiveLink$>><$MTCategoryLabel$> （<$MTCategoryCount$>）</option></MTCategories></select>

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

［特集1］

ブログのカスタマイズ［テクニック7］

プログラムをアップロードPetit-BでサイドバーにBBSを付けよう

するサーバが必要

読者とのコミュニケーションを促進する

必勝 法

徹カ
底

ス
タ

！ム

サイドバーにBBSを設置できる無料のスクリプト「プチビー（Petit-B）」は、PHPで動作するので、サーバーでPHPが使える必要がある。
カムカムのサイトにある「プチビー」ダウンロードのページからファイ1 ルをダウンロードする。プチビーMXと書かれていたりminiBBSという名前だったりしてちょっと迷うが、「ダウンロードはこちらBBSファイルダウンロード」と書かれたリンクの先にあるp-bbs.zipという名前のファイルがそれだ。
http://mitene.tv/comcom/petit.html

ダウンロードしたファイルを解凍したらp-bbsというフォルダーができる。そ2 の中にあるbbs-ini.phpというファイルを秀丸などのエディターなどで開いて「管理者パスワード」だけ変更する。ほかの部分はそのままにしておく。

変更したファイルを保存して、p-bbsフォルダーをまるごとサーバーにアッ3 プロードしよう。ここではcgi-binディレクトリーにアップロードするとする。
phpやcssの拡張子のファイルはアスキーモードで、画像ファイルはバイナリー
モードでアップロードする。サーバー上ではp-bbsというフォルダー名を変えてもいい。

アップロードが済んだら、書き込みデータが保存さ4 れるファイルbbs.datのパーミッションを666に指定掲示板への書き込

6 みは［Please POST］

する。また、アップロードしたフォルダーのパーミッションも7 5 5 にしておこう。次 のURL にアクセスして BBSの画面が表示されればインストールは完了だ。
h t t p : / / サーバー名 / c g i bin/p-bbs/a.php

をクリックして行う。書き込
み用のウィンドウが新しく開く。

ブログへの設置は、iframeを使う。ブログのテンプレートの中で設置し5 たい場所に、次のように入力しよう（すべて1行で書く）。「width=」の後の数字を変えれば幅を、「height=」の後の数字を変えれば高さを自由に変えられるので、レイアウトに収まるように設定しよう。その際には、数字の前後の「"」を消してしまわないように注意しよう。
<iframe src="http://サーバー名/cgi-bin/p-bbs/a.php"
name="BBS_window" width="195" height="350"
scrolling="auto" frameborder="0" alt=""></iframe>

テスト用の「うまく行きました!」という投稿が最初から入っているので、削7 除しておこう。管理画面のkanri.phpにアクセスする。最初に設定したパスワードでログインしよう。
http://サーバー名/cgi-bin/p-bbs/kanri.php

うまく行くことを確認したら、もう一度 bbs-

1番目の投稿の右側にある［Delete］
ボタンを

8 クリックして削除する。

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

9 ini.phpをエディターで開いて、好きな設定に変更しよう。設定項目の解説がファイルの中に書かれているので、それを参考にしながら変更するといい。設定を変更したら、ファイルを再度アップロ
ードするのを忘れないようにしよう。

+++ iNTERNET magazine 2004.07 +++89

［テクニック8］

ちカょス

BlogPeopleのリンクリストを設置しようっタ

ブックマーク代わりのリストは更新チェックもしてくれるとムれるので集客効果もある。

サイドバーにリンク集を付けるサービス

をリストに追加するとリンクしたことが相手のBlogPeopleを設置してみよう。登録すに伝わるので、相互リンクの依頼をしなく同様のサービスに MyBlogListもある。

れば、お気に入りサイトのリストを表示さても相手からもリンクしてもらえるかもしれ

使い方やできることに大きな違いはない

せるだけでなく、更新されたサイトには自ない。さらに、自分の記事を更新すると内ので、両方試してみるといいだろう。

動的にマークを付けられる。また、サイト

容がBlogPeopleのトップページに表示さhttp://list.myblog.jp/

設 定したメールアドレスとパ スワードで2 BlogPeopleのページにログインし、［設定］で自分のサイトのURL、サイトのタイトルなどの情報を入力して、リストの形式や表示数などを設定する。
次にページ上部の［コード生成］をクリックして、取得する形式を「JavaScript」に、エンコーディングの種類を「自動選択」にする。
［生成］
ボタンをクリック
するとコードが生成されるので、コードをコピーして、自分のブログのテンプレートの表示させたい場所に貼り付ければ完成だ。BlogPeopleのサイトにログインして［リンクの追加］
からサイトを登録していこう。便利なブックマークレットや更新の通知方法な
ど、BlogPeopleを活用する情報がサイトにたくさんあるので見ておこう。

まずBlogPeopleに登録する。トップページ

1 の「無料会員登録はこちらへ」を選択して、メールアドレスやパスワードなどの個人情報を入力する。登録確認メールが届くので、メールに記述されたURLにアクセスすると登録完了だ。
http://www.blogpeople.net/

便利なツールやサービスを提供する人たち

i n t e r v i e w

BlogPeopleは、ブログ同士の出会いをサポートするツール
1年半ほど前に、一緒に運営しているア

いますし、ランキングとは別に、毎日抽選でイビーコミュニケーションズの方などと試験

1サイト選んでトップページに表示される「ラ

的にブログを立ち上げてみました。その中

ンダムピックアップ」もあります。これに選ばで、自分たちが何を欲しいのかと考えたときれたサイトには赤いバナーが表示されるのに、新しいブログを発掘したいという意見がで、「バナーの色が変わった」と喜びの声を多かったんですよ。そこから開発されたのが投 稿する人も柳澤安慶さん

BlogPeopleです。お互いにリンクし合って、多 いです ね 。

コミュニケートできるツールを提供しようといそのほかにも、

BlogPeopleの運営元
株式会社ファンコミュニケーションズ
代表取締役社長

うのが目的です。

その日が誕生BlogPeopleサイトのトップページには、登日の人のサイト

録者のサイトのリンクがいろんな切り口でラを紹介するなど

ンキング表示されています。ランキングで人して、少しでも気の高いサイトには、金色や銀色の特別な多くのサイトをバナーを提供しています。人気ランキングだ紹介できるようけでなく、更新頻度の高いサイトも紹介してにしています。

90 +++ iNTERNET magazine 2004.07 +++ランダムピックアップで選ばれるには、BlogPeopleにログインして［設定」タブで設定項目14番の［『ランダ
ム・ピックアップBLOGサイト』
を利用する］を選択しておく。15番の［『BlogPeople BB（Birthday Blog）』へ
参加する］
を選んで誕生日を登録すると、誕生日当日
はBlogPeopleのトップページにサイトが紹介される。

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

［特集1］

ブログのカスタマイズ［テクニック9］

必勝 法

ばカ

RSSTIMESでブログを書く頻度を表示しよう
サーバー環境に関係なく使えるBLOGTIMES

っス
ちタ
りム

ブログを更新した時間をバーコードのよ
うにプロットしていくBLOGTIMESというMovable Typeの人気プラグインがある。ただ更新時間が記録されているだけの画像だが、なんとなくカッコいいだ
けでなく、ブログの更新が頻繁な時間帯がわかるというメリットもあった。ただ、RSSTIMESのコード作成はとても簡単

Perlの標準ではないライブラリーが必要なだ。サイトの Make Your RSSTIMES

ため、使えないユーザーも多かった。

というフォームに、自分のサイトの RSSフ

http://nilesh.org/mt/blogtimes/

ィードのURLを入力して、サイズや色を指そこでオススメなのが 誰 でも 使える

定すれば完了だ。ブログのURLではなく「RSSTIMES」。BLOGTIMESとRSS の URLを入力する必要があるので同様にブログの更新頻度をバーコード風

注意してほしい。生成されたコードをブロにプロットする無料のASPサービスで、サグのテンプレートに貼り付ければ完成だ。

ーバーに特別な設定をする必要がなく、タグは JavaScriptではなくIMGタグなのドバーに収めたり、ロゴ下のグローバル

サイトから申し込めば手軽に利用できる。

で、はてなダイアリーのユーザーでも使え

メニューにずらっと広げたりできるし、色http://gorou.zapto.org/ruby/rsstimes/

る。サイズは自由に指定できるので、サイや表示する文字列の指定も可能だ。

［テクニック10］

ばカ

お天気ステッカーで天気予報を表示しよう
地域を指定して明日の天気を表示

っス
ちタ
りム

気象サービスが提供する「お天気ステ

お天気ステッカーのHTMLタグが書かれる株式会社気象サービスのページへ、感ッカー」は、日本国内各都市の天気が記さている。すべて画像を表示するIMGタグ

謝の気持ちを込めてリンクしておくといいれたバナーを受け取れるASP サービスとなっていて、たとえば東京ならこうだ。

だろう。その際、IMGタグに「border="0"」を指定するのを忘れずに。

で、今は無料で使える。提供される情報
は「天気予報の対象地点」「天気予報」「最高／最低気温」で、情報は1日4回更新さ<IMG SRC="http://www.tenki-pal.com/
parts/stickerpic/tokyo.jpg"
WIDTH="90" HEIGHT="80">

http://www.weather-service.co.jp/

れる。
http://www.tenki-pal.com/parts/

これをそのままコピーして自分のブログのテンプレートに貼れば設置完了だ。毎

sticker/
ステッカーの取得はサイト内の「お天気

日0時と6時にはその日の天気の最新情報

ステッカー登録用フォーム」から1分足らに、12 時と18 時には翌日の天気の最新

ずでできる。まずフォームに名前とメール

情報に、自動的に更新されるので、タグをアドレス、そしてステッカーを掲載する

貼り直す必要はない。また、画像タグなURLを入力して［送信］ボタンを押せば、まので、JavaScriptの使えないはてなダイア

もなく お天気ステッカー利用登録 とい

リーのユーザーでも使えるのがうれしい。

うタイトルの確認メールが届く。

画像には特にリンクが張られているわけ

メールの本文には、日本の主要都市のではないが、サービスを提供してくれていインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

貼りすぎたりアクセスの多いページに貼ったりすると、サーバーに無要な負荷がかかってしまうので注意しよう。

+++ iNTERNET magazine 2004.07 +++91

［テクニック11］

ちカょス

無料クリッピングサービスMyClipを設置しようっタ

気になる記事を自分のサイトにクリッピングとム

MyClipとは、ウェブで見つけた気にな

ッピングしておいて、あとからブログで記るニュースやブログの記事のURLにコメ事を書いたりするのに使える。90ページントを付けてクリッピングし、自分のサイトで紹介したリンクリストと異なり、記事のにリストで表示するツールだ。ブックマー

ページ単位のリンクのクリッピングで、どクするほどではないが気になる情報をクリ

んどん中身を変えていく使い方になる。

MyClipは無料のサービスで、次のURLからだれでも利用できる。
http://clip.myblog.jp/
MyClipは Myblog japanのサービスなので、利用には Myblogパスポートが必要だ。まだ Myblog japanのサービスを利用したことがなければ、サイトの左側のメニューにある「無料会員登録」から会員登録をしよう。

1

MyClip の表示方

2 法を設定する。サ
イトの左側のメニューから［表示設定］を選ぶ。カテゴリー、更新時間の表示、
リンクにマウスカーソルを乗せたときのポップアップの内容などを決める。
設定を変えるとその場でプレビューも変わるので、スタイルを確認しながら設定しよう。

サイトの 左 側 のメニューから［コード 生 成 ］を 選 び、

3 「JavaScriptを使用したClipリスト」に表示されているコー

ドをクリップボードにコピーして、自分のブログのテンプレートの、表示したい場所に貼り付ければ設置完了だ。まだ何もクリッピン
グしていないのでMyClipのロゴだけが表示されているはずだ。

次は、クリッピングを追加するブックマー

4 クレットの設定だ。MyClipのサイトにログインして、左側のメニューから［便利なClip方法］を選ぶ。
「MyClipに登録」というリンクを右クリックして、「お気に入りに登録」を選んでブックマークに入れる。警告メッセージが表示されるが、［はい］をクリックする。これがクリッピング
登録用のブックマークレットになる。

実際にどこかのページをクリッピングしてみよ

5 う。Clipリストに入れたい記事のページをブ
ラウザーで開いた状態で、先ほど「お気に入り」に追加した「MyClipに登録」
をクリックする。サイトのトップページではなく、記事の個別ページを開いた状態にしておくこと。

クリッピングの登録ウィンドウが、URLやタイトルが入力された状態で開く。
タイトルが自動的に入らない場合もあるが、タイトルにしたい文字列を選択して反転表示してからブックマークレットを選択すると、その文字列がタイトルになる。コメントを書いて［追加］をクリックすれば、自分のサイトに設置していたMyClipにクリッピングが追加されているはずだ。気になった記事はどんどんクリッピン
グしていこう。クリッピングした 記 事 は、
MyClipのサイトにログインして［Clipの一覧・
編集］
を選べば編集したり削除したりできる。

6

MyClipのサイトでは、クリップ数の多い
記事のランキングや、自分の記事を簡単にクリップしてもらうためのClipLinkなどの情報もあるので確認しておこう。
M y C l i p と 同 様 の サ ービ スとして、
B l o g P e o p l e の アイ・ビー（ I n s t a n t
Bookmarker）がある。使い方やできることに大きな違いはないので、両方試して気に入ったほうを使うといいだろう。
http://www.blogpeople.net/

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

［特集1］

ブログのカスタマイズi n t e r v i e w

必勝 法

便利なツールやサービスを提供する人たち

MyClipはみんなで情報を共有するツール
MyBlogSkinなど新サービスも予定
友達のクチコミ情報を集めて、みんな

開始時期は未定ですが「MyShop」とで共有したい、MyClipはそんな発想からいうサービスも予定しています。ブログユ

生まれました。同じ趣味の人がおもしろーザーが商品を選んで紹介文を書くだけいと思った情報は、自分にも重要度が高で、簡単に自分の専用ページに商品広告

い情報であることが多いですよね。

を掲載できるサービスです。複数のアフドリコムでは、ユーザーの視点を重視ィリエイトサービスプロバイダーと契約し内藤裕紀さん

しています。みんなで共有して楽しんでもているので、ユーザーは個別にアフィリエ

らえるサービスを提供するために、自社だ

イトの契約をしなくても、MyShopから商

MyClip／MyBlogListの運営元
株式会社ドリコム
代表取締役／CEOけのサービスにとどめずに、他社のサー品が購入されれば、その売上高に基づい

ビスでも利用できるような新しいサービて報酬が支払われることになります。

スを開発していています。たとえば、まもドリコムでは、ブログのツールをファミなくサービスを開始する「MyBlogSkin」でコンでAボタンを押すような簡単さで使えは、今はツール間でスタイルシートなどのるように心がけていて、かつ、慣れたユー

互換性はありませんが、代表的なブログ

ザーはフルスペックで楽しめるようにも工ツールのココログ、TypePad、JUGEM、

夫しています。これからも「おもしろいこと

livedoor Blogに対して、共通のスキンををみんなで共有」という発想で、さまざま提供できるようにするものです。

なサービスを提供していく予定です。

MyBlogSkinでは、まず60種類近くのオリジナルスキ
ンを、ココログ、TypePad、JUGEM、livedoor Blog
で使えるようになる。有名アーティストによるスキン提供も開始していく予定。

［テクニック12］

ちカ（豚）ボンジュール時計レンタルでサイトに時計を付けよう
大きさを変えてもきれいな、実際に動く壁かけ時計「（豚）ボンジュール時計レンタル」は、時計のFlashを設置できるサービスだ。実用性には欠けるが、美しいので使っている人も多く、筆者のオススメだ
（下図左）
。ただ
し、表示されるのはサイトのユーザーのPCに設定されている時間になる。

（豚）
ボンジュールのサイトにアクセスして時計を選ぶ。
http://www.butabon.com/clock.htm
アナログタイプとデジタルタイプがある。中には変わり種もある（下図中央）。

1

好きなものを選んでクリックすると、設定画面が表示され2 る（下図右）。「CHOOSE COLOR」のアイコンで、時計の色を選ぶ。自分のサイトの背景色を「BACKGROUNDCOLOR TEST」で選んで色のバランスを確認できる。

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

ょス
っタ
とム

最下部にあるコードをコピーし3 て、自分のブログのサイドバーの テンプレートに 貼 れば 完 了 だ 。
「WIDTH=」と「HEIGHT=」の数値を変更すれば、時計の幅や高さを変えられる。サイズを変えても時計はきれいに表示される。

+++ iNTERNET magazine 2004.07 +++

93

Part

3

カスタマイズできるのはサイドバーだけじゃない！

［テクニック13］

プログラムをアップロード記事に「へぇ／ふぅん」ボタンを付けよう

するサーバが必要「へぇ」「ふぅん」数が記録されてクリッピングサイトにも登録
自分の書いたブログの記事を読んだ読MT 以外のツールでへぇ／者が、「へぇ」や「ふぅん」で評価できるボタ

ふぅんボタンを設置する場合ンを付けてみよう。ishinao.netが提供すは、「<$MTEntryPermalink

る「へぇ／ふぅんボタンサービス」で、だれencode̲url="1"$>」の部分を、でも無料で利用できる（右図上）。

個別記事ページの URLを指

徹カ
底

ス
タ

！ム

すそのツール用のタグに置き

http://mylog.ishinao.net/id/1209

換える。URLは正しくURLエ
某テレビ番組のアレ風に、おもしろけれ

ンコード（英数字以外の記号ば読者は「へぇ」ボタンを好きな回数押し、や日本語を「%20」のようなコおもしろくなければ「ふぅん」ボタンを押す。

ードに置き換える処理）をされその結果が、ボタンの下部に表示されるたものにする。

仕組みだ。

これで、ボタンを押すとちゃ

さらに、へぇ／ふぅんボタンで評価された記事は、「blogmap」

んと音も鳴るへぇ／ふぅんボにクリッピン

タンがページに付く。何回かグされる。blogmapは、さまざまな個人サ

押すと、一拍おいてから自動イトからリンクされているURLやAmazon

的に評価が投稿される。投稿の商品コードを抽出して、多くのサイトからはすぐに処理されるわけではリンクされているページや書籍などのランないので、ボタンを押してからキングを表示するものだ。

しばらくたたないと数字が更

http://bm.ishinao.net/clip.php

新されない場合もある。また、

blogmapにクリップされれば、そこを経このとき同時にblogmapにも由するユーザーも獲得できる。

記事がクリッピングされる（右

自分のブログにボタンを付けるには、記図下）。左端の列が自分のク事のテンプレートにJavaScriptを呼び出リップしたページだ。他のユすコードを埋め込むだけでいい。たとえば、ーザーがクリップした記事や、MTの場合は、［アーカイブに関連したテン

クリップされた数の多い記事

プレート］の Individual Entry Archiveのランキング、へぇ／ふぅんの評<$MTEntryMore$>の下あたりに、次のコ価ランキングも表示される。

ishinao.netとは別で、2ちゃんねる風のへぇボタン＋ラン
キングもある。こちらのテイストが好きな人は使ってみるといいだろう。各種ツールでの設置方法の解説もある。
Voteちゃんねる（仮称）

ードを埋め込む。

http://vote.chbox.com/<script language="javascript" type="text/javascript" charset="euc-jp"
src="http://bm.ishinao.net/addbtn.php?url=<$MTEntryPermalink encode_url="1"$>"></script>

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

［特集1］

ブログのカスタマイズ［テクニック14］

MT4iでサイトを携帯電話対応にしよう
Movable Typeサイトを携帯電話用に変換するCGI
ブログのページを携帯電話で表示するのは、対応しているブログサービス以外ではほぼ不可能だ。ブログを携帯からでも見られるようにして、アクセスアップを狙おう。
MT でこれを簡単に実現するのが、MT4iプログラムを

徹徹カカ

アップロードするサーバが

スス
底底
タタ

必要

！！ムム

必勝 法

まずmt4i̲get̲blog̲id.cgiだけをサーバーの3 MTと同じディレクトリーにアップロードする。
パーミッションを777または 755 に設定してから
mt4i̲get̲blog̲id.cgiのURLにブラウザーでアクセスする。正しく動作すれば、設置しているブログの一覧が表示されるので、携帯からアクセスしたい
ブログの「blog ID」をメモしておく。

（Movable Type for i-mode）
だ。MT4iはtalk to oneself 2の太鉄（たいてつ）

氏による、ブログを携帯キャリア向けに変mt4i.cgiをテキストエディターで開き、まず手

4 順②と同様に1行目のPerlのパスをサーバ
ーの環境に合わせて設定する。

換して表示するフリーのCGIだ。
#!/usr/local/bin/perl

http://www.hazama.nu/t2o2/
MT4iを使うと、MTのデータベースからデータを直接読み込んで、文字コードをimode などの主な携帯キャリアで一般的なShift̲JISに変換して、携帯で表示可能なレイアウトにして出力してくれる。もちろん通常のブログのサイトには何も影響は

mt4i.cgiの36行目と37行目を、それぞれ次の5 ように編集する。今回はMTと同じディレクト
リー に ア ップ ロ ード す ること に す る の で 、my($MT̲DIR)の行は変更しない。my $blog̲idには、手順③で調べたブログのIDを設定する。
my($MT_DIR) = './';
my $blog_id = "1";ない。
携帯からもコメントを受け付けられるほか、画像の表示サイズや文字色など、詳細な設定が可能になっている。

編集が終わったら、mt4i.cgiをMTと同じ

6 ディレクトリーにアップロードして、パーミッションを「705」に設定する。筆者の環境では「755」でも動作を確認できた。

携帯電話からMT4iのURLにアクセスして、

MT4iのページから最新バージョン（執筆時点ではバージョン1.8）のMT4iをダウンロー
ドして、ファイル を 解 凍 する 。 m t 4 i . c g i と
mt4i̲get̲blog̲id.cgiの2つのファイルが展開される。
http://www.hazama.nu/t2o2/mt4i.shtml

1

mt4i̲get̲blog̲id.cgiをテキストエディター

2 で開いて、1行目のPerlへのパスをサーバ
ーの環境に合わせて変更する。

7 正しく表示されるか確認する。

http://サーバーの名前/MTのディレクトリー/mt4i.cgi

問題なく表示されたら、再度mt4i.cgiをエデ

8 ィターで開いて、ファイルに書かれている解説を参考にしながら、MT4iのその他の設定を自分の好みに合わせて変更しよう。変更したファイルをアップロードし直すのを忘れないように。

#!/usr/local/bin/perl

MT の文字コードをUTF-8 に設定している場合は、Perl モジュールの Jcode.pm が必要になる。
Jcode.pmは、次のページにある［Download］
リンクからダウンロードできる。ダウンロードした圧縮ファイルを解凍してできたファイルのうち、Jcode.pmとJcodeディレクトリーを、サーバーのMTディレクトリーの下にあるextlibディレクトリーにアップロードすればOKだ。
http://search.cpan.org/~dankogai/Jcode-0.83/

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

［テクニック15］

徹カス

BulkfeedsのSimilarity Searchで関連ページを表示しよう

底

各記事の関連情報を紹介する「おとなりブログ」！ム

Bulkfeedsは、ブログやニュースのRSS
フィードの検索エンジンとして有名だ。
http://bulkfeeds.net/

この機能を利用して、自分のブログ上の各ページに直接、そのページのSimilarity
Searchの結果を表示してみよう。
Similarity Searchの解説ページをブラウ検索のために蓄積しているRSSの情報

1 ザーで開く。

http://blog.bulknews.net/mt/archives/
000763.html

を利用して、あるページの内容に関連する
他のページを検索して表示する「Similarity
Search」という機能がある。
http://bulkfeeds.net/app/similar

ページの上のほうにある「Similarity Feed

2 （BlogツールのPermalinkに埋め込む）」にタ

文字化けする場合は、「var oe = 'euc-jp';」

4 の部分を変更して文字コードを指定する。
たとえば、UTF-8に指定する場合は次のようにする。
var oe = 'utf-8';
要約部分を表示せずに見出しだけ表示し

5 たい場合は、「var style =」の部分を次のように変更する。
var style = 'lite'

あるJavaScriptのコードを使うので、これをクリップ
ボードにコピーする。
ブログの個別記事ページの適当な場所に、

3 コピーしたコードを貼り付ける（MT の場合は「 Individual Entry Archive」）。 こ れ で 、Similarity Searchの検索結果が自動的に表示されるようになる。
M T 以 外 の ツール などを 使 ってい る 場 合 は 、「<$MTEntryPermalink$>」の部分を、記事のパー
マリンク（個別記事ページ）のURLを指すそのツー
ル用のタグに置き換える。

見出しだけを表示する「lite」モードにした場合の表示<script language="JavaScript">
var url ='<$MTEntryPermalink$>';var n = 10;
var oe = 'euc-jp';
var style = 'mt-comments';
document.write('<scr' + 'ipt language="JavaScript"
src="http://bulkfeeds.net/app/similar.js?url=' + escape(url) +'&amp;n=' + n + '&amp;style=' + style+ '&amp;oe=' + oe + '"></scr' + 'ipt>');</script>［テクニック16］

ちカょス

blog rankingでランキング上位を狙おう

っタ

ランキングサイトからのトラフィックも望める
blog rankingは、ブログサイトをジャンルごとに整理して、そのサイトからblog
rankingサイトへのアクセスの数でランキングを表示するサイトで、簡単な手順でランキングに参加できる。
http://blog.with2.net/

専用のバナーをページに貼り、指定された

2 自分用のURLにリンクを張る。

Movable Typeやココログ、ブログ人な

3 どの、 ping を送れる（更新情報を送信できる）システムならば、指定された URL にpingを送るようにシステムを設定しておけば、最新の記事のタイトルなどが表示されるようになる。

blog rankingのサイトの［新規登録］
でカテ

1 ゴリーとその他の情報を指定してブログを登録する。カテゴリーは複数選べる。

96 +++ iNTERNET magazine 2004.07 +++とム

4

サイトに貼られたバナーのクリック数がポイントとなってランキングが決まる。

ジャンルごとのランキング以外に、登録サイト全体のランキングも見られる。検索機能もあるので、ブログ専用のディレクトリーサイトとしても利用できる。

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

［特集1］

ブログのカスタマイズ［テクニック17］

必勝 法

ばカ
っス

「続きを読む」を隠したり出したりしよう

ちタ

トップページから移動せずに記事の全文を読めるようにりム

エントリーが長い場合、通常トップページ
では「続きを読む」となり、クリックすると個別ページに飛ぶ。しかし、ページを移動
せずに内容をすべて読めるほうが使い勝
手がいいのではないだろうか。トップペー
ジで「追記」部分を隠しておいて、クリックするとその場で追記が読めるようにしてみよう。MTのテンプレートの「Main Index」
テンプレートを編集する。

追記部分がある場合、最初は表示されずに「続きを読む」となっている。クリックすると隠されていた追記部分が表示される。
「続きを隠す」をクリックすると元の状態に戻る。

<head>のJavaScriptが書かれている「<script>」の最後に次のJavaScriptを1 追加する。最初に出てくる「</script>」の直前に入れるのがいいだろう。

function showMore(varID, varPermalink){
varMore = ('More' + (varID));
varBtn = ('Btn' + (varID));if( document.getElementById ) {if( document.getElementById(varMore).style.display ) {if(varPermalink != 0 ) {document.getElementById(varBtn).style.display = "none";
document.getElementById(varMore).style.display = "block";} else {document.getElementById(varBtn).style.display = "block";document.getElementById(varMore).style.display = "none";}} else {location.href = varPermalink;
return true;}} else {location.href = varPermalink;
return true;}}

これらのコードをすべて手で入力すると間違ってしまうので、次のURLからコードをコピーして貼り付けするといいだろう。
同じものを用意してある。
http://www.cync.jp/log/001087.php「続きを読む」の制御にJavaScriptを使っているが、サイトを訪れた人がブラウザ
ーのJavaScriptの機能をオフにしている
場合は、「続きを読む」
をクリックすると、標準の動作と同じくパーマリンク
（記事単体
のページ）
に移動するようになっているので安心してほしい。
今回は「続きを読む」というテキストにリンクを付けて表示／非表示を切り替えた「続きを読む」のリンクを表示している部分は、通常

2 は次のようになっているはずだ。

が、工夫をすればフォームのボタンで表示<MTEntryIfExtended> <span class="extended"><ahref="<$MTEntryPermalink$>#more">Continue reading"<$MTEntryTitle$>"</a></span><br /> </MTEntryIfExtended>

したり、画像で表示したりといったカスタ
マイズも可能だ。アニメーションGIFなどを使って「この記事には続きがあるよ、読んでみようよ」と促すようなボタンにしてみ

これを、次のように書き換える。
<MTEntryIfExtended><span class="extended" id="Btn<$MTEntryID$>" style="display:block;"><ahref="<$MTEntryPermalink$>#more"
onclick="showMore(<$MTEntryID$>,'<$MTEntryPermalink$>#more');returnfalse;" title="続きを読む">続きを読む</a></span><div id="More<$MTEntryID$>" style="display:none;"><br/><$MTEntryMore$><br /><span class="extended" id="Btn<$MTEntryID$>"><ahref="<$MTEntryPermalink$>#more"
onclick="showMore(<$MTEntryID$>,0);return false;" title="続きを隠す">続きを隠す</a></span></div></MTEntryIfExtended>

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

るのもいいだろう。
ただし、注意してほしいのはページのサイズだ。追記部分は表示されていない状
態でも、最初にページを表示した時点でユーザーのブラウザーには読み込まれている。追記部分が非常に長い記事がいく
つもある場合は、トップページのサイズが非常に大きくなってしまって読み込みに時間がかかってしまうかもしれない。

+++ iNTERNET magazine 2004.07 +++97

［テクニック18］

プログラムを

コメントスパムを遮断できるようにしよう
Movable Typeで手間をかけずに迷惑なコメントを削除

ブログカスタマイズ上級者向け書籍『Blog Hacks』が6月に発売予定［

アップロードするサーバが必要

Bulknewsの宮川氏とNDO::Weblogのnaoya氏による高度なブログのカスタマイズテクニック

しい。ここでは特別に、『Blog Hacks』

を100個も収録した書籍『Blog Hacks』に収録予定のテクニックの中から、コメが、オライリー・ジャパンから6月中旬にントスパム対策のカスタマイズテクニッ

発売される予定だ。ブログの周辺テククを、著者の宮川達彦氏に解説してもらノロジーとして注目されているRSS、
トラ

った。

徹カ
底

ス
タ

！ム

超絶技巧 ］

ックバック、Ping、XML-RPC、Atomなどの技術を活用したブログのカスタマイ
ズテクニックから、GoogleやAmazonのウェブサービスと連携するツールを作る方法まで、幅広く紹介する内容となっている。プログラミングをする開発者も、『Blog Hacks―プロが教えるテクニック&ツール100選』
著者：宮川 達彦、伊藤直也
定価：2,520円（本体2,400円＋税）
ページ数：330ページ（予定）
ISBN：4-87311-174-9
発行：オライリー・ジャパン

ユーザーとして使う人も、『Blog Hacks』
でさらに濃いカスタマイズを楽しんでほき込むことで、自分のサイトへのリンクをログを探し、自動的にコメントを投稿する

ム」の被害に遭うようになってくる。コメン

増やして、自分のサイトのページランク（検スクリプトを使ってそのブログにコメントをトスパムとは、バイアグラ販売サイトやオ索時の表示順位）を上げようとするものだ。

連続して書き込む。

ンラインカジノサイトのURLが書かれたコ

コメントスパムの主は、通常はGoogleの

ここでは、Movable Type 2.6用の、コメ

メントを関係のないブログに数百個も書検索などを使ってページランクの高いブ

ントスパム対策術をいくつか紹介する。

ブログの人気が出てくると、「コメントスパ

http://blog.bulknews.net/mt/mt-

ァイル名を決め打ちしているようだ。そこ

comments.cgi

で、コメント投稿用スクリプトの名前を変MTでは、コメントの投稿などを処理す

MTならばmt-comments.cgiというファ

更して、自動投稿スパマーによる被害を避るのはmt-comments.cgiというスクリプト

イル名や投稿時のパラメーターは共通な［対策1］mt-comments.cgiのリネームだ。たとえば、Bulknewsのサイトでは、コ

ので、スパムコメントを自動投稿するスク

メント投稿用のURLは次のようになる。

リプトでは、多くがmt-comments.cgiのフ

自分のサーバーで使っている設定ファイル

1 のmt.cfgをFTPでダウンロードして、秀丸

mt.cfgの290行付近で次のように書かれ行の先頭にある「#」を削除してから、mt-

2 ている部分を探す。

3 comments.cgiの代わりになる名前を付け# CommentScript mt-comments.plる。ここではmt-com.cgiとする。修正したら、新しい mt.cfgをサーバーの MT のディレクトリーにFTPでアップロードする。

などのエディターで開く。

5 稿用のURLを自動的に判別するスパム送サイトを再構築すれば完成だ。コメント投4 ーバーの MT のディレクトリーにあるmt-

信スクリプトが作られればこの対策は効かなくなるが、執筆時点ではかなり効果があるようだ。

comments.cgiのファイル名をmt-com.cgiに変える。

98 +++ iNTERNET magazine 2004.07 +++けよう。

実際のファイルの名前も変えておこう。サ

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

［特集1］

ブログのカスタマイズ

必勝 法

MTのディレクトリーの下にあるlib/MT/App/Comments.pmのファイルを［対策2］
コメント欄のURLをブラックリスト化する

1 エディターで開き、84行目あたりの、次の行を探す。

スパムコメントに書かれたURLをブラッrequire MT::IPBanList;

クリストにして、1回スパムとみなしたURLが書かれたコメントは二度と投稿できない
見つけた行の直前に、次のURLに掲載

貼 り 付 け たコード の 3 行 目の「 m y

2 されているコードをコピーして貼り付ける。

ようにしてしまおう。

3 $blacklist=」の行を、次のように書き換えてからファイルを保存する。

http://blog.bulknews.net/mt/archives/
000903.html

my $blacklist = "./blacklist.txt";

blacklist.txtをFTPでMTのディレクトリー［対策3］
ブラックリストを簡単に更新できるようにする

blacklist.txtというテキストファイルを作り、5 にアップロードする。必ずアスキーモード

4 このファイルに1行1URLで、ブラックリ

で転送して、パーミッション（属性）を666に変更しておく。
これで、ブラックリストにあるURLが書かれたコ
メントは投稿できなくなる。

スト化するURLを記述していく。
http://casino.example.com/
http://evil.example.jp①コメントの投稿時に、記入された
URLをチェックする。

コメントスパムが多いと、ブラックリスト

MovableType②ブラックリストにあるURLが記入されていたらコメントを掲載しない。なければそのまま掲載する。

black
list

ファイルにURLをいちいち手で追加するのは面倒だ。コメントが投稿されたことを通知するメールから簡単にURLをブラックリ
ストに登録できるように改造してみよう。このテクニックを使うには、MT の「ウェブロ
グの設定」で「コメントが登録されたら通知

mt-blacklist-append.cgi③掲載したコメントの内容とURLに加えて、このスパムに書かれたURLをブラックリストに追加するためのCGIのURLが書かれたメールが送られる。

⑤メー ル の U R Lをクリックすると、
mt-blacklist-append.cgiが自動的にブラックリストにURLを追加したうえで、
そのコメントを削除して再構築までする。

④コメントがスパムだったら、メールに記述されたブラックリスト追加用URLをクリックする。

コメント通知メールする」
をチェックしている必要がある。
URLとコメントIDをパラメーターにして、ブラ

1 ックリストを更新するスクリプトを作る。mt-

blacklist-append.cgiという名前のファイルを作り、次のURLに掲載されているコードをコピーする。
http://naoya.dyndns.org/~naoya/mt/archives/
001020.html

コード1 Comments.pmのメール送信部分（赤色で囲んだ部分のように編集）$app->translate('URL:') . ' ' . $comment->url . "\n\n" .
$app->translate('Comments:') . "\n\n" . $comment->text .
"\n\n" ."Blacklist this URL?\n" . $app->base . $app->path . "mtblacklist-append.cgi?password=blahblah&url=" .
MT::Util::encode_url($comment->url) . "&id=" . $comment->id;

作 った フ ァ イル の 10行 目 の「 use lib

2 qw(/path/to/mt/lib);」と、15行目〜17行目に書かれている設定項目を、次のように変更する。
「my $password = "blahblah";」の行はパスワードの指定なので、「blahblah」を好きなパスワードに書き換える。
use lib qw(./lib);# 10行目

my $mt_cfg= "./mt.cfg"; #15行目
my $blacklist = "./blacklist.txt";
my $password = "blahblah";

作ったファイルをmt.cgiと同じディレクトリ
ーにアップロードして、属性を777 または755に設定する。

3

MT::Mail->send(\%head, $body);

M T の デ ィレ クト リ ー の 下 に あ る

4 lib/MT/App/Comments.pmのファイルをエディターで開き、247行目あたりのコード1に示した行を探して、赤色で囲んだ部分のように編集する。
「password=blahblah」の「blahblah」は、mtblacklist-append.cgiに書いたパスワードと同じものにすること。
コメントが投稿されると、次のようなメール

5 が届く。スパムコメントだった場合は、末尾の「Blacklist this URL?」の下にあるURLをクリックする。mt-blacklist-append.cgiが実行されて、URLがブラックリストに登録されたうえで、コメントが削除されて再構築される。

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

コメント通知メールから簡単にURLをブラックリス
トに追加できるようになった。

+++ iNTERNET magazine 2004.07 +++99

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