小粋空間  -  a cheap joke and a play on words site

今年も無事に1年が過ぎようとしています。このブログも多くの方々に暖かく見守っていただき、感謝しております。

ということで毎年恒例の振り返り（ブログ関連の活動記録）です。

１．アクセスの多かったエントリーベスト30

Google Analytics の「タイトル別のコンテンツ」より、2011年1月1日から本日までの期間で、アクセスの多かった（トップページ等を除く）エントリーの上位30エントリーを発表します。カッコ内はページビューです。

2011年にエントリーした記事は8つ入っています（★印）。去年もベスト30に入っていた記事はなんと19もあります（●印）。

1. 「8.8.8.8,8.8.4.4」より速い「129.250.35.250」（52,835）★
2. リンク画像の枠線を消す（40,569）●
3. input 要素の disabled 属性と readonly 属性の違い（40,259）●
4. Windows XP のバックアップ機能（36,965）●
5. IE6/IE7/IE8/IE9の共存まとめ（32,868）★
6. Firefox3とFirefox4の共存（23,489）★
7. IE6/IE7/IE8/IE9のCSSハック（23,475）★
8. WordPress テーマ（テンプレート）（23,371）●
9. IE7 の CSS ハック（22,011）●
10. JavaScript エラーを解消する（21,134）●
11. Movable Type プラグイン一覧（MT5対応）（20,841）●
12. Highslide JS でサムネイル画像を拡大表示する（20,752）●
13. Google マップの埋め込み HTML でふきだしを消す方法（新）（20,327）●
14. Excel（エクセル）の文字入力で表示が「#######」となる問題（20,071）●
15. jQuery UI Tabsを使ってタブを実装する（20,001）★
16. PowerPoint でスライドごとにマスタを切り替える方法（19,902）●
17. 画像を鮮明に拡大するフリーソフト「SmillaEnlarger」の使い方（17,349）
18. WordPress テーマ（テンプレート）・3カラム版（17,156）●
19. Facebookのウォール投稿方法が変更（16,926）★
20. CSS の after 擬似要素で回り込みを解除する（16,866）●
21. FacebookページにブログのRSSフィードを表示する（16,475）★
22. docomoのスマートフォンを徹底的に安く利用する（16,176）★
23. Facebookの「いいね」ボタンをブログに設定する（14,826）
24. RSS Feed（フィード）を表示する（13,842）●
25. Movable Type（MT）テンプレート（13,668）●
26. Windows XP エクスプローラの検索機能でファイルが検索されない問題（13,392）●
27. Android端末のスクリーンショットを撮る方法（Windows）（13,136）★
28. アメブロ スキン（アメーバブログ スキン）（12,837）●
29. WordPress における日付／時間の表示とフォーマット変更方法（12,793）●
30. ファイルの文字コードを簡単に変更する方法（12,384）●

要するに、●印のものは順位の変動は多少あるものの、検索でヒットする定番記事です。印が何もついていない17位と23位は昨年の後半にエントリーしたものです。もしかしたら★印の分とあわせて次回の定番になるかもしれません。

昨年より良くなっているのはアクセス数で、ベスト30のアクセス数を昨年の記事と比較すると、500614から646696に上昇しています。1記事あたりのアクセスが平均3000～5000程度上がっています。

これは「ブログの6年間のPV推移からわかったこと」で紹介したとおり、今年の8月頃からの検索PVの上昇によるものと思われます。記事へのアクセスのほとんどが検索エンジン経由と仮定して、当ブログでGoogle検索経由のトラヒックが占める割合は変わっていない（80%以上）ので、Googleの検索ヒット率が良くなったように思われます。

２．2011年に執筆した書籍

昨年に引き続き、今年もテクニカルライターの仕事をさせて頂きました。執筆した書籍は「Movable Type 5.1 プロの現場の仕事術」と「Facebookプロフェッショナルガイド」の2冊です。

Movable Type 5.1　プロの現場の仕事術

posted with amazlet at 11.06.15

蒲生 トシヒロ 藤本 壱 西畑 一馬 柳 泰久 伊藤 のりゆき 金子 順 高橋 真弓 天野 卓 奥脇 知宏 荒木 勇次郎
毎日コミュニケーションズ

Amazon.co.jp で詳細を見る

Facebookページ　プロフェッショナルガイド

posted with amazlet at 11.07.16

蒲生トシヒロ 竹村詠美 原裕 大元隆志 井出一誠 マクラケン直子 ホシナカズキ 藤本壱 荒木勇次郎 関根元和
毎日コミュニケーションズ

Amazon.co.jp で詳細を見る

３．登録中のサービス

2011年に登録または登録中のサービスです。フォロー等ご自由にどうぞ。

• Twitter：@yujiro（3072フォロワー）
• Facebook：Yujiro Araki
• Facebookページ：小粋空間（1257いいね！）
• Quora：Yujiro Araki
• BlogPeople：List Me!

Google+/LinkdInも一応登録しています。

４．Google PageRank

当ブログのGoogle PageRankは5を継続中です。最近重要視されてない項目ですが一応掲載しておきます。

ということで、良いお年をお迎えください。

ふと思い立って、Google Analyticsを使ってブログの6年間のPV推移を見てみました。ブログを始めたのは2004年5月ですが、Analyticsを設置したのは2005年11月なので、対象期間は2005年11月から2011年12月になります。

１．ブログ全体のPV推移

まずブログ全体のPV推移です。この期間の総PVは約1500万です。

ブログ全体のPV推移

Analyticsを導入してから徐々にPVが増え、2007年頃（左側のやや出っ張った部分）に日々のPVが9000～10000でピークになりました。がこのあと緩やかにPVが下降してきます。「このまま廃れていくのか…」と思いましたが、最近また以前のPVを取り戻してきています。

右側にある一番突出したPVは、3月11日の東日本大震災のあとに作った「東京電力 計画停電インクリメンタル検索」へのアクセスが急増したためです。そのちょっと右にある出っ張りは、はてなブックマークで急増した「「8.8.8.8,8.8.4.4」より速い「129.250.35.250」」へのアクセスです。

２．トップページのPV推移

面白いと思ったのがトップページのPV推移です。

トップページのPV推移

測定開始当初は平均で1000PV/日だったのが、現在では200PV/日まで下がっています。これは直接トップページにアクセスしてブログをチェックする人が以前の1/5まで減っていることが分かります。減少した4/5の中には、フィードやTwitter、Facebookページなどに移行してブログをチェックしてくれている人もいると思いますが、そのアクセスは最新記事に計上されるので、結果的にトップページへのトラヒックが減少しているということになります。

３．検索PVの推移

それでは最近のPV増はどこにあるかといえば、検索PVの増加です。

検索PVの推移

日々のPVがピークのときでも3500程度だった訪問数が、最近では5500に増加しています。検索PV増加の要因は検索キーワードに「Facebook」「jQuery」「Android」といったものが上位にきているからと思われます。

ちなみに最近は「日本一美味しいインスタントラーメン「旭山動物園限定・白クマ塩ラーメン」」へのアクセスがなぜか急増しています。

４．ブログの6年間のPV推移からわかったこと

ということで、安直かつ自明なことであり、まとまりもありませんが、6年間のPV推移からわかったことです。

トップページを直接（日々）チェックする人はますます減少し、今後もフィードやソーシャルネットワークを使って購読するスタイルに移行していく人が増加すると思われます。

フィードや外部サービスで購読している人も、そこから直接パーマリンクにアクセスするので、（企業サイトは話が違うと思いますが）トップページの役割はますます薄れていくと思われます。個人ブログなどは極端な話、ウェブサイト管理者だけがトップページにアクセスするという状況になるかもしれません。

また、ブログへのトラヒックはネット検索とソーシャルネットワーク経由というのが最近の流れですが、トラヒックの流入が「コンテンツ」で分断されているのをひしひしと感じます。たとえば、何らかの要因でブログの「A」という記事のアクセスが急増した場合、そこからブログの関連記事やトップページに流れて全体のアクセス増につながっていくというよりも、それが収束すればブログへのトラヒックは元に戻るという感じです。つまり多くのコンテンツがそれぞれ独立してトラヒックに貢献していく傾向がより強くなるように思います。

そういう意味で、最近思うのはブログの更新頻度です。このブログでは事情がある場合を除き、毎日1エントリーを目標に続けていますが、そうすることでコンテンツの質が落ちるのであれば、数日に1回というペースでよりよいコンテンツを提供した方が、検索やソーシャルネットワークからのトラヒックを考えれば、ブログ全体のPVが向上するのではないかということです。

ニュースサイトなどは日々多くの情報を提供することでアクセスが増加するかもしれませんが、そういうサイトではないので、また違ったアプローチもあるような気がしています。

ちなみに当ブログでは最近ひとつの記事を作るのに、データ収集から記事の推敲まで、少なくとも2時間はかかります。プラグインを公開する場合はコードを作ってから動作確認までの時間も必要です。

平均で15000～20000PV/月になればモチベーションも上がる気がするので、今後はそこに向かって色々と試行錯誤したいと思います。

当ブログで配布している、テンプレート・テーマ・プラグインなどのダウンロードランキングです。まとめて30位まで紹介します。

集計対象期間：2010年9月～2011年5月

バージョンが異なるものは合算しています。カッコ内は集計対象期間のダウンロード数です。見出しのリンクをクリックすれば該当ファイルをダウンロードできる記事に移動します。

1位：Movable Type - テーマ／テンプレート（3473）

予想通り、Movable Typeテーマ／テンプレートが第1位です。ダウンロードの内訳はMT5（2130）／MT4（1016）／MT3（327）となっています。

2位：WordPress - テーマ（1821）

Movable Type情報がメインの中でWordPressのテーマが第2位に輝きました。

3位：リアルタイムカレンダープラグイン（1484）

リアルタイムカレンダープラグインは、WordPressのカレンダーに土日表示と本日表示を行うプラグインです。結構人気があるようで驚いてます。

4位：commented-entry-listプラグイン（613）

commented-entry-listは、WordPressでコメント一覧やトラックバック一覧を別々に表示するためのプラグインです。以前配布されていたサイトにアクセスできなくなったので、当サイトでWordPress3対応版を今年初めに配布開始したところ、かなりのダウンロードを頂いているようです。

5位：WordPressのローカライズファイル（559）

日本語版 WordPressで、日本語で表示される月および曜日を英語表記に変更する方法で配布しているファイルです。

6位：VisibleCustomFieldImageプラグイン（376）

VisibleCustomFieldImageは、Movable Typeで画像のカスタムフィールドでオプション画面を表示するプラグインです。MT5版では「CustomFieldAssetDetailsHandler」に名称を変更しています。

7位：GetQueryStringプラグイン（359）

GetQueryStringは、Movable Typeのダイナミック月送りカレンダーと併用するためのプラグインですが、単体でも色々使い道があります。

8位：PreviousNextInCategoryプラグイン（356）

PreviousNextInCategoryは、Movable Typeでブログ記事に同一カテゴリーのブログ記事の前後リンクを表示するためのプラグインです。再構築に負荷がかかるのでページ数が多いサイトでのご利用にはご注意ください。

9位：TwitCommentプラグイン（293）

TwitCommentは、Movable TypeでTwitterのOAuth認証によるコメント投稿を行えるようにするためのプラグインです。

10位：PowerEditプラグイン（287）

PowerEditは、Movable Typeでブログ記事一括編集画面のフィールドを拡張するプラグインです。

11位：CharsetEncoderプラグイン（262）

CharsetEncoderは、Movable Typeで指定した文字エンコーディング（文字コード）のページを出力するプラグインです。

12位：InvalidateCodeMirrorプラグイン（233）

InvalidateCodeMirrorは、MT5.0xのテンプレート編集画面でCodeMirrorを無効にするプラグインです。

13位：ArchiveDateFooterプラグイン（231）

ArchiveDateFooterは、Movable Typeの月別アーカイブリストを年別表示する際などに利用するプラグインです（MT5ではテンプレートタグのみで実現できます）。

14位：wp-copyrightプラグイン（201）

wp-copyrightプラグインはWordPressで著作権表示の年号を自動更新するプラグインです。

15位：category-folderプラグイン（200）

category-folderは、WordPressのカテゴリーリストを折りたためるようにするためのプラグインです。

16位：CommentCustomFieldプラグイン（198）

CommentCustomFieldは、Movable Type のコメント投稿フォームに、テキストフィールド・テキストエリアのフィールド追加や、画像のアップロードを可能にするプラグインです。

17位：TrackpingSeparatorプラグイン（180）

TrackpingSeparatorはWordPressのコメントとトラックバックを別々に表示するためのプラグインです。プラグイン自体は別サイトで配布しており、当サイトではカスタマイズ用のファイルを配布しています。

18位：dTree-handlerプラグイン（179）

dTree-handlerは、dTree というエクスプローラー風のツリー表示スクリプトを利用した、WordPress のサブカテゴリーリストのツリー化プラグインです。

19位：wp_tree_makerプラグイン（168）

wp_tree_makerは、jQueryを利用してWordPressのサイドバーリストをツリー化するプラグインです。

20位：MultiCalendarプラグイン（162）

MultiCalendarは、Movable Typeで複数ブログの情報をひとつのカレンダーに表示するためのプラグインです。

21位：photologテーマ（161）

photologは、Movable Typeでフォトログを行うためのテーマです。

22位：duplicateTBPingfilterプラグイン（139）

duplicateTBPingfilterはMT3.xで重複トラックバックを防止するためのプラグインです。

23位：DefaultValueSetterプラグイン（132）

DefaultValueSetterはMovable Typeのブログ記事の入力フィールドに初期値を設定するプラグインです。

24位：ExpandCategoryAreaCSSプラグイン（131）

ExpandCategoryAreaCSSは、Movable Type 5 のブログ記事投稿画面のカテゴリ選択エリアを広げるプラグインです。カテゴリを大量に登録している場合に重宝します。CMSHeadプラグインでも同じことができます。

25位：PublishButtonChangerプラグイン（127）

PublishButtonChangerは、Movable Typeのブログ記事投稿画面・ウェブページ作成画面の公開ボタンクリック時に確認ダイアログを表示するプラグインです。うっかり公開するのを防いでくれます。

26位：PreviewTargetChangerプラグイン（125）

PreviewTargetChangerは、Movable Type 5のプレビューを別ウィンドウで開くプラグインです。プレビューと編集が並行して行えるので編集効率が格段にアップします。

26位：mt-csv2customfieldsスクリプト（125）

mt-csv2customfieldsは、Movable Typeのブログ記事を一括登録するスクリプトです。カスタムフィールドにも対応しています。

28位：EntryIDViewerプラグイン（123）

EntryIDViewerは、Movable Type 5.0xで記事IDを表示するプラグインです。

29位：EntryCategoryプラグイン（116）

EntryCategoryは、Movable TypeのEntryCategoryタグをブロックタグに動作を変更するプラグインです。

30位：asciiTBPingFilterプラグイン（107）

asciiTBPingFilterは、Movable TypeでASCII 文字のみのトラックバックをフィルタリングするプラグインです。

昨日、当ブログが開設より7年が経過致しました。

下の絵は開設1周年から毎年使っているもので、数字の部分だけ書き換えて使っています。

図の右上に書いてある、なんだかよく分からないものは当時のブログのデザインです。

当時のブログのデザイン

こうして大過なくブログを続けてこられたのも、皆様の暖かいご支援のおかげです。この場をお借りして心よりお礼申し上げます。

2011年5月21日現在のブログ運営状況は下記の通りです。

• エントリー：2783
• コメント：16400
• トラックバック：5085
• アクセス数：約6000PV/日・約19万PV/月（Google Analytics による直近1ヶ月分）

以下はこれまでの毎年のエントリーです。トラックバック企画は5年で打ち切りました。今年はTwitterのRTか、Facebookで「いいね！」でも頂ければ幸いです。

• ブログ開設6周年
• ブログ開設5周年記念・【TB企画】あなたのおすすめブログツール・ブログサービス
• ブログ開設4周年記念・【TB企画】あなたのおすすめブログ
• ブログ開設3周年記念・【TB企画】あなたのおすすめサービス・ツール（結果）
• ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー（結果）
• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ（結果）

という訳で、7年目も無事に乗り切り、8年目に突入することができました。今後ともよろしくお願い致します。

今年も無事に1年が過ぎようとしています。このブログも多くの方々に暖かく見守っていただき、感謝しております。

ということで毎年恒例の振り返り（ブログ関連の活動記録）です。

１．2010年おすすめ記事

ベスト30の前に、惜しくもベスト30からもれたエントリーの中からおすすめ記事を掲載しておきます。

画像処理関連

画像を鮮明に拡大するフリーソフト「SmillaEnlarger」の使い方

サービス利用関連

WordPress/Movable Typeに公式ツイートボタンを設置する

Facebookの「いいね」ボタンをブログに設定する

Twitterの公式ツイートボタンを(X)HTML validにする方法

新しいはてなブックマークボタンを(X)HTML validにする方法

Google カスタム検索が爆速な件

Github を Windows で利用する（Git GUI編）

Windows関連

FirefoxでCPU使用率が異常に高くなる不具合を解消する

Thunderbird 3の起動が重い不具合を解消する

Windows VistaやWindows 7で検索できないファイルを検索できるようにする

Windows Vistaのエクスプローラーでグループ表示をやめる

その他

UQ WIMAX レビュー

２．アクセスの多かったエントリーベスト30

Google Analytics の「タイトル別のコンテンツ」より、2010年1月1日から本日までの期間で、アクセスの多かった（トップページ等を除く）エントリーの上位30エントリーを発表します。カッコ内はページビューです。

1. Movable Type（MT）テンプレート（34,897）
2. リンク画像の枠線を消す（32,489）
3. input 要素の disabled 属性と readonly 属性の違い（28,488）
4. Windows XP のバックアップ機能（26,366）
5. WordPress テーマ（テンプレート）・3カラム版（26,076）
6. Highslide JS でサムネイル画像を拡大表示する（25,726）
7. WordPress テーマ（テンプレート）（25,406）
8. IE7 の CSS ハック（24,639）
9. RSS Feed（フィード）を表示する（18,529）
10. CSSで画像に影をつける（ドロップシャドウ）（16,960）
11. JavaScript エラーを解消する（16,515）
12. CSS の after 擬似要素で回り込みを解除する（14,210）
13. Lightbox JS で画像を表示する（13,510）
14. PowerPoint でスライドごとにマスタを切り替える方法（13,449）
15. Amazon アソシエイト作成支援ツール一覧（13,102）
16. Google マップの埋め込み HTML でふきだしを消す方法（新）（13,100）
17. アメブロ スキン（アメーバブログ スキン）（12,917）
18. Windows XP エクスプローラの検索機能でファイルが検索されない問題（12,316）
19. WordPress における日付／時間の表示とフォーマット変更方法（12,072）
20. Excel（エクセル）の文字入力で表示が「#######」となる問題（11,672）
21. Movable Type プラグイン一覧（MT4対応）（11,623）
22. Movable Type プラグイン一覧（MT5対応）（11,615）
23. .htaccess によるリダイレクト（11,602）
24. FC2ブログテンプレート（11,297）
25. Movable Type プラグイン一覧（10,902）
26. WordPress の月および曜日を英語表記にする（10,843）
27. Movable Type が WordPress に負けた本当の理由（10,453）
28. MySQL + phpMyAdmin によるバックアップ（10,272）
29. リストマークの画像のずれを修正する（9,793）
30. 破損した Word 文書を修復する方法（9,775）

３．2010年に執筆した書籍

昨年に引き続き、今年もテクニカルライターの仕事をさせて頂きました。執筆した書籍は「Movable Type 5プロフェッショナルガイド」と「CMSとして使うMovable Type 5ガイドブック」の2冊です。

Movable Type 5 プロフェッショナルガイド

posted with amazlet at 10.12.29

荒木勇次郎
毎日コミュニケーションズ
売り上げランキング: 148959

Amazon.co.jp で詳細を見る

CMSとして使う Movable Type 5 ガイドブック

posted with amazlet at 10.12.29

荒木 勇次郎 高山 一登 菱川 由理
翔泳社
売り上げランキング: 16965

Amazon.co.jp で詳細を見る

ありがたいことに来年もすでに予定が入っており、現在執筆中です。

４．登録中のサービス

2010年に登録または登録中のサービスです。フォロー等ご自由にどうぞ。

• Twitter：@yujiro
• Facebook：Yujiro Araki
• Quora：Yujiro Araki
• BlogPeople：List Me!

５．Google PageRank

当ブログの Google PageRank は 5 を継続中です。最近重要視されていないかもしれない項目ですが一応掲載しておきます。

ということで、良いお年をお迎えください。

「みたいもん」で有名な、いしたにまさきさん初の単著です。

ネットで成功しているのは〈やめない人たち〉である

posted with amazlet at 10.12.23

いしたに まさき
技術評論社
売り上げランキング: 545

Amazon.co.jp で詳細を見る

この本では100人を超えるブロガーのアンケートをとり、その分析を行うことで、ネットを続けられている人たちの行動や思考を分析しています。

• 1 ネットの根源的謎に挑むプロジェクト開始！
• 1.1 なぜアンケートという形をとったのか
• 1.2 誰に答えてもらう？どう回収する？
• 2 アンケート回答一挙紹介
• 3 アンケートからなにが読み取れるか Ⅰ
• 3.1 アンケートで回答をもらってみてわかったこと
• 3.2 発信するスキルと受信するスキル
• 3.3 収入の変化とログの蓄積
• 4 コンテンツの継続とイノベーションの継続
• 4.1 「行動を説明することよりも動き続けることが大事」
• 4.2 「日本の技術が世界で戦っている」「外に出してみることで進化してきた」
• 5 アンケートからなにが読み取れるか II
• 5.1 ２つの「継続」の力
• 5.2 アンケート回答をクロス分析する
• 5.3 ログをどう育てていくか
• 6 ログ的にものを考える
• 6.1 未来への投資としてのログ
• 6.2 すべてはログが教えてくれる

ということで、ネットで成功を収めてみたいという方にはおすすめの1冊です。

私は100人に入っていないので、ここで勝手にアンケート回答しておきます。

お名前

yujiro

twitter ID

@yujiro

ご自分のWebサイト、ブログなど

小粋空間

一番好きなWebサイト（Webサービスを含む）はどこですか？

Google検索

初めて見た時に一番衝撃を受けたWebサイト（Webサービスを含む）とその理由

どこかのブログの3カラムリキッドレイアウト。理由は今までに見たことがなかったレイアウトだったため。

ネットで情報配信する際に一番必要な個人スキルはなんでしょう？

スキルではありませんが、いいものがあればそれを他人に伝えたいという気持ちは大事だと思います。それからある程度の技術力。理由は情報発信元になれるという強みがあるから。あと情報収集力でしょうか。どこかでみつけた情報を広めるにしても、少し調べて付随情報を付加すればより価値のある記事になる可能性があります。

あなたがネットで情報配信する際に心がけていることは？

このブログではカスタマイズ記事が多いので、ビギナーの方でも理解できるよう、分かりやすく説明することを心がけています。また前述したとおり、付加情報があれば併せて記載しています。

あなたがネットでの活動を続けることができた理由はなんでしょう？なぜ続いてきたのでしょう？

自分の公開したきた情報が多くの人に受け入れられ、（コメントなどを通じて）喜んでもらえたこと。またエントリーに対する質問に対して新しいエントリーで答えることなどで、1日1エントリーを継続することができています。

あなたがネットで活動してきたことで、収入に変化はありましたか？

はい。

収入に変化があった場合、それは活動を始めてからどれくらい経ってからですか

3年くらい。

ブログなどのアクセス数を増やす工夫をしてますか？

あり

ツイッターのフォロアーを増やす工夫をしていますか？

なし

[Z]ZAPAブロ～グ2.0さんの「ついに！Yahoo! JAPANがIE6のサポート終了へ」にあるように、Yahoo JAPANが12月でIE6のサポートを終了するようです。トップページ上部の黄色い網掛け部分でアナウンスされています。

ちなみに、そこに書かれている「最新ブラウザ」のリンクをクリックすると「Yahoo! JAPANトップページの推奨環境」というページに移動するのですが、戦略なのか推奨ブラウザにGoogle Chromeが入っていません。残念ながらOperaも入ってないようです。

それはさておき、「そういえば、うちのブログに訪れる人が使っているブラウザはどうなっているんだろう」と思って、Google Analyticsでブラウザ別セッション数のグラフを収集してみました。

• 収集対象期間：2007年1月1日～2010年11月9日
• 収集対象データ：セッション数
• 収集対象ブラウザ：Internet Explorer（5.5～8）/Firefox/Safari/Opera/Google Chrome

開始時期を2007年としたのは、それ以前のセッション数がかなり少なかったためです。

１．ブラウザ別シェア

当ブログのブラウザ使用率を掲載します。最初に断っておくと、IEのシェアは他のブログより高いかもしれません。私がそう思い込んでいるだけかもしれませんが。

ひとつめのグラフは2007年1月のブラウザ別シェアで、その下が直近1ヶ月のものです。IE（青）のシェアが大きく減り、Firefox（緑）とGoogle Chrome（下のグラフの赤）のシェアが増えています。

2007年1月

直近1ヶ月

次の2つのグラフは2007年1月と直近1ヶ月のIEのみのバージョン別のものです。8割以上あったIE6のシェアはほとんどIE8とIE7に置き換わって、IE6は16%まで下がっています（下のグラフの赤）。

2007年1月（IEバージョン別）

直近1ヶ月（IEバージョン別）

２．ブラウザ別セッション数

「すべてのブラウザ」および、ブラウザ別（IEはバージョン別も含む）のセッション数です。縦軸のスケールは異なるので注意してください。考察で使っている数値はグラフの波の高い部分を使っています。

まず、すべてのブラウザです。2007年初頭の4500セッションから2010年11月現在の4000セッションとややジリ貧な感じですが、後から登場する各グラフの基準値としてください。グラフがときどき飛び出しているのは、はてなブックマーク数が急上昇したときの名残です。

すべてのブラウザ

IE全体です。2007年初頭にあった3000近いセッションは、2010年11月には1500セッションに落ち込んでおり、当ブログのジリ貧分を差し引いても他のブラウザにシェアを奪われていることが分かります。この調子で減っていけば2014年には当ブログのアクセスから姿を消す計算です（失言）。

Internet Explorer（すべて）

IE5.5です。最近のセッション数は0～2くらいで、この数年間でほぼ消滅したようです。

Internet Explorer 5.5

問題のIE6です。2007年初頭の2500セッションは2010年11月には300弱まで減ってますが、まだ完全に消えている訳ではありません。ちなみに社内システムの都合でIE6から上位のバージョンや他のブラウザの乗り変えられない企業もあるようです（うち）。

Internet Explorer 6

IE7です。山型になっているのは、IEのバージョンアップのためであることが容易に想像できます。

Internet Explorer 7

IE8です。2010年11月でも1000セッションと、IE6の2007年初頭の半分以下に落ち込んでます。

Internet Explorer 8

Firefoxは2007年初頭に1200セッションから一時期1800～2000セッションまで増えましたが、Google Chromeの影響なのかジリ貧のせいなのか、現在は1500セッション付近をうろついてます。

Firefox

そのGoogle Chromeは2010年11月現在で550セッション付近です。右肩上がりの状態なので今後も増加していくと思われます。

Google Chrome（すべて）

Safariは収集期間平均して300セッション付近を横ばいしています。のようにみえますが、2008年2月から3月にかけて突然増えています。これは2008年3月にWindows版Safari（3.1）がリリースされたことが要因と思われます。

Safari

Operaは2007年初頭に120セッションほどあり、そのあと横ばいでしたが、2010年3月頃に突然下がっています。これもGoogle Chromeへの乗り換えでしょうか。

Opera

特にオチはありません。とはいえ、IEがどこまで下がり、Chromeがどこまでシェアを伸ばすかが少し気になるところです。

本日、当ブログが開設より6年が経過致しました。

下の絵は開設1周年から毎年使っているもので、数字の部分だけ書き換えて使っています。右上に書いてある、なんだかよく分からないものは当時のブログのデザインです。

こんな感じです。よく考えると、現在配布しているテンプレートのデザインの原型です。

さて、こうして大過なくブログを続けてこられたのも、皆様の暖かいご支援のおかげです。この場をお借りして心よりお礼申し上げます。

現在のブログ運営状況は下記の通りです。

• エントリー：2414（約1.1エントリー/日）
• コメント：15802（約7.2コメント/日）
• トラックバック：5014（約2.3トラックバック/日）
• アクセス数：約5700PV/日・約17万PV/月（Google Analytics による直近1ヶ月分）

1周年記念から毎年行っていたトラックバック企画は、ブログが流行していた当時は大人気でしたが、年を追うごとに減少し、昨年はついにこなくなったので、今年は見送ります。

以下はこれまでの毎年のエントリーです。

• ブログ開設5周年記念・【TB企画】あなたのおすすめブログツール・ブログサービス
• ブログ開設4周年記念・【TB企画】あなたのおすすめブログ
• ブログ開設3周年記念・【TB企画】あなたのおすすめサービス・ツール（結果）
• ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー（結果）
• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ（結果）

今年はトラックバックの代わりに、Twitterでリツイートでもしてやってください。

という訳で、6年目も無事に乗り切り、7年目に突入することができました。今後ともよろしくお願い致します。

今年も無事に1年が過ぎようとしています。このブログも多くの方々に暖かく見守っていただき、感謝しております。

毎年恒例の振り返りです。

１．書籍

昨年・一昨年に引き続き、今年もテクニカルライターの仕事をさせて頂きました。今年執筆した著書は「Movable Type逆引きデザイン事典」の1冊です。

Movable Type逆引きデザイン事典[4.2/4.1対応] 翔泳社 2009-04-21 売り上げランキング : 288913 Amazonで詳しく見る by G-Tools

この本は他のMT4関連書籍よりかなり出遅れてしまったのですが、内容はこれまで携わった書籍の中でもかなり質の高いものに仕上がっています。

なお、MT5の執筆は水面下で脈々と行なっています。

２．Twitter

今年の7月から本格的に始めた Twitter ですが、おかげさまで現時点で 1288 フォロワーを頂いてます。ありがとうございます。

最近忙しくてつぶやく暇もないのですが、皆様のフォローをお待ちしています。

http://twitter.com/yujiro

３．Google PageRank

時期は未明ですが、当ブログの Google PageRank は去年の 6 から 5 に下がりました。この件に関しては特にコメントありません（笑）。

４．BlogPeople 被リンク数

昨年の11月頃から、BlogPeople 被リンク数がトップを維持しています。

関連記事：BlogPeople 被リンク数ランキング1位

５．アクセスの多かったエントリーベスト30

Google Analytics の「タイトル別のコンテンツ」より、2009年1月1日から本日までの期間で、アクセスの多かった（トップページ等を除いた）エントリーの上位30エントリーを発表します。カッコ内はページビューです。

1. Movable Type（MT）テンプレート（53,795）
2. Windows XP のバックアップ機能（34,328）
3. Highslide JS でサムネイル画像を拡大表示する（32,166）
4. Movable Type プラグイン一覧（MT4対応）（27,758）
5. IE7 の CSS ハック（25,465）
6. WordPress テーマ（テンプレート）・3カラム版（24,867）
7. リンク画像の枠線を消す（22,853）
8. RSS Feed（フィード）を表示する（20,777）
9. Internet Explorer 6 と Internet Explorer 7 を共存させる（20,682）
10. Lightbox JS で画像を表示する（20,329）
11. CSSで画像に影をつける（ドロップシャドウ）（18,196）
12. WordPress テーマ（テンプレート）（18,003）
13. Movable Type プラグイン一覧（16,595）
14. JavaScript エラーを解消する（14,812）
15. FC2ブログテンプレート（14,074）
16. アメーバブログ スキン（13,885）
17. Amazon アソシエイト作成支援ツール一覧（12,773）
18. CSS の after 擬似要素で回り込みを解除する（12,639）
19. Ajax 月送りカレンダー（MT4版）（12,542）
20. WordPress の月および曜日を英語表記にする（12,490）
21. Movable Type が WordPress に負けた本当の理由（12,484）
22. 破損した Word 文書を修復する方法（12,469）
23. MySQL + phpMyAdmin によるバックアップ（11,689）
24. .htaccess によるリダイレクト（11,271）
25. JavaScript カレンダー（休日表示付き）（10,614）
26. input 要素の disabled 属性と readonly 属性の違い（10,505）
27. Seesaaブログテンプレート（10,183）
28. Windows XP エクスプローラの検索機能でファイルが検索されない問題（9,969）
29. Movable Type 4.1 カスタムフィールドの使用方法（9,567）
30. WordPress における日付／時間の表示とフォーマット変更方法（9,434）

ちなみに1年間のPVは約220万でした。

ざっと眺めて、Movable Type、WordPress、FC2ブログ、アメーバブログ、Seesaaブログのテンプレート配布系記事やCSS Tipsの記事がランキングしているのが嬉しいです。

６．その他

時間がないので、Amazon の年間ランキングと今年リリースした自作プラグインは来年に投稿します。

７．まとめ

昨年と同じコメントですが、とにかく無事に1年を終えることができたことが何よりの喜びです。皆様には大変お世話になりました。来年もテンプレート・カスタマイズ記事にダジャレをメインにブログを書き続ける所存ですので、ご指導・ご鞭撻の程、どうぞよろしくお願い致します。

それでは2010年もどうぞよろしくお願い致します。そして良いお年をお迎えください。

本日、ブログ開設より5年が経過致しました（本当は21日に投稿すべきエントリーでしたが、完全に忘れてました...）。

こうして大過なくブログを続けてこられたのも、皆様の暖かいご支援のおかげです。この場をお借りして心よりお礼申し上げます。

現在のブログ運営状況は下記の通りです。

• エントリー：2047（約1.1エントリー/日）
• コメント：15014（約8.2コメント/日）
• トラックバック：4827（約2.6トラックバック/日）
• アクセス数：約6700PV/日・約20万PV/月（Google Analytics による直近1ヶ月分）

5周年記念ということで、今回も「TB（トラックバック）企画」を行いたいと思います。

「TB企画」とは、TB企画者が出したお題でエントリーを書き、それをTB企画者の元エントリーへトラックバックするというもので、私がブログを始めた2004年にはあちこちでTB企画をやってました。

これまでのTB企画の模様は下記の通りです。

• ブログ開設4周年記念・【TB企画】あなたのおすすめブログ
• ブログ開設3周年記念・【TB企画】あなたのおすすめサービス・ツール（結果）
• ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー（結果）
• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ（結果）

今回のお題は、

あなたのおすすめブログツール・ブログサービス

にしてみました。

あなたが気に使っているブログツール（Movable Type/WordPressなど）・ブログサービス（アメーバブログ/FC2ブログ/livedoorブログなど）を取り上げ、「ここが気に入っている」「これが便利」など、何でも構いませんのでご自身のサイトで紹介し、このエントリーにトラックバックしてください。

という訳で、5年目も無事に乗り切り、6年目に突入することができました。今後ともよろしくお願い致します。

今年も無事に1年が過ぎようとしています。このブログも多くの方々に暖かく見守っていただき、感謝しております。

毎年恒例の振り返りです。

１．書籍

昨年の「Movable Type WEBデザインの新しいルール」に引き続き、テクニカルライターの仕事をさせて頂きました。今年執筆した著書は次の3冊ですが、今年の初めに、こんなに書かせて頂けるとは思ってもいませんでした。

CMSとして使うMovable Typeガイドブック

CMSとして使うMovable Typeガイドブック 黒野 明子 翔泳社 2008-03-14 売り上げランキング : 30800 Amazonで詳しく見る by G-Tools

Movable Type プロフェッショナル・スタイル MT4.1対応

Movable Type プロフェッショナル・スタイル MT4.1対応 CSS Nite 毎日コミュニケーションズ 2008-04-08 売り上げランキング : 45029 Amazonで詳しく見る by G-Tools

Movable Type 4.2 パーフェクトガイド

Movable Type 4.2 パーフェクトガイド 荒木 勇次郎 毎日コミュニケーションズ 2008-07-31 売り上げランキング : 36872 Amazonで詳しく見る by G-Tools

どれも無事出版にこぎつけることができ、ホットしています。また今年も、執筆中に「ブログの更新を決して滞らせず、1日1エントリーを継続する」という目標も達成できました。

２．Google PageRank

今年の8月頃、当ブログの Google PageRank が 5 から 6 に上がりました。

関連記事：Google PageRank 5 → 6

現在、PageRank がどの程度の重要な要素かは不明ですが、個人的にひとつの指標として大きな目標をひとつクリアできた気がします。ブログに直接関係する出来事としては、これが一番大きなニュースかもしれません。

３．BlogPeople 被リンク数

今年の11月頃、BlogPeople 被リンク数がトップになりました。

関連記事：BlogPeople 被リンク数ランキング1位

この数字に拘っている人はあまりいないかもしれませんが、個人的には大変嬉しいニュースです。

４．アクセスの多かったエントリーベスト30

Google Analytics の「タイトル別のコンテンツ」より、2008年1月1日から本日までの期間で、アクセスの多かった（トップページ等を除いた）エントリーの上位20エントリーを発表します。

1. Internet Explorer 6 と Internet Explorer 7 を共存させる
2. Movable Type テンプレート
3. Movable Type プラグイン一覧
4. Highslide JS でサムネイル画像を拡大表示する
5. Movable Type プラグイン一覧（MT4対応）
6. Lightbox JS で画像を表示する
7. Movable Type が WordPress に負けた本当の理由
8. Windows XP のバックアップ機能
9. RSS Feed（フィード）を表示する
10. IE7 の CSS ハック
11. WordPress テーマ（テンプレート）・3カラム版
12. CSSで画像に影をつける（ドロップシャドウ）
13. リンク画像の枠線を消す
14. Amazon アソシエイト作成支援ツール一覧
15. JavaScript エラーを解消する
16. Ajax 月送りカレンダー（MT4版）
17. Movable Type を始める前に設定しておきたい 10 の項目
18. WordPress の月および曜日を英語表記にする
19. Movable Type 4 テンプレート配布再開
20. MySQL + phpMyAdmin によるバックアップ
21. CSS の after 擬似要素で回り込みを解除する
22. Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
23. Litebox 1.0 をブログに適用する
24. Movable Type 4.1 カスタムフィールドの使用方法
25. FC2ブログテンプレート
26. Ajax 月送りカレンダー
27. JavaScript カレンダー（休日表示付き）
28. .htaccess によるリダイレクト
29. Movable Type で再構築エラーになる場合の原因と対処
30. Movable Type 4.1 テンプレートセット（スタイル対応版）

ちなみに1年間のPVは約270万でした。19位の「Movable Type 4 テンプレート配布再開」は内容のあるコンテンツではないのですが、Google で「Movable Type テンプレート」で検索したときに一時期上位にいたので、それが影響しているとおもわれます。

５．Amazon の売れ筋商品

2008年1月1日から本日までの注文ベスト20です。

1位：CMSとして使うMovable Typeガイドブック

CMSとして使うMovable Typeガイドブック 黒野 明子 翔泳社 2008-03-14 売り上げランキング : 30800 Amazonで詳しく見る by G-Tools

2位：GriffinTechnology iTalk Pro GRI-IP-000063

GriffinTechnology iTalk Pro GRI-IP-000063 Griffin Technology 2006-11-10 売り上げランキング : 1211 Amazonで詳しく見る by G-Tools

3位：Movable Type 4.2 パーフェクトガイド

Movable Type 4.2 パーフェクトガイド 荒木 勇次郎 毎日コミュニケーションズ 2008-07-31 売り上げランキング : 36872 Amazonで詳しく見る by G-Tools

4位：Movable Type WEBデザインの新しいルール

Movable Type WEBデザインの新しいルール 荒木 勇次郎 翔泳社 2007-10-17 売り上げランキング : 139502 Amazonで詳しく見る by G-Tools

5位：Movable Type プロフェッショナル・スタイル MT4.1対応

Movable Type プロフェッショナル・スタイル MT4.1対応 CSS Nite 毎日コミュニケーションズ 2008-04-08 売り上げランキング : 45029 Amazonで詳しく見る by G-Tools

6位：Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応

Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応 (Web Designing BOOKS) エ・ビスコム・テック・ラボ 毎日コミュニケーションズ 2008-03-15 売り上げランキング : 56434 Amazonで詳しく見る by G-Tools

6位：基本からしっかりわかる Movable Type 4.1 カスタマイズブック Movable Type 4.1/MTOS 4.1対応

基本からしっかりわかる Movable Type 4.1 カスタマイズブック Movable Type 4.1/MTOS 4.1対応 (Web Designing BOOKS) 大藤 幹 毎日コミュニケーションズ 2008-05-21 売り上げランキング : 49460 Amazonで詳しく見る by G-Tools

8位：「困った人たち」とのつきあい方 (河出文庫)

「困った人たち」とのつきあい方 (河出文庫) Robert M. Bramson 鈴木 重吉 峠 敏之 河出書房新社 2001-01 売り上げランキング : 5292 Amazonで詳しく見る by G-Tools

9位：本を読む本 (講談社学術文庫)

本を読む本 (講談社学術文庫) Mortimer J. Adler Charles Van Doren 外山 滋比古 講談社 1997-10 売り上げランキング : 241 Amazonで詳しく見る by G-Tools

9位：週刊 ダイヤモンド 2008年 2/9号 [雑誌]

週刊 ダイヤモンド 2008年 2/9号 [雑誌] ダイヤモンド社 2008-02-04 売り上げランキング : Amazonで詳しく見る by G-Tools

11位：Movable Type 4でつくる![最強のブログサイト]

Movable Type 4でつくる![最強のブログサイト] 小川晃夫&南大沢ブロードバンド研究会 ソーテック社 2008-05-22 売り上げランキング : 110845 Amazonで詳しく見る by G-Tools

11位：基本からしっかりわかる Movable Type 4.2 カスタマイズブック（Web Designing Books）

基本からしっかりわかる Movable Type 4.2 カスタマイズブック（Web Designing Books） 大藤 幹 毎日コミュニケーションズ 2008-09-20 売り上げランキング : 3255 Amazonで詳しく見る by G-Tools

11位：第1感 「最初の2秒」の「なんとなく」が正しい (翻訳)

第1感 「最初の2秒」の「なんとなく」が正しい (翻訳) 沢田 博 阿部 尚美 光文社 2006-02-23 売り上げランキング : 291 Amazonで詳しく見る by G-Tools

14位：人間この信じやすきもの―迷信・誤信はどうして生まれるか (認知科学選書)

人間この信じやすきもの―迷信・誤信はどうして生まれるか (認知科学選書) Thomas Gilovich 守 一雄 守 秀子 新曜社 1993-06 売り上げランキング : 218 Amazonで詳しく見る by G-Tools

15位：Movable Type 4 新しいWebサイトの黄金則-MTで実現するCMSサイト構築のすべて-

Movable Type 4 新しいWebサイトの黄金則-MTで実現するCMSサイト構築のすべて- 芝 陽一郎 ソフトバンククリエイティブ 2008-04-05 売り上げランキング : 43378 Amazonで詳しく見る by G-Tools

15位：Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100

Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。 加藤 善規 インプレスジャパン 2008-09-12 売り上げランキング : 31709 Amazonで詳しく見る by G-Tools

17位：スーパーヴァーム (VAAM) パウダータイプ 10.5gｘ7包

明治乳業 スーパーヴァーム (VAAM) パウダータイプ 10.5gｘ7包 ヴァーム 売り上げランキング : 252 Amazonで詳しく見る by G-Tools

18位：さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす

さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす 田口 俊樹 日本経済新聞出版社 2001-12-01 売り上げランキング : 13 Amazonで詳しく見る by G-Tools

19位：iPod対応 ICレコーダーアダプタ LIC-IREC01

Logitec iPod対応 ICレコーダーアダプタ LIC-IREC01 ロジテック 2008-03-18 売り上げランキング : 1619 Amazonで詳しく見る by G-Tools

20位：TUNEWEAR Stereo Sound Recorder for iPod

TUNEWEAR Stereo Sound Recorder for iPod TUNEWEAR 2007-08-06 売り上げランキング : 8746 Amazonで詳しく見る by G-Tools

20位：7つの習慣―成功には原則があった!

7つの習慣―成功には原則があった! Stephen R. Covey 川西 茂 キングベアー出版 1996-12 売り上げランキング : 26 Amazonで詳しく見る by G-Tools

20位：Movable Typeで今日から始めるカスタムブログ―4.0完全対応

Movable Typeで今日から始めるカスタムブログ 4.0完全対応 岡田 庄司 秀和システム 2007-10 売り上げランキング : 194267 Amazonで詳しく見る by G-Tools

ダントツ1位が黒野明子さんとの共著の「CMSとして使うMovable Typeガイドブック」でした。このブログでの宣伝で購入してくださった方が大勢いらっしゃたこと、感謝しています。また3位～5位にランキングしている、その他の拙著も多く購入くださり、ありがとうございます。

６．Movable Type プラグイン

Movable Type を始めた頃は「プラグインなんて一生でひとつ作れれば御の字」と思ってましたが、なんだかんだと今年は結構作りました。人間やればできるもんですね。

今年リリースした主なプラグインを掲載しておきます。

DefaultValueSetter（ブログ記事の初期値を設定）

VisibleCustomFieldImage（当初、ブログ記事に画像用カスタムフィールドのサムネイル画像表示が目的でしたが、標準機能となったため、アイテムの情報入力画面のハンドリグのみ）

EntryCategoryID（ブログ記事のメインカテゴリのIDを出力）

LogCommentAuthors（システムログに記録されたコメントより投稿者の一覧を表示）

EntryCategory（ネイティブタグのEntryCategoryをブロックタグに変更）

SubCategoryDepth/SubFolderDepth（カテゴリー・フォルダの階層を出力）

BlogArchiveRelativeURL（アーカイブ URL を、ホストからの相対 URL で表示）

FolderLink（ウェブページのフォルダリンクを出力）

RebuildIndexFilter（インデックステンプレートの再構築トリガを制御）

TemplateSetNameViewer（Movable Type 4 で利用しているテンプレートセット名を、ブログ管理画面のテンプレート一覧画面やテンプレート編集画面に表示）

LogDeleteSelector（システムログ・ブログ別ログを選択削除できるようにする）

asciiCommentfilter（コメントスパムをフィルタリング）

PowerEdit（ブログ記事の一括編集画面のフィールドを拡張）

ArchivePathSelector（アーカイブテンプレートにアーカイブパスの適否を選択可能）

７．まとめ

昨年と同じコメントですが、とにかく無事に1年を終えることができたことが何よりの喜びです。皆様には大変お世話になりました。来年もテンプレート・カスタマイズ記事にダジャレをメインにブログを書き続ける所存ですので、ご指導・ご鞭撻の程、どうぞよろしくお願い致します。

それでは2009年もどうぞよろしくお願い致します。そして良いお年をお迎えください。

ブログの単位および、ブログ記事の単位についてご質問を頂きましたので、本エントリーで回答します。「私はこう使っている」という意見がありましたら、本エントリーまたは下記のエントリーにコメント・トラックバックしてやってください。

もかりのデリケートゾーン - ブログの単位について調べてみることにした（１）

頂いた質問の内容は次の通りです。

• ブログ記事の正しい単位について（候補「×件」「×記事」「×本」「×エントリー」など）
• ブログの正しい単位について（候補「×ブログ」「×サイト」「×個」など）
• ブログ記事・ブログの単位は決まっているか

以下、個人的な見解を示します。

１．ブログ記事の単位について

ブログ記事の単位は、私自身は「件」を使います。例えばカスタマイズ記事では、

「ブログ記事を10件表示します」

という具合です。

「ブログ記事」という名称は、「新聞記事」「特集記事」などと同じ使い方だと思うので、要するに「記事」の単位をそのまま当てはめれば良いのではないでしょうか。つまり「件」が相応しいように思います。次の候補としては「本」。単順に「1つ、2つ...」でもいいと思います。

「エントリー」は、Movable Type に限って言えば、バージョン3までは「ブログ記事」という表現の前身でしたので、このサイトでは単位ではなく名詞として使っています。つまり、

「ブログ記事を10エントリー表示します」

ではなく、

「エントリーを10件表示します」

という具合です。

と書いておきながら、以下の記事では単位として使ってました。

ブログ開設4周年記念・【TB企画】あなたのおすすめブログ

要するに、文脈や前後で使っている単語で自然に使い分けているようです。

ただし、個人的には「本」と「記事」は単位として使った記憶はありません。

２．ブログの単位について

ブログについては、ウェブサイトと同じ意味で使う場合は「サイト」を使います。

「下記の3サイトを参考にさせていただきました」

という具合です。ただし、ブログと通常のウェブサイトとの区別がつかないために、このように使っているだけかもしれません。

Movable Type のカスタマイズで説明する場合などは、単純に「1つ」「2つ」と書いてます。

「ポータルブログは3つのブログの情報を集約します」

という感じです。

ただ、「つ」では9までしか数えられないので、そう考えると「個」の方が相応しいようにも思います。

３．ブログ記事・ブログの単位は決まっているか

ということで、ブログ記事・ブログの単位は特に決めて使っていません。何の根拠もなく飛躍して結論すると、世間的にも決まっていないと思います。

ちなみに総務省の次の資料の3～5ページの図表では、それぞれ次の単位を使っています。

総務省　情報通信政策研究所（IICP） - ブログの実態に関する調査研究の結果[PDF]

• ブログ：ブログ
• ブログ記事：件

まず、現在のブログ運営状況は下記の通りです。

• エントリー：1680（約1エントリー/日）
• コメント：13274
• トラックバック：4439
• アクセス数：約8500PV/日・約25万PV/月（Google Analytics による直近1ヶ月分）

そして4周年記念ということで、3周年記念の時よりさらにみかけなくなった「TB（トラックバック）企画」を行いたいと思います。

「TB企画」とは、TB企画者が出したお題でエントリーを書き、それをTB企画者の元エントリーへトラックバックするというもので、私がブログを始めた2004年にはあちこちでTB企画をやってました。

昨年、一昨年のTB企画の模様は下記の通りです。TB企画をご存じない方の参考にどうぞ。

• ブログ開設3周年記念・【TB企画】あなたのおすすめサービス・ツール（結果）
• ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー（結果）
• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ（結果）

今回のお題は

あなたのおすすめブログ

にしてみました。

あなたが気に入っているブログ（サービスやツール以外）をひとつかふたつ（いくつでもいいです）取り上げ、気に入っている点や役に立った点、あるいは思い出等をご自身のサイトで紹介し、このエントリーにトラックバックしてください。

なお頂いたトラックバックの記事については、これまで2週間後位を目処にブログのキャプチャ画像と共にエントリーにて紹介させて頂いてましたが、現在多忙のため、余裕ができ次第とさせてください（トラックバックがあればですが）。多少、皆様のサイトのアクセス増加に貢献できると思います。

という訳で、4年目で限界かと思いましたが、なんとか乗り切り、5年目に突入することができました。
今後ともよろしくお付き合いください。

今年も無事に1年が過ぎようとしています。このブログも多くの方々に暖かく見守っていただき、感謝しております。

毎年恒例の振り返りです。

書籍

当ブログにおける今年一番のトピックスは、なんといっても Movable Type の書籍「Movable Type WEBデザインの新しいルール」を執筆させて頂けたことです。4月頃から8月末まで執筆にかなりの時間を要し、途中で Movable Type 4 がリリースされて、多くの部分を書き直すというハプニングもありましたが、無事出版にこぎつけ、おかげさまでかなり好調な売れ行きです。

また、執筆中にひとつ目標がありました。それは「ブログの更新を決して滞らせず、1日1エントリーを継続する」ということでした。さらに執筆内容はブログの記事としてほとんど使いまわしをせず、書籍のサンプルデータを掲載したサポートサイトも立ち上げるという、かなり辛い時期が続いていましたが、目標が達成できたことは大きな力になった気がします。

個人的にはこの1冊で終わりだろうと思っていたのですが、実はその後、Movable Type 本の執筆依頼を頂きまして、現在執筆中の案件があります。そういう訳で詳細についてはまた折をみてご報告したいと思います。
1冊目では書ききれなかったことをできるだけ掲載し、「かゆいところに手が届く1冊」にしたいと思ってますので、ご期待ください。

アクセスの多かったエントリーベスト20

Google Analytics の「タイトル別のコンテンツ」より、2007年1月1日から本日までの期間で、アクセスの多かった（トップページ等を除いた）エントリーの上位20エントリーを発表します。

1.Movable Type テンプレート
2.Internet Explorer 6 と Internet Explorer 7 を共存させる
3.Movable Type プラグイン一覧
4.Lightbox JS で画像を表示する
5.Highslide JS でサムネイル画像を拡大表示する
6.WordPress テーマ（テンプレート）・3カラム版
7.CSSで画像に影をつける（ドロップシャドウ）
8.Movable Type を始める前に設定しておきたい 10 の項目
9.RSS Feed（フィード）を表示する
10.Movable Type が WordPress に負けた本当の理由
11.Movable Type 4 テンプレート配布再開
12.Ajax 月送りカレンダー
13.Movable Type の PHP化（その1）
14.Movable Type プラグイン一覧（MT4対応）
15.Litebox 1.0 をブログに適用する
16.JavaScript カレンダー（休日表示付き）
17.IE7 の CSS ハック
18.MySQL + phpMyAdmin によるバックアップ
19.JavaScript エラーを解消する
20.Seesaaブログテンプレート

このランキングは最近1ヶ月のものと比較しましたが、ほとんど入れ替わりはありませんでした。つまりこれらが当ブログのアクセスを支えていることになります。

ちなみに1年間のPVは約305万でした。また上位20エントリーの1年間のPVは約55万で、全てのアクセスがあったページは約7300ページなので、PVについてもロングテール現象が起こっているといえるでしょう。

Amazon の売れ筋商品

2007年1月1日から本日までの注文ベスト20です（同数があったので厳密には21です）。

1位

Movable Type WEBデザインの新しいルール

2位

Movable Type 3.3 でつくる!最強のブログサイト

3位

Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編

4位

GriffinTechnology iTalk Pro GRI-IP-000063

Movable Type公式タグリファレンス 第2版

6位

Movable Typeで今日から始めるカスタムブログ―4.0完全対応

AjaxとPHPによる MovableType高速&最強システム構築法

8位

WebクリエイティブのためのCMSテンプレートデザイン (Web Designing BOOKS)

9位

ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニック

Qステア QSS02B ハマーH2ブラック　（C/D）

11位

Dr.Blogの実例から学ぶ Movable Type オリジナルブログデザイン 3.2/3.3対応

Movable Typeではじめる ビジネスブログ・テンプレートブック

MOVABLETYPE PLUGINS DIRECTORY

14位

エアーパッドプロIII(マットブラック) 大サイズ PAG-81

Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。

WordPress標準ガイドブック―導入&基本操作からフルチューンまで

17位

ブログに挑戦してみよう! (NHK趣味悠々―中高年のためのパソコン講座)

Webユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。

Web Site Expert #14

Web Designing (ウェブデザイニング) 2007年 05月号 [雑誌]

Movable Typeで今日から始めるカスタムブログ―3.3完全対応

ダントツ1位が拙著で、このブログでの宣伝で購入してくださった方が大勢いらっしゃたこと、感謝しています。またエントリーで紹介していない商品も意外に売れています。

まとめ

昨年と同じコメントですが、とにかく無事に1年を終えることができたことが何よりの喜びです。皆様には大変お世話になりました。来年もテンプレート・カスタマイズ記事にダジャレ、さらに新たな書籍の出版に向けてブログを書き続ける所存ですので、ご指導・ご鞭撻の程、どうぞよろしくお願い致します。

それでは2008年もどうぞよろしくお願い致します。そして良いお年をお迎えください。

「MovableTypeコンテスト2007」のエントリー受付が開始されました。

MovableTypeコンテスト2007　エントリー受付開始

Movable Type で作成されたWebサイトを広く募集している 「Movable Typeコンテスト」は、本年で3回目を迎え、エントリー数も年々増え続けています。 さらなる Movable Type の発展のために、第3回「Movable Type コンテスト2007」を開催します。個人、法人は問いません。Movable Type で作成されたコンテンツを公開しているWebサイトであれば、無料でエントリーです。 豪華賞品多数！ぜひ第3回「Movable Type コンテスト2007」にご参加ください。

このコンテストは今年で3回目で、一昨年・昨年と開始時期がもう少し早かったと記憶しています。今年はアナウンスがなかったので「開催されないのかな？」と思っていたら、無事開かれるようでなぜかホッとしました。

以下、公式サイトの「コンテスト概要」からの引用です。

エントリー資格

• Movable Type で作成されたコンテンツを応募時点から結果発表までの期間、広く一般的に公開しているサイトを開設している法人/個人
• ラピッドサイトなどのGMO-HSホスティングサービス利用の有無は問いません
• 前回、前々回コンテストの応募/受賞の有無は問いません

コンテストのスケジュール

エントリー受付

2007年12月3日（月）～2008年3月21日（金）

結果発表

2008年5月12日（月）

授賞式

2008年5月30日（金）

注意事項（抜粋）

• 受賞サイトについては、受賞後、最低1年間はホームページの質の維持に努めてください。
• 応募後のURLの変更、コンテンツ、デザインの大幅な修正は認められません。

ちなみに、当サイトは第2回に「準優秀賞」を頂きました（関連ページ）。それ以上の入賞はまずあり得ないので、今回は暖かく見守りたいと思います。

Movable Type をお使いの方は、この機会に是非チャレンジしてみてください。

関連記事

• Movable Type コンテスト 2007が開催しました！
• 第三回「Movable Type コンテスト 2007」開催

最近になって、Blogmusik という高品質な音楽を配信するサイトの存在を知りましたのでご紹介します。
久しぶりに音楽関係のエントリーです。

• via：ブログに音楽を貼ることもできるMP3のYouTube？ 「blogmusik」

下のプレーヤーは Blogmusik を利用して貼り付けたものです。よろしければ左側の再生ボタンをクリックして聴いてみてください。曲は「G線上のアリア（バッハ）」。

以下、基本的な操作方法です。

サイト上部にある検索フィールドにアーティスト名等の検索文字列を入力し、「Search」をクリック。日本語は対応していないようですので、半角英数を入力してください。

検索でヒットした場合、下にリストが表示されるので、リストの中から聴きたい曲を探し、一番左のアイコンをクリック。これで演奏が開始します。

再生が開始すると、左上に配されたコントロールパネル左側にはアルバムジャケットが表示されます。一時停止、音量調節等はコントロールパネルで行ないます。プログレスバーの中をクリックすると、任意の位置から再生できるようです。
さらに右下にあるCDマークをクリックするとアルバムを iTunes で購入することができます。

ブログにプレーヤーを貼り付けるには、少し右に表示されている「Blog & Share」のリンクをクリック。

新しいウィンドウがびよーんと表示されます（下）。このエントリー冒頭のようなプレーヤーを表示させる場合は、左下のソースコードをコピーし、そのままブログの記事本文に貼り付ければOKです。

リンクのみ表示したい場合は右側のURLを使いましょう。その下のフィールドを使えばメールも送れます。

以前より利用している feed meter でずっと2つ星の状態が続いていましたが、最近採点方式が変わったのか、突然3つ星を頂きました。が、順位はかなり下がり、いつ2つ星に戻るか分からないので、今のうちに記念エントリーしておきます。

その指標となる「ランキング Top 300」も、ファビコンやサイトへのリンクが追加され、華やかな印象になりました。

で、ふと「最近 WordPress が流行っているけど、この中で一番良く使われているブログは何だろう？」と思い立って、昨日のランキングを元に調べてみました。

まずはブログツール・ブログサービスの総合トップ10です。ココログと TypePad の集計に誤りがありましたので修正しました（Typead 3サイトをココログとして+3カウント）。

ランキングのページをざっと見て、ファビコンの多さから「はてなダイアリーかな？」と予想しましたが、意外にも Movable Type がトップでした。そして WordPress 利用者が（このランキングに限ってですが）少なかったことも意外でした。

勝手な推測では、人気ブログの多くが開設当初から Movable Type の利用サイトで、他のブログに乗り替えていないせいでしょうか（Movable Type から WordPress に乗り換えたのは私が知る限り「ARTIFACT ―人工事実―」と「caramel*vanilla」の2サイト）。

あるいは、最近 WordPress でブログを始めた方がこの牙城を突き崩すのは困難ということなのでしょうか。まあそれは特定のブログツール・サービスだからという話ではないと思いますが、他の側面からの統計（アクティブなブロガー数の利用ブログ等）も見てみたくなりました。

次はブログツール別順位です。

ツール別では Movable Type が圧勝です。
結構初耳のブログツールもいくつかありました。一番下の「Typo」というネーミングはかなり好きです（笑）。

そしてブログサービス別順位です。ココログと TypePad の集計に誤りがありましたので修正しました（Typead 3サイトをココログとして+3カウント）。

「はてなダイアリー」も老舗という強みか、他を引き離しています。こちらも初耳のブログサービスがいくつかありました。

下は集計元データの、昨日の「ランキング Top 300」で（サイトへのリンクは張っていません）、右側に使用ブログを載せています。300 サイト掲載されていないのはよく分かりませんが、そういうページです。元ページタイトルと異なる点は予めご了承ください。

ページにクレジットが表示されていないものは meta 要素（generator）までチェックしましたが、それで不明なものは除外させて頂いてます。
使用ブログや計算誤り等ありましたらご指摘ください。

ということで、このランキングでは Movable Type がしばらく優位なのでしょうか。1年くらい経ったらまた計測してみたいと思います。

このサイトもとりあえず3年続いたので、続かなくなる前に（笑）ブログを続けるためのノウハウを書いてみることにしました。3年の経験にもとづいているので、まあまあの信憑性かもしれません。

ブログを始めた時は「楽しい」という気持ちが強いので「続かない」というケースは少ないと思いますが、書き始めてしばらく経ち、続けることへの意欲がなくなりかけてきた頃に思い起こしてもらえると有難いです。

続けるための観点は人によって違うと思います。ここでは経験上「こうしておけば続けやすい」というものをまとめてみました。「3つのポイント」というタイトルは、たまたま思いついたのが3つだった、というだけです。思いついたらまたエントリーします。

またアクセスを増やす方法については言及していませんので、「アクセスが増えないので続かない」という対処について触れてません。アクセスについては別の機会にエントリーします。

１．続けることに対する目標を作る

「ブログをX日続ける」という目標を作りましょう。

「続ける」ということは日々の積み重ねの結果ですので「目標にするのはちょっと…」と思われるかもしれませんが、「日々積み重ねる」ということは継続するという行為のミクロな視点である訳なので、個人的には違和感ありません。

それはさておき、目標はいきなり「3年」とか、そんな大きな目標は立てる必要はありません。例えば「1週間」という目標を立てます。そうすることで、直近のスケジュールをどうすれば良いかという、具体的な行動が起こせるきっかけになります。

私の場合、まず日曜の夜に5日?1週間分のおぼろげなエントリー予定を立てるようにしています。とりあえず週末はダジャレの日が1回あるので（笑）、それを除いた残りの日のエントリーのスケジュールを考えます。これまでの下書きの公開や、頂いたご質問の情報展開、新ネタ等。
アクセスは週明けが多いので、読んで欲しい記事はできるだけ月・火に出すようにしています。

そして週の間にまた別のネタが見つかるかもしれません。それは緊急性の高い情報であれば優先して投稿し、スケジュールから外れたエントリー予定だった分は次週回しにします。最近はこういうサイクルでやりくりしています。

話を戻して、「10年続ける」といった壮大な目標でも構わないのですが、大きい目標に対しては必ず「小さい目標」も同時にたてて、それを繰り返すようにしましょう。あるマラソン選手（誰か失念）も「42.195km走る切るために『次の電柱まで』を繰り返して走っている」と言ってました。
小さいことの積み重ねが大きな結果に結びつきます。

それから、目標を達成する直前に次の目標を立てることも大事です。例えば「3年続けました！」という達成感で満足してしまうと、そこで立ち止まってしまう可能性があります。
目標達成目前のところで次の目標を決めておけば、達成感を味わいながら、同時に次の目標に向かって心の準備も整っているという訳です。

２．ネタはできるだけ溜めておく

私の場合、2年経った頃、「今日は何を書こう？」という、いわゆるネタ切れの状態がよくおきました。前の日のエントリーに注力し過ぎて、次の日に時間的余裕がない場合がそうです。

そういう訳で3年目から、とにかく思いついたネタは極力メモすることにしました。例えばカスタマイズ記事であれば、グダグダなタグまたはソースコードでもとりあえず本文に貼り付けておき、未公開状態のエントリーとして保存しておきます。
ダジャレも同じで、どんなくだらないものでも忘れないうちに書き留めておきます。

そうこうするうちに、ピンキリの内容ながらかなりの量の未公開エントリーが溜まりまして、ネタ切れで悩むというストレスからはほぼ解放されました。

また予めエントリーを書く時間がとれないことが分かっている時は、公開できる状態までエントリーをまとめて書き溜めておき、指定日投稿をしています。最大で5日分書いたこともあります。
飲み会等で、その日の晩はパソコンに向かう状態ではない、という時も事前にエントリーを書くようにしています。

タイムリー性が問われる記事についてはこのテクニックを適用できませんが、例えば日常の出来事などは、その日に起こったことをまとめて投稿せず、小出しにする手もあります。また投稿日をずらせば、後から投稿する分については推敲することが可能です。

今更ですが今年の3月頃、風邪をひいて39度の高熱で寝込んでいたことがありました。その時は事前の準備をしていなかったため、その時だけはさすがに参りました（それでもエントリーしましたが）。「備えあれば憂いなし」です。

３．マイナス要因はうまく対処する

楽しく続けているブログも、コメントやソーシャルブックマークに誹謗・中傷が起きると、正直凹みます。あるエントリーに対して100件がプラス評価でも、1件のマイナス評価で全てを覆しかねません。それが原因でエントリーする意欲がなくなってしまうのが一番良くないことです。
ちなみに、「アドバイス」的な内容はマイナス評価とは別物なので、その点は誤解なきようお願い致します。

対処法は、エントリーの内容にもよるので一意の解ではありませんが、仮にマイナスな評価が多数ではなく一部であれば、その評価に対して過敏に反応しない、あるいは大人の対応をすること。逆に多数の場合は記事の内容が誤っている可能性があるので、冷静に受け止め、相当の対応をすることが最善策と思います。

いずれにしても、そのことによるストレスはブログ上ではなく、リアルの世界でお酒でも飲んで発散しましょう。

またこういう時も、投稿するだけの状態になっているエントリーが用意されていれば「今日は書く気分にならない」という精神状態でも、表向きにブログは粛々と続けることができます。

「トラックバック」とは Web サイト間のピアツーピア通信/通知のためのフレームワークです。

• 技術仕様書「TrackBack Technical Specification（日本語訳）」

もう少し分かりやすく説明すると、

リンク元サイトに「このような記事からリンクを張った」という情報を通知する仕組み

です（これも分かりにくいですが）。
ちなみに「トラックバック Ping」とは「トラックバック Ping URL に対する HTTP POST リクエスト」です。

それはともかく、ブログを始めた時に最初に戸惑うのがこの「トラックバック」で、実際にトラックバック機能を利用して一番不思議に思われる事象が、

「エラーになったのに相手のブログにちゃんと送信されている」

ことではないでしょうか。

その結果、誤解してトラックバックを重複送信したり、Movable Type では送信失敗したトラックバックURLを再送信用に保存するため、それに気づかず記事を再保存すると、誤って送信するといったケースが絶えません。*1

このエントリーでは、そのようなケースを引き起こす原因を理解できるよう、トラックバックの動作について図解します。

１．トラックバック処理（正常）

ブログAからブログBにトラックバックを送信すると、ブログBはトラックバック受信処理を開始します。送信したブログAはタイマを起動して、ブログBからの完了通知を待ちます。
ブログBが受信処理を終えるとブログAに完了通知を送信します。ブログAがタイマ起動中に完了通知を受信するとタイマを解除し、ブログAは「トラックバックを正常に送信した」と判断します。

２．トラックバック処理（異常）

ブログAからブログBにトラックバックを送信して、何らかの原因でブログBにトラックバックが到達しなかった場合、ブログAが起動したタイマがタイムアウトし、その契機にブログAは「トラックバックを正常に送信できなかった」と判断します。このケースではブログBは何も受信していません。

３．トラックバック処理（準正常１）

このケースは、ブログAからブログBにトラックバックを送信して、１と同様にブログBでトラックバック受信処理を開始、完了通知を送信したにもかかわらず。何らかの原因でブログAに完了通知が到達しなかった場合です。
ブログAが起動したタイマがタイムアウトし、その契機にブログAは「トラックバックを正常に送信できなかった」と判断します。ただしこのケースでは、ブログAには「エラー」と見えるにも関わらずブログBはトラックバックを正常に受信しています。

４．トラックバック処理（準正常２）

３のケースとほぼ同じですが、ブログBの処理が遅延してブログAのタイムアウトにひっかかってしまう場合です。「エラーになったのに相手のブログに送信されている」というのは、このケースが一番多いのではないでしょうか。

その他、トラックバック先のファイルが見つからない、ブログBで受信してエラーレスポンスを返却した等のケースが考えられます。

なお説明では便宜上、「正常・異常・準正常」と分けていますが、個人的な解釈に基づいています。

*1：ただし自ブログで「トラックバック成功」と認識させるには、重複送信する手しかありません（ブログによって動作は異なるかもしれません）

まず、現在のブログ運営状況は下記の通りです。

• エントリー：1584（約1エントリー/日）
• コメント：10451
• トラックバック：3761
• アクセス数：約8700PV/日・約26万PV/月（Google Analytics による直近1ヶ月分）

そして3周年記念ということで、2周年記念の時よりさらにみかけなくなった「TB（トラックバック）企画」を行いたいと思います。
「TB企画」とは、TB企画者が出したお題でエントリーを書き、それをTB企画者の元エントリーへトラックバックするというもので、私がブログを始めた2004年にはあちこちでTB企画をやってました。

昨年、一昨年のTB企画の模様は下記の通りです。TB企画をご存じない方の参考にどうぞ。

• ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー（結果）
• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ（結果）

今回のお題は

あなたのサイトのお勧めサービス・ツール

にしてみました。

ここ最近、Web2.0 の潮流にのって様々なサービスやツールが登場しています。私はブログにどっぷり浸かっている割には新しいサービスに乗り遅れている方だと感じてますが、それはともかく、あなた自身が気に入って利用している、あるいは新しく使い始めたサービスやツールをひとつかふたつ（いくつでもいいです）取り上げ、気に入っている点や役に立った点、あるいは思い出等をご自身のサイトで紹介し、このエントリーにトラックバックしてください。

「サービスやツールが何か分からない」という方のために説明しておきますと、「サービス」は「ネットのあちら側」で用意されたもの、「ツール」は「ネットのこちら側（PCやレンタルサーバにインストール）」で利用するものを想定しています。「新しいサービス」と書きましたが、レガシーなものでも自分で作ったものでも、なんでも構いません。

なお頂いたトラックバックの記事については、2週間後位を目処にブログのキャプチャ画像と共にエントリーにて紹介させて頂く予定です（トラックバックがあればですが）。多少、皆様のサイトのアクセス増加に貢献できると思います。

ちなみに、私のお勧めサービスは「feedpath Rabbit」と「FeedBurner」です。「feedpath Rabbit」はネット上での購読スタイルを大きく変えてくれたと同時に、リニューアルによる一括表示機能がなくなった時、このサービスがいかに便利であったかを思い知らされました。
またブログから1つのフィードを生成するだけで複数のRSSフォーマットに対応してくれて、さらにあれこれと分析してくれる「FeedBurner」は、サイト運営に欠かせないサービスのひとつになっています。

という訳で、2年目を超えた辺りから「いつまでこのペースでカスタマイズ記事を投稿できるのだろう？」という日が続いてますが、過ぎてみると早いものでなんとか4年目に突入することができました。
とはいえ、開設当初のエントリーと最近のエントリーを比較するとどう考えても破綻しそうなペースです。カスタマイズネタが尽きた時は日常ネタに逃げると思いますが、よろしくお付き合いください。

テクノラティの自サイトのリンク状況を眺めていると、サイドバーに「リンクカウントグラフ」なるものが表示されているのに気がつきました（下）。

ということで、当サイトでも表示してみることにしました。サイドバーに一度貼り付けたのですがスタイルの調整が間に合わなかったので、とりあえずここに表示しておきます。上のスクリーンショットと違いが分からないので30日表示にしています。

このグラフについて調べてみると、テクノラティジャパンサイトリニューアルでお知らせがあり、4月20日頃に追加された機能のようです。

グラフはサイトに表示させることができるようですので、本エントリーで設置方法を紹介します。

１．大きなグラフを表示する

Technorati でサイト検索した結果画面の左側にグラフが表示されます。グラフは画像リンクになってますので、クリックすると設定画面に遷移します。ここで設定画面（下）が表示されますので、計測期間を「7日/30日/90日/180日」のいずれかから選択し、「グラフ作成」をクリックして、下に表示されたコードをブログで表示させたい位置に貼り付けます。

２．小さなグラフを表示する

上の大きいグラフはさすがにブログ上で表示スペースがありません。で、元々の検索結果画面に表示されているものと同じグラフは出せないだろうかとソースを調べたところ、表示できました。公式な設定方法ではないので予め謝っておきます。ごめんなさい。

下記のコードを貼り付ければ小さいグラフを表示できます。

<a href="http://charts.technorati.jp/chart/[表示サイトのドメイン]?chartdays=30&amp;language=ja&amp;authority=n"><img alt="Technorati リンクカウントグラフ" src="http://charts.technorati.jp/chartimg?q=[表示サイトのドメイン]&amp;width=180&amp;height=160&amp;days=180&amp;type=url" width="180" height="150" /></a>

赤色の[表示サイトのドメイン]は適宜変更してください。設定例として、当サイトであれば「www.koikikukan.com」となります。また赤色の 180 は計測期間ですので、「7日/30日/90日/180日」に対応した数字を設定すれば表示が切り替わります。
画像リンクの青枠を消去する等のスタイルは各自調整してください。

このコードをブログに貼り付けると、冒頭に表示したグラフが Technorati のクレジット付きで表示されます。

このエントリーは、先日の「300万アクセス特別企画」で見事 2999999 をゲットされた方のサイト紹介です。
111万1111 アクセス以降、キリ番ゲットのご連絡がしばらく途絶えていたので、私自身、番号が揃ったカウンタを久しぶりに拝見させて頂きました。

サイト名は Scuderia Ogapietti。運営者は Ogapie さんです。サイトは Movable Type により構築されており、シンプルで精悍なデザインが印象的です。

コンテンツは Ogapie さん所有のミニカーコレクションがメインとなっており、各ページは Lightbox Plus による写真集になっています。リアルの世界でディスプレイできないものをネットで鑑賞できるようにされたらしく、ミニカーマニア垂涎のサイトではないでしょうか。

画像は、アルファ・ロメオ／デ・トマソ／フィアット／フェラーリ／ポルシェ／マセラティ／ランボルギーニ等、往年の名車が勢ぞろい。私も車は好きなので楽しく拝見させて頂きました。
その他、クルマ趣味に関わる話題等も掲載されています。

運営者ご本人は「Alfa Romeo 156 Twin Spark」からお分かりの通り、アルファロメオ（156ツインスパーク）を所有されており、故障も少なく快適なカーライフを送られています。私自身も一応外車に乗っているので、「故障が少ない」ということは羨ましい限りです。

ちなみにマフラーはかなり渋いエキゾーストノートのものに交換されているようで、

夜中に帰ってきた時は、自宅の約30メートル手前でエンジンを切り、車から降りて押して帰る

らしいです。

さて、お気づきになった方も少なくないと思われますが、このサイト、ページ表示が非常に快適です。ご本人に伺ったところ、「手書きの HTML は一切なく、サイト全体に使用しているページ分割は自作の CGI で実現しています」とのことです（以前、別サイトでこの CGI も配布されていたようです）。

さらに、各ページの更新も全て自作（あるいは既存）のプラグインや、それらの組み合わせで実現されており、Movable Type の拡張性を感じさせるサイトといえるでしょう。

昨年ダメ元でエントリーしていた「Movable Type コンテスト 2006」で "準優秀賞" に選ばれました。
思いがけなく素晴らしい賞を頂くことができ、大変光栄です。

• 個人サイト 準優秀賞 No.434 「小粋空間」

Movable Type でブログを始め、Movable Type を中心としたテンプレートの配布、そしてカスタマイズ記事を書き続け、あっという間の3年近くでした。
Movable Type でブログを始めたこと、そして私のサイトを訪れて下さった多くの方からのご質問やご指導・ご支援のおかげでここまで継続でき、また今回の受賞に至ることができたと、心より感謝しております。

これからも皆様のお役に立てるエントリーを提供すると同時に、一ブロガーとして精進したいと思います。
最後に、本コンテストを開催くださった関係者の皆様に御礼申し上げます。
今回は本当にありがとうございました。 （以上、「コンテスト喜びの声」より）

という訳で、昨日行われた授賞式（場所：青山TEPIA）にも参加してきました。

審査概要

授賞式前半に Six Apart 代表取締役の関信浩氏の特別講演がありました。その話の中で

「全470サイトから1次審査で50サイトまで絞り込み、そこから各賞を選考しました」

とのこと。また

「グランプリ・準グランプリ・優秀賞・準優秀賞は審査員の総意で選ばれたサイト」

ということで、大変栄誉ある賞を頂けたと喜びをかみしめておりました。これだけ多くのサイトの中から選んでくださったことを感謝しています。

ハプニング

授賞式は10時開始だったのですが、実は会場への到着が少し遅れてしまい、その結果授賞式で当サイトの名前が呼ばれないというハプニングが発生し、呼んでもらうために会場後方でスタッフの方を探しに一人ドタバタしてました。参加する旨はメールで事前連絡済でしたが、おそらく会場入場時に出席確認があったのでしょうね（私が着いた時には何もなかった）。
私のサイトが一番最後に呼ばれたのはそういう事情があったためです。

「Movable Type」は何と読む？

進行の方が終始「モバブルタイプ」と言われてましたが、正式には「ムーバブルタイプ」です。

• Six Apart よくある質問：Movable Typeは何と発音するのでしょうか？

関係者の方々は気になっているだろうなと思ったら、やっぱり気にされていたようです。

• Six Apart 広報ブログ：MTコンテスト2007授賞式

これからは和名も時々併記した方がいいかもしれないと思いました。

他の受賞サイト

当サイトのテンプレートを利用くださっているサイトや、記事を参考にされているサイトも入賞されているようで、大変嬉しい限りです。

• Memories of HARADA Family：MovabletTypeコンテスト入賞！
• 全国高校サッカーNavi 管理人ブログ：『Movable Type コンテスト 2006』アスキービジネス賞受賞しました！

各賞の詳細につきましては下記を参照ください。

• 2006-結果発表

おわりに

ということで、これからも引き続き「小粋空間」をどうぞよろしくお願い致します。

これまでに使ってみた、Movable Type / Serene Bach / WordPress の比較を行ってみました。評価項目は色々あると思いますがかなり主観的です。その分評価自体に主観的な要素はできるだけ含まないようにしています。
ここでは 3 種類しか取り上げていませんが、どれを利用すれば良いか悩んでいる方の参考になれば幸いです。

Movable Type 以外のツールは実際に運用していないため、実験サイトやウェブの情報をもとにしています。認識誤り等ありましたらご指摘ください。

*1：デフォルトプラグイン（StyleCatcher）利用。ただし CSS が入れ替えられない制限あり
*2：記事単位に制御可能
*3：プラグイン（MTPaginate）利用
*4：プラグイン利用（参考記事）
*5：テンプレートタグで「カテゴリーID順」「カテゴリー名順」選択可
*6：テンプレート作成要
*7：テンプレート単位に静的・動的の設定が可能
*8：トップページとRSSが静的生成。他、個別記事・月別アーカイブは選択で静的生成可。カスタマイズで全ページ動的生成も可。
*9：プラグインで可能？（http://bmky.net/product/script/petit.html）
*10：デフォルトは PHP 版。Perl 版プラグインもあり
*11：プラグイン（WP-Cache）利用
*12：重複書き込みされない
*13：月またはカテゴリー指定が可能
*14：デフォルトプラグイン（WordPress Database Backup）利用
*15：プラグイン（Role Manager）利用でさらに詳細設定可能
*16：1インストールで複数ブログ作成可（上限はライセンスに依存）。またプラグイン（Global Listings）利用でブログを跨った情報表示可。
*17：ブログ単位にインストールすれば同一サーバで利用可
*18：ブログ単位にインストールし、データベースの接頭辞を変更すれば同一サーバで利用可

以下、除外した評価項目について一言（主観です）。

「インストール」は、「簡単さ」という観点では Serene Bach が1番（DB の設定が不要であるため）。2番目は感覚的に WordPress ですが、Movable Type はインストールウィザードを利用（「Movable Type インストール方法」参照）すれば、WordPress との差はそれほどないと思います。

「テンプレートタグ」は粒度、つまりどれだけきめ細かい情報をユーザが自由に設定できるか、という観点では、Movable Type が 1 番で、Serene Bach と WordPress は粒度が似ています。
Movable Type はタグ（変数タグ）と情報が 1:1 でマッピングされているので、設定が面倒な分、フォーマットの自由度は高いです。Serene Bach や WordPress は、タグと情報が 1:n でマッピングされている場合があります。例えばリスト類はひとつ（あるいは少ない）タグで表示することが可能な反面、フォーマットに制限があります。
したがって「設定の簡単さ」という観点では順位は入れ替わります。

「パフォーマンス」は記事数やテンプレートに含まれる情報量、またサーバのパフォーマンスやページビュー等に依存します。
記事数が 1000 を超え、そこそこのアクセスがあれば、どのツールもプログラム起動が伴う処理においては、サーバに相応の負荷がかかります（「エラーが出る」という意味ではありません）。静的生成をすれば再構築処理に負荷がかかりますし、動的生成ではページビューで負荷がかかります。それぞれのツール（サーバ環境含む）の最適化を行ってもエラーが解消しない場合、最終的にはパフォーマンスの高いサーバ、あるいはプランを選択せざるを得ない、というのが現在の個人的な見解です。
ちなみに、よく話題にあがる Movable Type の再構築エラー（500 エラー）は当サイトでは今のところ発生しておりません（さくらのレンタルサーバ+スタンダードプラン）。

ただし、全く同じ条件で同じ情報量を流し込んだ場合、エラーが発生する臨界点はツールによって異なると思います。

今回は色々な側面から、このブログで起きた1年を振り返ってみたいと思います。

毎日エントリー

ブログを始めて2年半余りになりますが、ついに昨年はネタが直前まで浮かばないという状態が何回が発生し、非常に焦った思いをしました。そういう苦い経験から今年は「とにかく思いついたことを未公開エントリーとして書き溜める」という自己目標をたて、ネタがなくなると書き溜めたものから使えそうなものを掘り起こすという作業を繰り返してきました。
このお陰で、今年はなんとか1エントリー/日を達成できました。ちなみに、未公開エントリーは使えるものから公開できない位寒いダジャレも含めて、まだ140ほど残ってます。

また今年は、頂いたコメントの質問・要望に対し、エントリー上で回答・公開したものがかなり多く、これには非常に助けられました。まさに「もちつもたれつ」というところでしょうか。まだ回答できていないものもあり、これらは年を越してしまうことになりますが、継続して回答したいと思います。
テンプレート・カスタマイズに対するご質問やエントリーにないご要望等は、実現の可否にかかわらず受け付けております。

はてなブックマーク

巷で流行っている「はてなブックマーク」、その「最近の人気エントリー」にいくつかエントリーされましたので、気がついたものを以下に挙げておきます。

• CSS JavaScript によるカラムレイアウト切り替え
• Amazon アソシエイト作成支援ツール一覧
• CSSで画像に影をつける（ドロップシャドウ）
• Movable Type プラグイン一覧
• Firefox 1.5 と Firefox 2.0 を共存させる
• Internet Explorer 6 と Internet Explorer 7 を共存させる
• Movable Type の再構築を不要にする「ダイナミック・パブリッシング」（その1：概要）
• CSSでブログに影をつける（ドロップシャドウ）
• JavaScript で文字をトリミングする
• RSS Feed（フィード）を表示する

その他、はてなブックマークから被ブックマークされているすべてのエントリーは「www.koikikukan.com の注目エントリー」をご覧ください。

このような瞬間風速的なアクセスは非常に嬉しく、ワクワクするのも事実ですが、長いスパンで有効な内容のエントリーについては、そのまま埋もれてしまわないよう、訪問者の方の目に触れられるような仕組みがないかと思案中です。例えばタグ等でそういう記事をうまく抜き出す仕組みができれば、数ヶ月周期で RSS で配信するという手もあるかと。

BlogPeople1200リンク

11月2日に BlogPeople の被リンク数が 1200 になりました（関連記事）。現在 1250 で、来年には是非 1400 を超えたいと思います。
まだ当サイトへリンクしていない方はどしどしリンクしてやってください（関連記事）。

紹介いただいた書籍

今年は下記の書籍で当サイト、あるいは当サイトのカスタマイズを紹介いただきました。ありがとうございました。

• 月刊 ASCII (アスキー) 04月号 [雑誌]
• Movable Typeでつくる!最強のブログサイト
• Movable Type 3.3でつくる!最強のブログサイト
• Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編
• MOVABLETYPE PLUGINS DIRECTORY

テンプレート

今年は、FC2 ブログ・Seesaa ブログ・livedoor ブログの3つのブログサービスに対応したテンプレートを公開しました。ひとつのサイトで、各ブログツール・ブログサービスに対応したテンプレート配布というのは他ではあまりみかけないので、今後もこのサイトの売りのひとつにしたいと思っています（どこまでメンテナンスできるか分かりませんが…）。
とりあえず来年は WordPress 対応のテンプレートを公開したいと思っています。

YST 絶不調

今年のいつ頃からか忘れましたが、YST からのアクセスが激減し、SEO 対策をそこそこやったつもりですが、さらにアクセスが減ってしまい、現在 3% をきっている状態です。逆に Google 検索は好調です。

• YST（Yahoo! Search Technology）との戦い
• YST（Yahoo! Search Technology）との戦い：その2
• YST（Yahoo! Search Technology）との戦い：その3 ＆ Google 関連検索

Amazon の売れ筋商品

アフィリエイトでは、Amazon を利用して紹介した下記の商品が結構売れました。

• キューステア
• ジロンカ スメルキラー
• ホルスト:惑星(冥王星付き)
• エアーパットプロ+新エアーパットソール

こういうお小遣いは小額ながら、正直モチベーションを上げてくれます。

まとめ

とにかく無事に1年を終えることができたことが何よりの喜びです。皆様には大変お世話になりました。来年もテンプレート・カスタマイズ記事とダジャレを中心に書き続ける所存ですので、ご指導・ご鞭撻の程、どうぞよろしくお願い致します。
それでは2007年もどうぞよろしくお願い致します。そして良いお年をお迎えください。

最近、Yahoo 検索で当サイトに訪れる方がさらに減りました。
下は Google Analytics による当サイトの昨日（12/21）の「ソース別の訪問数」です。

• 64.95%：google
• 8.05%：(direct)
• 2.87%：msn
• 2.51%：yahoo
• 1.09%： yujiro.dyndns.org
• 20.52%：(other)

Yahoo はこれまで第3位（4～5%）でしたが、ついに msn に抜かれて 4位になりました。トップは変わらず Google で、相対的に比率が上がって 64.95% です。

気になるのは、旧サイトのドメインを検索結果から除外するために、旧ドメインのウェブサーバのトップディレクトリに robots.txt を置いているのですが、相変わらず検索結果に反映されてしますようです。

下記の説明を読むと、ドメイン変更前にテンプレートをご利用になっているサイトのバナーやパーマリンクに残っているのが原因に思われます。

Yahoo!検索：特定のページ、キャッシュを検索結果から削除したい

設定を行うと、ページ内のテキストの内容はデータベースに登録されませんが、ページのURLがほかの公開されているウェブページからの参照リンクとして、データベースに残る可能性はあります。

説明では検索結果に表示されることは名言されていませんが、上記の検索結果より、「データベースに残る=検索結果に反映される」という風に解釈しています。
ディレクトリ自体を削除するという手もありますが、もう少し様子を見てみたいと思います。

これまでの経緯は下記のページをどうぞ。

• YST（Yahoo! Search Technology）との戦い
• YST（Yahoo! Search Technology）との戦い：その2

上記とは別に Google では「関連検索」なるものが表示されるようになりました。当サイト名で検索すると、ページ下に下記のような検索結果が表示されます。

ブログツール「NHK時計」

昭和43年ごろから平成3年ごろまで使われており、午前7時、正午、午後7時などの正時少し前に、テレビ画面に登場していました。

現在も博物館に展示されているそうで、名称は「テレビ画面時計」。上記サイトから申し込むことで表示するためのスクリプトをゲットできますので、サイトのお好きな位置に貼り付けるだけです。
サイズは横幅 150px または 210px の2種類が用意されています。210px の方が鮮明です。

時報が鳴るとさらにいいかも。

服部祐民子 - Wikipedia

岩手県盛岡市出身。?略? 1993年、SME主催のオーディション「BREATH」でSD奨励賞を受賞。同オーディション出身者に平井堅、Puffyの大貫亜美などがいる。1994年、ソニーレコードより、シングル「愛してくれなかった人達へ」でデビュー。日常を描いた歌詞に定評がある。webデザイナー・クリエイターとしても活躍している。アーティストの友人に相沢友子、加藤いづみ、相馬裕子、甲斐名都等がいる。

ミュージシャンとWebクリエーター、どちらも職業とされているところがすごいなぁ、と。今年の9月でデビュー12年目ということで、ますますのご活躍を期待しています。

ブログの方は Movable Type で構築されており、2.661 からのご利用者。最近一気に 3.3 にアップグレードされて、今回、The blog of H.Fujimoto さんの Perl版ダイナミックパブリッシングプラグイン、Ogawa::memoranda さんのデータベース移行プラグイン（mt-db-convert.cgi）、そして当サイトで紹介している月送りカレンダーを導入くださいました。ありがとうございます。

余談ですが、ブログのカレンダーは一時期廃れそうになった時期があり、意に介さず関連記事をエントリーし続けました。本日枠表示や休日表示等は他のブログツールやブログサービスに展開しやすいということもあいまって、現在、当サイトのカスタマイズ記事数トップのカテゴリーになっています。

近いうちにサイトのデザイン（というよりレイアウト）を少しだけ変更しようと思っています。サイト開設からこれまで一貫してリキッドレイアウトで運用してきたのですが、

「固定カラムにする場合、横幅を何ピクセルにすれば良いのだろう？」

と思い、ちょっと調べてみました。
サイトデザイン（幅）で悩んでいる方には役に立つかもしれない内容です。

私が普段使っているディスプレイの解像度は SXGA（1280×1024）といわれるものです。横幅が 1280px に近いサイトはほとんど存在しないため、サイトの横幅というものをあまり気にしたことはなかったのですが、試しに画面のプロパティで解像度を、

• SVGA（800×600）
• XGA（1024×768）

にそれぞれ変更してみたところ、（当たり前かもしれませんが）この2つの解像度を考慮した横幅になっているサイト（サービス・ツール）があることに気がつきました。

個人的によく利用するサービス・ツールを上記2つの種類に分類した結果が下記の通りです。

SVGA

Blogger

BlogPeople

FeedBurner

mixi（メイン画面）

Movable Type 管理画面

Serene Bach 管理画面

Research Artisan(メイン画面)

Yahoo!（メイン画面）

XGA

Google Analytics

mixi（ログイン後）

Research Artisan(ログイン後)

YouTube

Vox

Web Artisan Search

ここに含まれていないサービスは、

• リキッドレイアウト
• どちらにも属さない（解像度に合わせていない固定幅）

のいずれか（または私が利用していない）で、「リキッドレイアウト」派が意外に多かったことに気がつきました。「どちらにも属さない」サービスは少数派です。

参考までに、ディスプレイの解像度には以下のような種類があります。

また、当サイトの閲覧者が利用しているディスプレイの解像度ベスト30です。データは Google Analytics の直近1週間の値にもとづいています。

XGA・SXGA で 73% を占めており、3位以降も横幅が広い解像度が続き、10位までで 96% 近くの方が XGA 以上（うち横幅が SXGA 以上が 57%）のディスプレイを利用されています。

また、SVGA が 12位、割合も 0.51% と、かなり利用者が減少していることがお分かりになると思います。だからといって「無視していい」ということにはならないのですが、興味深いデータと言えるでしょう。

本題と関係ありませんが、このエントリーで用いているテーブルは下記の記事を参考にさせて頂きました。ありがとうございました。

Lucky bag::blog：tableの見栄えをCSSで整える

フォントサイズ切り替えツールの紹介です。

50ism.com：ブログ文字拡大ツールα版

これは提供されているスクリプトをサイトに貼り付けるだけで、フォントサイズ切り替え用のアイコン（左）が表示されるというもので、フォントサイズを大・中・小の三段階に切り替えらることができます。 このサービスでは2種類のスクリプトが用意されていますが、片方のスクリプト（ページ上）はフレーム表示に切り替わるため、個人的にはもう一方（ページ下）の

<script language="javascript" src="http://www.50ism.com/blogsize/js/normal.js"></script>

がお勧めです。

ただしスタイルが予め設定されているため、若干手を加え、公開テンプレートのサイドバーにぴったり収めるためのカスタマイズを紹介します。

注：公開テンプレートに設置したところ、中央カラム本文のみがフォントサイズ切り替え対象となるようです（全体のフォントサイズを切り替えられるようにするにはCSSの修正が必要と思われますが、そこまで手が回っていません）。

１．スクリプトの設定

提供されているスクリプトを表示したい部分に貼り付けると同時に、青色のタグを追加します。

<div id="blogsize">
<script language="javascript" src="http://www.50ism.com/blogsize/js/normal.js"></script>
</div>
<script type="text/javascript">
div = document.getElementById('blogsize').getElementsByTagName('div')[0];
div.style.margin = '0';
</script>

追加したタグとスクリプトは予め設定されているマージンをクリアするためのものです。

２．CSS 修正

フォントサイズ切り替え用のアイコンは幅 170px なので、公開テンプレートのサイドバー（幅 155px）に設定するとレイアウトが崩れます。
ということで、スタイルシートのサイドバー幅を修正します。

ここでは3カラム固定レイアウトの場合を例に示します。赤色を削除して青色を追加してください。

変更前

.layout-three-column #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
　　　　　：
　　　　（略）
　　　　　：
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
}

変更後

.layout-three-column #box {
    width: 867px;
    _width: 865px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
　　　　　：
　　　　（略）
　　　　　：
.layout-three-column #links-left-box {
    float: left;
    width: 185px;
}
.layout-three-column #links-right-box {
    float: left;
    width: 202px;
    _width: 200px;
}

ここでは右サイドバーに設置することを想定して、#links-right-box の幅を 202px（または200px）にしていますが、左サイドバーに設置する場合は #links-left-box の設定と #links-right-box の設定を入れ替えてください。

「YST（Yahoo! Search Technology）との戦い」の続きで、旧ドメインを検索から削除する設定が有効になったようで、2?3日前から旧ドメインがインデックス対象外になりました。

それを示すのが下のスクリーンショットで、Yahoo! 検索で「小粋空間」を入力した検索結果です。これまでトップに表示されていた旧ドメインの「Not Found」というタイトルのページはありません。

他の検索フレーズでも当サイトのページがヒットするようになってきましたが、上位に表示される確率は相変わらず Google が優勢です。

以下は昨日の Google Analytics データです。

前回とそれほど変化はありませんが、 Yahoo からの訪問数が着実に1%ほど上がっています。

• 54.91%：google
• 9.57%：(direct)
• 4.17%：yahoo
• 2.62%：yujiro.dyndns.org
• 2.06%：msn
• 26.67%：(other)

いつ頃か失念しましたが、ある日を境に Yahoo 検索からのアクセス数が激減しました。
下は Google Analytics による当サイトの昨日（8/18）の「ソース別の訪問数」です。

トップは Google の 53.61% で一人勝ちです。その次の 9.17% が Yahoo と思われるでしょうが、内訳は次の通りです。

• 53.61%：google
• 9.17%：(direct)
• 3.21%：yahoo
• 3.16%：yujiro.dyndns.org
• 2.15%：msn
• 28.69%：(other)

ということで Yahoo からのアクセスが異常に少ないことがお分かりになると思います。
Google で当サイトが上位にランキングされるキーワードをいくつか Yahoo で入力してみましたが、確かに当サイトが上位に表示されることはありません。

考えられる要因のひとつとして、以前利用していた当サイトの旧ドメイン（4位の「yujiro.dyndns.org/blog/koikikukan」）に、同一内容のページが残っており、これによりペナルティを受けてしまったのではないかと推測しています。

現在のドメインは1年ほど前に取得したもので、本来であれば「yujiro.dyndns.org/blog/koikikukan」から「www.koikikukan.com」へのリダイレクトを設定すれば良いのですが、リダイレクトを設定した後、Google からペナルティを受けてしまったため（それが直接の原因であるかどうかは不明）、「旧URLからのリダイレクトを停止しました」で記している通り、リダイレクトの設定を解除しました。

解除後、旧ドメイン（自宅サーバ）のディレクトリを操作し、旧ドメインへのアクセスについてはデッドリンク（404）になるようにしていたため、アクセス可能な状態に戻し、さらに旧サイトのテンプレートを修正して新ドメインへの同一ページのリンクを表示するように変更しました。
が、一部オリジナルの記事がそのまま表示されていたようで、最近、Yahoo の検索結果を調べているうちにそのことに気がつきました。

ちなみに「小粋空間」で検索してトップに表示されている「Not Found」が旧ドメインのページです（下）。

とりあえず旧ドメインの全てのアーカイブページについて、新ドメインのリンクのみを記述したページに修正しました。

また、Yahoo! 検索のヘルプに記述されている「特定のページ、キャッシュを検索結果から削除したい」も行っていなかったため（バカ）、設定しました。

具体的には下記のいずれかを設定して、サイトをクロールしない、あるいはページをインデクシングしないようにします。

サイトのトップレベルに robots.txt を配置し、ファイルの中身に下記を記述

User-agent: * 
Disallow: /

各ページに下記の meta 要素を設定

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

上記は他の検索エンジンでも有効です。

これでしばらく様子をみてアクセスの変動を追跡したいと思います。ただし、YST の SEO を行っている訳ではないので、上記が検索でヒットしない主要因であるかどうかは定かではありません。

一応その手の本も読み漁って、例えば「キーワード出現率4%前後」とか「title 要素の先頭に重要なキーワードを配置」とか「body 要素の直下に重要なキーワードを配置」とかあるようですが、今のところ全く行っていません。
本対策で効果がなければこれらの対策を行うかもしれません。

なお、yujiro.dyndns.org のアクセスが多いのは、前述の通り、Yahoo の検索結果に旧ドメインのページがヒットしており、そこから訪問される方がいらっしゃるのではないかと推測します。またドメイン移行前にテンプレートユーザになられたサイトのクレジットバナーに旧ドメインが設定されている可能性があり、それも僅かに含まれているかもしれません。

余談ですが、先日リンクした、「Web Artisan Search」で検索すると、Google・Yahoo の違いがはっきり出ます。Google 検索結果の方がはてなブックマークにひっかかっている率が高いのが興味深いです。

普段のアクセス解析は Google Analytics を利用していますが、もうひとつ「Research Artisan（リサーチ・アルチザン）」という無料解析ツールに登録してみました。

このツールは、Web開発・インターネットサービスのリスタートシステム社が提供しているもので、2005年10月からβ版がリリースされています。「Artisan」とは「職人」を意味します。

「Research Artisan」で気に入ったのは主に下記の通りです。

バナー広告表示不要

無料アクセス解析ツールではバナー広告の表示を義務付けられているものが少なくありませんが、Google Analytics と同様、「Research Artisan」では表示不要です。個人的にはこれが一番ポイント高いです。

リアルタイム解析

アクセス解析情報をほぼリアルタイムに取得することができます。他の解析ツールでもリアルタイムなツールはあると思いますが、Google Analytics は解析結果取得までにかなりタイムラグがあるため、この点については「Research Artisan」にアドバンテージがあります。

リンククリック測定

外部サイトへのリンクは自動で測定されますが、サイト内の各リンクに対して特定の rel 属性を指定することで測定してくれます。ダウンロード数とかをカウントするのに便利そうです。

アクセスランキング表示

「ページ別」「検索フレーズ」「検索ワード」「リンク元」等のランキングを、ご自身のページに表示することができます。また表示用タグはCSSを利用できるマークアップになっているので、（多分）デザインをきめ細かく設定することができます。

その他、管理者のアクセスをカウントしない、メールで解析結果を送信など、機能は充実しています。

基本的な利用方法は、メンバー登録をして、ログイン後、左下にあるメニューから「管理画面」をクリック。ページ後方にある「解析用JavaScriptタグ」を解析したいページの </body> の前に貼り付ければOKです。

また、7月から同社で提供されている検索マッシュアップサイト「Web Artisan Search」もなかなか面白く、入力した検索キーワードに対し、「Yahoo（サイト、画像、動画）」・「Google（サイト）」・「Amazon（書籍）」・「YouTube（動画）」・「はてな（ブックマーク）」・「Flickr（画像）」等での検索結果を一度に表示してくれます。
Ajax 使いまくりで快適です。

当サイトのテンプレートご利用者の方より「ハングル文字が表示されません」というご質問を頂きましたので調査致しました。
以下、ブログ等のウェブサイトで多言語表示をする方法をご紹介致します。なお、確認環境は Windows2000/XP + IE6/Firefox1.5/Opera9 です。

１．多言語表示をする

１．１ 文字コードを UTF-8 にする

UTF-8 は多言語を扱うための Unicode の符号方式のひとつです。ブログの文字コードを UTF-8 で運用することで、多言語表示が可能になります。
入力方法については言及しません（任意）が、例えばオンラインでは下記のサイトがあります。

ユニコード文字一覧：Unicode（クリック入力）

その他、エキサイト翻訳も使えそうです。

１．２ 数値文字参照を使用する

数値文字参照とは、例えば「<」を「&60;」という特殊な数値および記号で表示することです。なお「<」を「&lt;」と表現するのは文字実体参照です。
ブログの文字コードを Shift_JIS 等で運用している場合、数値文字参照を利用することで多言語表示が可能になります。

他言語を数値文字参照に変換するには下記のサイトが便利です。

Javascriptで数値文字参照の値を求める方法

２．他言語を正しく表示するために

下記は「ブログでハングル語を表示します」という語句をエキサイト翻訳したハングル語を表示しています。Firefox/Opera では正常にハングル文字が表示されますが、IEでは「・・・・・」という風になってしまいます。

?? ???? ???? ?????.

これは１．１項または１．２項の方法で他言語を入力しても、表示するページの html 属性の lang 属性に "ja" が指定されている場合、IEで正しく表示されないためです。

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

下記のように lang 属性を削除することで表示されるようになります。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

なお、XHTML1.0 では lang 属性と xml:lang 属性に同じ値を指定することになっているため（後方互換性の考慮）、テンプレートには修正前の設定を行っています。XHTML1.1 では lang 属性自体が非許容になります。

３．Opera について

Opera では設定を変更しないと中国語（簡体字）が正常に表示されないようです。下記のページを参考にしてください。

UTF-8ページのフォント指定
UTF-8のベージで中国語のフォントが真当に表示されない

４．参考サイト

上記以外で参考にさせて頂いたサイトです。ありがとうございました。

日本語 Windows でハングルを使うには？
ブラウザ別・メールソフト別UTF-8対応状況
@IT：第11回 多言語対応の問題と解決を考える

ブロガーによる体験型クチコミプロモーションサービス「B-Promotion」に登録してみました。

B-Promotion はブロガーによる消費者のためのプロモーションサービスです。
具体的には、B-Promotion へ登録（無料）すると、新たにリリースされる商品やサービスの最新情報を B-Promotion から受け取ることができます。登録ブロガーはそれらのレビュー記事をブログで紹介します。そしてレビュー記事掲載費や紹介料として B-Promotion から数百円?数千円が支払われる、という仕組みになっています。

また、冒頭に配したエンブレムの星マークからお分かりの通り、B-Promotion には「メンバーランク」というものがあり、アクセス数、記事数、プロモーション参加回数等を審査基準として、随時ランクアップしていきます。今後は一定ランク以上のメンバーだけが参加できる、高額商品・限定サービスといったプロモーションも登場するようで、ランクを上げることでそれらに参加できる機会が拡大すると同時に、有益な情報を提供するブロガーとしてのアピールにも役立つかもしれません。

サービス自体はベータ版で、登録したメールアドレスに先程、（多分）最初のプロモーションが届きました。ネット上のクチコミを利用した新たな「広告モデル」と言えるでしょう。

それよりも、個人的には単にネタ切れ解消の一策として利用させて頂こうと思っているのですが（笑）、プロモーション自体も審査（抽選？）があるようで、まずはそこを通過するところからです。

先日の「ブログ開設2周年記念・【TB企画】あなたのサイトのお勧めエントリー」に多くのトラックバックをお送りくださり、ありがとうございました。合計14サイト様より頂きました。この場をお借りして改めてお礼申し上げます。
またお勧めエントリーの方も楽しく拝見させて頂きました。

ということで予告通り、本エントリーにてトラックバックをくださったサイト、そしてお勧めエントリーを、キャプチャ画像付きでトラックバック受信順に紹介させて頂きます。画像リンクは各サイトのトップページにジャンプします。気の利いたコメントが書ければいいのですが、ご勘弁ください。

.Fav(blog) ・コメントスパム対策(SCode版) ・コメントスパム対策(SCode版) アップデート

今日は いい日 ・ワンニャンコンビの2ショット3態

Atelier Shuhei Weblog ・＜鶯（bush warblers)来鳴きて・・＞

ネタを探して2万マイル！？ ・ページ分割してみました。(検索結果ページ) ・『Ｆｅａｒ ウルフ の 住処』の日記まとめ ・今日はただの火曜日です。 ・糞運営を抽出したり、電波検索を行う検索エンジンサイトを比較。 ・ハレ晴れユカイの振り付け解説を画像込みでやってみた。 ・え、マジ？　俺に訪れた横浜中華街デートの日！？

Document_Not_Bound... ・“京浜東北線・・・車内での恐怖。（ノンオカルト）”

ChieLog ・【TB企画】お気に入りエントリー

Fivestar ・#110 - ソバについて延々と

Music Addict ・第48回グラミー賞発表!!U2主要2部門を含む5冠！（2006.02.11）

PARADISE BLOG ・久し振りの更新です。

hakuro.info blog ・ノートPCに酒を飲ませてみる

チームニゴイでございます。 ・ブログ化のテストです(^O^)

caramel*vanilla ・WordPress vs Movable Type ・引用のHTMLの記述について考えてみた ・blogのユーザビリティについて考えてみた ・del.icio.us skin - No.1

路上の風景?landscapes on the road ・コメントするということ｜comment(1) ・絶滅の危機に瀕した伝統芸能｢お役所仕事｣

☆Starlit Sky☆ ・MTのキーワードタグでlilboxの検索をする方法

• エントリー：903（約1エントリー/日）
• コメント：6983
• トラックバック：2520
• アクセス数：約6500PV/日・約19万PV/月（Google Analytics）

2周年記念ということで、最近めっきりみかけなくなった「TB企画」を行いたいと思います。「TB企画」とは、あるお題でエントリーを書き、それをTB企画者のエントリーへトラックバックするというものです。昨年のTB企画の模様は下記の通りです。

• ブログ開設1周年記念・【TB企画】あなたのサイトのお気に入りカスタマイズ
• TB企画御礼

今回のお題は

あなたのサイトのお勧めエントリー

にしてみました。

ブログは記事を書きやすく、外部とのコミュニケーションをとりやすいのですが、時間の経過とともに過去の記事が目に触れる機会が少なくなるように思います。実際、新しい訪問者の方が過去の記事を全て閲覧するというのは現実的に考えにくいです。
ということで、ご自身のブログのエントリーで「もう一度読んで欲しい」という記事があれば、1つでも2つでも結構ですので、あなたのサイトでそのエントリーを紹介する記事を書き、このエントリーにトラックバックしてください。
このブログの記事ではなく、あなたのブログの記事を紹介してください。

頂いたトラックバックと自推記事については、2週間後位を目処に、ブログのキャプチャ画像と共にエントリーにて紹介させて頂く予定です（もしトラックバックがあれば）。多少はアクセス増加に貢献できると思います。

ちなみに私のサイトのお勧め記事は、

プルダウンメニューに表示されたアーカイブリンクの選択状態を保持する

です。
1年以上前に書いたエントリーで結構自信作だったのですが、コメント・トラックバックの反応が全くありません（笑）。ユーザビリティ向上のために、月別アーカイブやカテゴリーアーカイブの切り替えにプルダウンメニューを利用されている方は是非ご利用ください。

それでは今後も引き続きどうぞよろしくお願い致します。

クレジットバナー追加の流れで、ブログでよくみかけるボタン（バナー）・アイコンの関連サイトを紹介しておきます。
ここに掲載していないもので「もっと有名なサイトがあるよ」という場合、ご連絡頂ければ幸いです。

AntiPixel：Steal These Buttons

http://www.antipixel.com/blog/archives/2002/10/22/steal_these_buttons.html
80x15のボタンを（多分）最初に作成したサイト。

GTMCKNIGHT：Buttons

http://gtmcknight.com/buttons/
上記の記事をきっかけに始まった 80x15 ボタン収集サイト。Upload Form から作成したボタンを登録することができ、このページ左側の Menu をクリックすると膨大な数のボタンが表示されます。
SUICAのバナーもありました（リンク先は作成者のサイトです）。

Adam Kalsey：Button Maker

http://www.kalsey.com/tools/buttonmaker/
Buttons からリンクされているボタン作成サイト。テキストの設定が可能です。

ekstreme.com：Website buttons maker

http://ekstreme.com/buttonmaker/index.php
Buttons からもリンクされているもうひとつのボタン作成サイト。テキストの設定が可能で、Button Maker より詳細な設定ができます。

Luca Zappa Web Corner：Brilliant Button Maker

http://www.lucazappa.com/brilliantMaker/buttonImage.php
今回クレジットバナー作成に利用したサイトで、画像を取り込むことができます。画面の BORDERS は外枠と全体の背景で、Pixels from the left of bar position は右側に表示するテキストまたは画像の開始位置を設定します。LEFT BOX は左側に表示するテキストと配色、RIGHT BOX は右側に表示するテキストと配色で、Text start はテキスト表示開始位置を設定します。下の IMAGES はテキストの代わりに画像を指定する場合に使用します。設定が完了したら 右下の Create をクリックして、その下にボタンが表示されます。OKであれば Save it! をクリックして保存しましょう。

::: 一色政彦 WEB SITE :::：独自のRSSアイコンを作成！（ダウンロードOK）

http://www.masahiko.info/blog/archives/000066.html
ブログでよくみかけるオレンジ色のRSS/XMLアイコンを配布されています。このサイトの右下に表示している「RSS」のアイコンがそうです。

::: 一色政彦 WEB SITE :::：独自のATOMアイコンを作成！（ダウンロードOK）

http://www.masahiko.info/blog/archives/000745.html
ブログでよくみかけるオレンジ色のATOMアイコンを配布されています。

RSSアイコン

http://www.rss-icon.com/
RSS専用のアイコン作成サイトです。

FEED ICONS

http://www.feedicons.com/
最近流行の feed アイコンです。左側の Download をクリックするとサイズや配色のバリエーションが豊富なアーカイブをダウンロードできます。

W3C：Markup Validation Service

http://validator.w3.org/
W3Cのマークアップ検証サイト。成功すると下記のようなバナーが表示されます。

W3C：W3C CSS 検証サービス

http://jigsaw.w3.org/css-validator/
検証に成功すると下記のようなバナーが表示されます。

W3C：Feed Validation Service, for ATOM and RSS

http://validator.w3.org/feed/
W3CのRSS/Atomフィード検証サイト。成功すると下記のバナーが表示されます。

Movable Type のバナー

インストールディレクトリの mt-static/images/powered.gif にあります。

本サイトに掲載している公開テンプレート、およびカスタマイズをご利用の方へ、下記のクレジットバナーを追加しました。

現在配布しているクレジットバナーがサイトのデザインに合わないとか、80px × 15px のバナーに統一したいという方はこちらをお使いください。

お使いになる場合は直リンクでなく、ファイルを必ずダウンロードしてお使いください。ファイル名は便宜上、配色が分かる名前になっていますが koikikukan.jpg に変更して頂けると幸いです。

クレジットバナーの表示用タグはテンプレートのページ・カスタマイズのページに掲載していますが、概ね下記のような設定です。

<a href="http://www.koikikukan.com/"><img src="http://あなたのサイトURL/koikikukan.jpg" alt="小粋空間" /></a>

赤色部分にダウンロードした画像ファイルまでのURLを設定してください。

画像にリンク枠が表示されてしまう場合は、リンク画像の枠線を消すを参考にCSSを適宜設定してください。

テンプレートをカスタマイズされるユーザの方から「表示がくずれるのですが」という質問を頂くことがあります。その方々のページを Another HTML-lint gateway で検証すると、HTMLマークアップの誤り、つまりタグの過不足から表示が崩れるケースが少なくありません。おそらくテンプレートをカスタマイズされた時に、タグを書きすぎたり、あるいは書き足りなかったりするのではないでしょうか。

ちなみにその時の Aother HTML-lint gateway のエラーは

7: line xx: </tagA> は xx行目の <tagB> と重なり合っているようです。 → 解説 70

または

7: line xx: </tagA> に対応する開始タグ <tagB> が見つかりません。 → 解説 69

となります（他のエラーも同時に出る可能性があります）。

以下、HTMLマークアップの基本と、上記のエラーが発生した場合の解析方法、およびテンプレートのカスタマイズでHTMLマークアップを失敗しない方法について説明します。なおHTMLエディタを利用されていれば上記のようなエラーは発生しないと思いますので、ここでは手書きでテンプレートをカスタマイズされる場合を想定しています。

１．HTMLマークアップの基本

HTMLは、あるタグの開始・終了と他のタグの開始・終了が重なってはいけないというルールになっています（終了タグは省略可能な場合がありますがここでは終了タグの記述を前提にしています）。XHTMLでは終了タグを省略することができません（空要素のタグは />で閉じます）。
下記に一番簡単な例を示します。誤ってマークアップしたタグを赤で示します。

正しい例

<head>
</head>
<body>
</html>

正しくない例

<head>
<body>
</head>
</body>

お分かりの通り、head 終了タグの前に body タグが挿入されているのが誤りです。これがいわゆる「タグが重複している」という状態です。

上記はタグが兄弟関係の場合ですが、親子関係、いわゆる入れ子にする場合も同様です。
下記に html 要素を加えた例を示します。

正しい例

<html>
    <head>
    </head>
    <body>
    </body>
</html>

正しくない例

<html>
    <head>
    </head>
    <body>
</html>
</body>

body 終了タグは html 終了タグの前に書かなければいけません。

２．エラーが発生した場合の解析方法

実際にはテンプレート上は複数のタグが記述されているので、一旦エラーが発生すると解析が困難な場合があります。Aother HTML-lint gateway のエラーから被疑箇所をすぐに発見できればよいのですが、そうでない場合、HTMLの構造を簡単にすることをお勧めします。

その方法のひとつとして、正常にマークアップされているタグを取り除いていきます。入れ子（インデント）になっている場合はインデントの一番深いところに書かれたタグから取り除くと良いでしょう。

ということで、デフォルトテンプレートのエントリー部分を例に「インデントの一番深いところに書かれたタグから取り除く」の意味について説明します。
下記のようにマークアップされている場合、最初に取り除くタグは赤色の投稿者情報部分です。

<div class="entry" id="entry-20"> 
   <h3 class="entry-header">test</h3> 
   <div class="entry-content"> 
      <div class="entry-body"> 
      <p>test</p> 
      <p class="entry-footer"> 
         <span class="post-footers">投稿者: Melody 日時: 23:37</span> <span class="separator">|</span> <a class="permalink" href="http://.../hogehoge.html">パーマリンク</a> 
      </p> 
      </div> 
   </div> 
</div> 

この2つの span タグと a タグが「インデントの一番深いところ（自分のタグの中に別のタグが書かれていない）」となります。重なりあっていないことも確認してから削除します（ここでは赤色→青色で示します）。

次に取り除くのはエントリー本文と投稿者情報を括っている p タグ（赤色）です。

<div class="entry" id="entry-20"> 
   <h3 class="entry-header">test</h3> 
   <div class="entry-content"> 
      <div class="entry-body"> 
      <p>test</p> 
      <p class="entry-footer"> 
         <span class="post-footers">投稿者: Melody 日時: 23:37</span> <span class="separator">|</span> <a class="permalink" href="http://.../hogehoge.html">パーマリンク</a> 
      </p> 
      </div> 
   </div> 
</div> 

次に取り除くのはエントリー本文を括っている div タグ（赤色）です。

<div class="entry" id="entry-20"> 
   <h3 class="entry-header">test</h3> 
   <div class="entry-content"> 
      <div class="entry-body"> 
      <p>test</p> 
      <p class="entry-footer"> 
         <span class="post-footers">投稿者: Melody 日時: 23:37</span> <span class="separator">|</span> <a class="permalink" href="http://.../hogehoge.html">パーマリンク</a> 
      </p> 
      </div> 
   </div> 
</div> 

このようにして開始タグと終了タグをみつけて、その中に他のタグが紛れ込んでいなければ削除していきます。そしてこの作業を繰り返していけばどこかでタグの過不足がみつかる、という訳です。
この作業を行う場合、必ず現在使用されているテンプレートのバックアップをどこかに保存しておいてください。

なおエントリーの本文に誤りがあるとテンプレート自体を修正してもエラーは解消されません。その場合はエントリーのタグをチェックするか、エラーとなったページを別のファイル名で保存し、それをダウンロードして上記の方法で正常なタグを削除していきます。

またタグの過不足で表示が崩れないケースもありますので、上記の作業を行う前に Aother HTML-lint gateway でチェックしましょう。

３．マークアップを間違えない方法

一言で申し上げると「いかにわかりやすく書くか」に尽きます。この方法はプログラムを書く時のお作法に非常に似ています。

タグにインデントをつける

２項の例でもお分かりの通り、タグの中に別のタグを書く場合、インデントをつけて右寄り（2?4カラム程度）に書きます。これを行うことでタグの親子関係と開始・終了タグの関係が明確になります。タグが兄弟関係（head と body 等）の場合は同一のインデントします。

開始タグと終了タグをペアで書く

上から順番に書くという方法は、終了タグを書き忘れる結果を招きます。あるタグの開始タグを書いたら必ず終了タグを同時に書き、それからその中に新たなタグを書くようにしましょう。HTMLでは前述の通り終了タグが省略可能な要素がありますが、XHTMLの仕様にもとづいて記述することを推奨します。

タグにコメントをつける

簡単な構造であれば不要ですが、例えば div タグが何重にもインデントになってしまうとタグの対応が分かりにくくなります。こういう場合は終了タグに開始タグの id 属性や class 属性をコメントとして記します。
２項のリストの場合であれば下記の青色のようなコメントをつけると分かりやすくなるでしょう。

   <div class="entry-content"> 
      <div class="entry-body"> 
      <p>test</p> 
      <p class="entry-footer"> 
         <span class="post-footers">投稿者: Melody 日時: 23:37</span> <span class="separator">|</span> <a class="permalink" href="http://.../hogehoge.html">パーマリンク</a> 
         | <a href="http://.../hogehoge.html#comments">コメント (0)</a> 
         | <a href="http://.../hogehoge.html#trackback">トラックバック (0)</a> 
      </p> 
      </div> 
      <!-- /entry-body -->
   </div> 
   <!-- /entry-content -->
</div> 
<!-- /entry -->

ただしインデントを付与したりコメントを書くと、ファイルサイズをその分増大させることになります。書きすぎないようご注意ください。

申請したサイトがOpen Directoryに掲載された場合、Open Directoryのデータを利用している AOL Search, DirectHit, HotBot, Google, Lycos, Netscape Search, などパートナーサイトへの反映は大体2週間以上何ヶ月もかかるかもしれません。ODPのデータは毎週更新されますが、パートナーサイトはそれぞれ違った更新スケジュールになっています。

と記されています。
Google Directory へ掲載されると掲載内容が Google への検索結果等へ反映されます（というページをみつけたのですがURL失念）。

さて、元の Open Directory は、掲載当初は Google Directory と同一カテゴリーでしたが、さらにカテゴライズされて「テンプレート」というカテゴリーに掲載されてました。 当サイトはともかく、他のカテゴリーが相応しいサイトもあるような気がするのは私だけでしょうか。

最近はコメント等のやりとりがないのでご存知ないかも知れませんが、我楽のサイト管理人Border.さんとはブログを始めて間もない頃からの古いお付き合いでして、年末にちょっとしたやりとりから「お会いしましょう」という話に。
あいにく年末はスケジュールが詰まっていたため「では来年」ということで、本日お会いすることになりました。

場所は船橋の某ダイニングバー。偶然入ったお店ながら良い雰囲気で、料理はどれも美味でした。
Border.さんはイメージ通りのナイスガイで知的な印象。しかも私に負けず劣らず渋い声の持ち主（笑）。気がつくと4時間余り経っており、ブログ・その他色々な話題で大変楽しい一時を過ごすことができました。ありがとうございました。

多分、いわゆる「ブロガー」と呼ばれる方とお会いしたのは初めてで、ブログが生活の一部としてすっかり定着してしまっている私としては、そういうことに関して普通に話題にできるのが自然に感じられました。
つまりブログが普及してきているといっても日常で話題にすることはない訳です。そういう意味では同じ境遇（笑）にいる方との接触は非常に刺激があり、ブログとの関わり方について色々と共感を得るものがありましたし、継続するためのモチベーションも向上したのではないかと思います。

という訳でまた機会をみつけて行きましょう。次はダジャレ連発しようかと。（冗）

今年も締め括りということで一言。

私がブログを開始したのが2004年5月で、今年も相変わらずテンプレート・カスタマイズ中心の記事をアップし続け、あっという間に1年が過ぎました。昨年にも増して大勢の皆様にアクセスを頂き、嬉しい限りです。

昨年から今年前半にかけて、ご近所ユーザの方々がカスタマイズで加熱するという雰囲気がありましたが、最近は落ち着いた感があり、ここに訪れてカスタマイズされた方が本来のカラーでブログを楽しまれているという印象です。
その流れとは別に、雑誌や本で当サイトの記事を紹介して頂ける機会を頂き、本当に感謝しています。

皆様には大変お世話になりました。来年もネタを探してテンプレート・カスタマイズ記事とダジャレを中心に書き続ける所存ですので、ご指導・ご鞭撻の程、どうぞよろしくお願い致します。

それでは2006年もどうぞよろしくお願い致します。そして良いお年をお迎えください。なお喪中のため、新年のご挨拶は失礼させていただきます。

流行語大賞の発表があり、その中に「ブログ」が選ばれていたことは皆さんご存知のことと思います。自分の中ですっかり定着した単語がこのような場で認知されるということは、なにはともあれ嬉しいものです。

「ブログ」という言葉が生まれてから数年が経ちました。言葉の範囲は捉え方によって異なると思いますが、私の感覚では Movable Type や Serene Bach 等のブログツール、あるいは各種ブログサービスを利用したWebサイトがいわゆる「ブログ」で、「ホームページ」とはニュアンスの異なる印象を感じています。

自分の中では定着したと言っても、Webサイトを指す言葉は「ホームページ」という用語が一般的で、他の方に説明する時、ブログを「ホームページ」と言い換える機会も少なくありません。ですが「ブログ」が単なる流行語ではなく、一般的な用語として世間に浸透し、誰にでも通じる日がくるのもそう遠くないのではないかと予感しています。

話題になってすでに一週間ほど経ちますがご紹介まで。

tech.nitoyon.com：Google Maps でレーシング：Google Mapsで鈴鹿サーキット試走

操作はスペースキーが前進、離すと減速、矢印の左右キーがハンドルです。操作すると真ん中にある勝手口のドア（失言）のような車がいい感じで動き出します。また走っているように見える仕組みの解説の通り、サーバ負荷も考慮されており、車が回転する24枚の画像を縦に並べて1枚の画像にし、JavaScript の style.top プロパティで表示を制御しています。

電車でGO！（やったことありませんが）のように、リアルな空間を手軽に擬似体験できる醍醐味が愉快です。

3ヶ月以上前、つまり旧URLの時になんらかのペナルティを受けた影響で どのページも PageRank 0 の状態が続いてましたが、3日ほど前に突然復活していました。ちなみにトップページは、0になる前は3か4だったと記憶しています。今回は5に上がっていました。

検索してみると、PageRank の更新周期は3ヶ月のようです。そういえば現在のURLに変更したのが今年の7月18日です。Google へのサイト登録もその後すぐ行ったと思いますので、丁度3ヶ月ということで計算が合います。

以下、PageRankに関する記事です。

• IT用語辞典：Google PageRank
• Google：Google の人気の秘密
• Google の秘密 - PageRank 徹底解説
• Google Dance Checker：Google PageRank Checker

いつもお世話になっている caramel*vanilla さんのサイトが BlogPeople 被リンク300サイトを突破されたようです。おめでとうございます。
ということでTB企画をされているので簡単ですがお答えしたいと思います。

caramel*vanilla：[被リンク300突破記念TB企画]名前の由来を教えてください＋α

blog名の由来

以下、「このサイトについて」に書いてあるものをほぼ転載します（手抜き）。
このサイトを立ち上げるちょっと前に、内輪の音楽仲間に公開していた「一言ダジャレページ」が存在していました。で次第にそこのネタがたまってきて、それらを履歴として残したいため巷で流行中のブログに変更しました。

このブログがダジャレで始まったという経緯から、ダジャレ→洒落→洒落た→小粋な、という思考経路でタイトル前半をつけました。タイトル後半は自身が音楽に携わっており、音楽は「時間の芸術」、文章はどちらかといえば絵画や彫刻の「空間の芸術」に近いというイメージがあるので、そこから命名しました。偶然ですがURIに「k」の文字が並んでいるのも気に入ってます。

HNの由来

実名です（これはHNと言わないのでしょうか）。ちなみに相当以前から参加しているクラシックギターのMLがあり、そこではほとんどの方が実名のため、HNを使うという感覚がありません。
唯一、たまに間違って送信するTypekey日本語テスト用のニックネーム と mixi の登録名が自身としてのHNデビューです（HN見たことない方、すいません）。

＋α

現状維持希望。（笑）

中継君はBlogPeopleリンクリスト等の表示の遅延を避けるため、キャッシュに一旦保存したものを表示するためのツールです。便利そうだと思っていましたが動作や設定方法がいまひとつ分からなかったので（バカ）、BlogPeople を例に Javascript の基本動作から中継君の設定方法まで説明します。
Windows自宅サーバでの利用ですのでパーミッションの設定等もれてましたらお許しください。

2006.10.24 追記：簡単な設定で中継君とほぼ同様の機能を実現する「BlogPeople 等のリンクリストによる表示の遅延を解消する（その1：JavaScript編）」を公開しています。

JavaScript の基本的な動作
BlogPeople のリンクリストを取得するタグは、

<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/xxx.js"></script>

となっています。当サイトで折りたたみやツリー化等のカスタマイズをされている方には馴染みのあるこの書き方は、<head> ? </head> に挿入している JavaScript 外部ファイルのインクルードと同じで、src 属性に記述されたURLを実行し、その結果を type 属性（MIMEタイプ）に準じた形式で出力します。ここでは "text/javascript" なのでJavaScriptとして認識されます。
つまり、このタグが埋め込まれたページをブラウザで実行すると、

http://www.blogpeople.net/display/usr/xxx.js

が実行され、結果としてリンクリストを表示するためのJavaScript文

document.write('<div class=\'blogpeople-main\'>');
document.write('<a href=\'http://www.blogpeople.net/cgi-bin/click.cgi?u=http%3A%2F%2Fxxx\' target=\'_blank\' title=\'更新日:05年07月21日(Thu) 12時28分 \' >hogehoge1blog</a><br />');
document.write('<a href=\'http://www.blogpeople.net/cgi-bin/click.cgi?u=http%3A%2F%2Fxxx\' target=\'_blank\' title=\'更新日:05年07月21日(Thu) 12時31分 \' >hogehoge2blog</a><br />');
　　　　　　　　　　　　　　　　　　　　：

を取得・表示します（?）。
このタグを実行して BlogPeople リンクリストとして表示するまでの時間は、ほとんど

http://www.blogpeople.net/display/usr/xxx.js

の応答時間に依存します。皆さんのページに埋め込まれた同じようなURLを、ブラウザのアドレスに直接入力して実行すれば、応答時間を体感できると思います。

中継君の役割
中継君は CGIスクリプトで、あるURLの実行結果をキャッシュ（一時的なファイル）に保存して、それを表示するという機能をもっています。
中継君を起動するURLのイメージは下記のようになります。

http://domain/path/to/jc.cgi?<これまでに起動していたURL>

このURLを表示したいページの任意の場所に埋め込みます。
例えば、先の BlogPeople リンクリストの JavaScript のタグであれば、

<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/xxx.js"></script>

を

<script language="javascript" type="text/javascript" src="http://domain/path/to/jc.cgi?http://www.blogpeople.net/display/usr/xxx.js"></script>

と、中継君のCGIスクリプトを実行するURL（青色）を挿入します（他に事前設定がありますがそれは別途）。この設定により、ブラウザがこの行を表示する時、まず

http://domain/path/to/jc.cgi?http://www.blogpeople.net/display/usr/xxx.js

というURL（=CGI）を実行します。これまで設定されていたURLは "?" の後ろに設定された形になっていまして、中継君のプログラムにパラメータ（query）として渡され、内部で起動されます。

内部起動して取得したデータ（?）をキャッシュに一旦保存し、さらにそれををブラウザに表示します。2回目以降（厳密には指定した周期になるまで）はこのキャッシュにあるデータをブラウザに表示するので、httpアクセスによる表示の遅延を削減することができます

中継君は分単位でキャッシュの取得周期を設定できます。例えば10分に設定していれば、最初にキャッシュを取得してから約10分間はキャッシュのデータを使用しますが、10分後には正規のURLにアクセスして新しいデータを取得し、キャッシュに保存します。なお旧バージョンではキャッシュが複数生成されたようですが、現在はひとつのURLに対して1つしか生成されないようになっています（=常に上書き）。

先の記述で「遅延0」ではなく「遅延を削減」としているのは、次の周期には正規のURLでデータを再び取得するため、たまたまその回に当たると表示が遅くなる時があるためです。

設置方法

１．アーカイブのダウンロード
中継君のページより、最新記事の下にある「ダウンロード」をクリック。次のページで「中継君 Ver.1.4.2（この記事の投稿時点）」のリンクをクリックしてダウンロード。ダウンロードしたらアーカイブを解凍します。下記のファイルがあることを確認してください。

jc.cgi

ttl_sample.txt

２．ファイルの修正

Perlのパス
jc.cgi を任意のエディタで開いて、使用しているブログがMovable Type の場合は、1行目の

#!/usr/local/bin/perl -w

を

#!/usr/bin/perl -w

に変更します。ここを修正せずに実行すると結果が何も返却されません（ブラウザから直接実行すると500 エラーになります）。

ホスト制限
特定のホストからアクセスされた場合だけ中継君を起動したい場合は、次の行の右辺に該当のホストを追加します（追加方法はファイルに記載されています）。

my @url =  ("");

どこからアクセスされても常に起動する場合はデフォルトの状態でOKです。
この機能の動作は、ここに設定されたデータと HTTP_REFERER と比較して、完全一致または部分一致した場合、フィルタリングします。フィルタ対象のホストであれば何も（キャッシュのデータも）返却せずに処理を終了します。

キャッシュ周期
データがキャッシュされてから次にキャッシュするまでの周期を変更したい場合は次の行の右辺を変更します。

my $cache_ttl = 2 * 60;

デフォルトは120分（2*60）でキャッシュを更新する設定になっています。このデータは、キャッシュに対してファイルテスト演算子（-M オプション）を実行し、キャッシュが更新されてからどれだけの時間が経過しているかを調べることで実現しています。

アクセスするURL別に周期を設定したい場合は ttl.txt というファイルを用います。例えば BlogPeople リンクリストと MyBlogList の周期をそれぞれ 3時間・1時間に設定する場合は、ttl.txt に

www.blogpeople.net/display/usr/ 180
list.myblog.jp/list 60

と記述します。このファイルの設定は先の $cache_ttl の設定より優先されます。一律同じ周期でよければ ttl.txt の設定は不要です（ファイル自体不要）。
BlogPeople については ttl_sample.txt にデフォルトで設定されていますので、このファイル名を ttl.txt に変更するだけで使えるようになります。

３．ファイルのアップロード
jc.cgi と、必要に応じて ttl.txt を CGI が実行できるパスにアップロードします。ttl.txt は jc.cgi と同じディレクトリにアップロードしてください。jc.cgi のパーミッションは他の CGIファイルと同じように変更してください（755 とか 777 等）。

４．cache ディレクトリの作成
ファイルをアップロードしたディレクトリの直下に cache というディレクトリを作成します。このディレクトリは中継君が最初に起動された時に自動的に作ってくれますが、パーミッションが誤っていると作成されないので予め作っておいた方が無難です（強制している訳ではありません）。
このディレクトリ配下にキャッシュを自動的に作りますので、cache ディレクトリのパーミッションを 755 や 777 等に変更しておきます（中継君による自動生成では 755 にしているようです）。

５．テンプレートの変更
再掲になりますが、各テンプレートにある BlogPeople リンクリスト等を起動するタグに、中継君のURLを挿入します。

<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/xxx.js"></script>

を

<script language="javascript" type="text/javascript" src="http://domain/path/to/jc.cgi?http://www.blogpeople.net/display/usr/xxx.js"></script>

とします。jc.cgi が mt.cgi や mt-comments.cgi と同じディレクトリにあれば、

<script language="javascript" type="text/javascript" src="<$MTCGIPath$>jc.cgi?http://www.blogpeople.net/display/usr/xxx.js"></script>

とするのが良いでしょう。
挿入したら、保存・再構築します。

６．中継君の実行
挿入したページをブラウザで表示させます。初回はキャッシュがありませんので、キャッシュを作るために正規のURLにアクセスします。正常に動作すれば設定前と同様にリンクリスト等が表示されます。
心配であれば、URLをブラウザに直接入力して実行してみてください（URLに正規のURLを "?" で付けることもお忘れなく）。

http://domain/path/to/jc.cgi?http://www.blogpeople.net/display/usr/xxx.js

正常に動作すればリンクリスト等の結果が表示されます。2回目以降はサクッと表示される筈です。

以上です。なお中継君の実行には Perlモジュールの LWP が必要です（多分主要なレンタルサーバでは大丈夫と思います）。

話題に乗り遅れて「言及リンク」について一言。「言及リンク、つまり『受信したトラックバックの記事にトラックバック先のリンク』がないと Google の PageRank が下がる」という情報については「問題なし」ということで既に収拾がついているようですので、ここではトラックバック先の情報が元記事に記載されていないトラックバックについての考えを述べたいと思います。

現状は、明らかに記事と無関係な内容のトラックバックスパムはプラグインでフィルタリングしていますが、トラックバック先の記事に当サイトの内容が記載されていないトラックバックやアフィリエイト系のトラックバックはそのままにしています。
残している深い理由は特にありません。そのままにしていても問題ないから、という程度です。その状態を、ここに訪れる方の大半が酷く不愉快に感じ、さらにそれが一定期間継続する、あるいはセキュリティ上の問題が発生するのであれば削除することも選択肢のひとつとして考えられますが、今のところその対象は英語でやってくるトラックバックスパムのみという認識です。

トラックバックスパムは特定の文字列でフィルタリングするようにしていますが、先日本当に普通の英文トラックバックを受信しました。Typekey関連のカスタマイズでお役にたてたようです。

GOODHYUN.COM：Even after Typekey authentication, MT requires sign-in again...

もし半角のみのトラックバックを一律フィルタしていたらこの方のサイトがカスタマイズを利用されたことを知ることはなかったと思います。
スパムは色々な単語でやってくるので、相変わらずイタチごっごの日々ですが、（半角のみのトラックバックを）受信できる状態にしておく価値はあるな、と感じた一件でした。

PageRank については意識していません。随分前にペナルティにひっかかったのかひっかかってないのか不明ですが、Google で1?2ページ目に表示されていた検索結果がかなり後方になってしまっているのがその原因かもしれません。それでも何故か毎日結構なPVをいただき、どこから（Yahoo？）か探し当ててテンプレートを取りにこられる方々がいらっしゃるのは本当に嬉しい限りです。

自サイトにとって送信して欲しい（？）トラックバックだけを受信しようと思っても現実的にそううまくはいきません。結局「…削除します」といったサイトルールを設けて運用対処されるケースが少なくないのですが、MT-Moderate プラグインでトラックバックを承認形式するという手もあります。やや面倒であれば言及リンクの話題で利用数が増えた Movable Type で言及リンクのない TrackBack ping を弾くプラグインがお手軽と思います。いずれにしても「受信したトラックバックを表示するのに送信サイトに言及リンクがない」という不公平感からは解消されると思いますし、機械任せである分、精神的な負担も減少するのではないでしょうか。

まとまりのない文章ですいません。まとめると、普通のトラックバックを頂いている方には心の中で感謝していますし、言及リンクのないトラックバックについてはこの新しいインタフェースを活用されているんだな、という気持ちで今後もスルーします。スパム以外で明らかに問題のあると思われるトラックバックは削除致しますが今のところはありません。

ダイナミックDNSサービスのDynDNSより本サイトのドメインがExpireされていました。本日午後より12時間ほど接続できない状態が続いてしまい、大変ご迷惑をおかけ致しました。この場をお借りしてお詫び申しあげます。

原因はIPアドレスが30日間アップデートされなかったためで、そのようなホストは静的IPアドレスであり、「本来ダイナミックDNSの対象外ではない」とみなされてしまったようです。現在使っているインターネット接続サービスは固定IPではないので、1ヶ月も同じIPだったとは思いもよりませんでした。
また5日ほど前にメールで警告がきていたのですが、元々英語のメールはほとんどSPAMメールなのでタイトルすら目を通していない状態でした。反省。

Expireされるのを防ぐためには、DynDNSのサイトにログインして該当のホスト情報を強制的に更新するしか手がないようです（以下警告メールより抜粋）。

You can "touch" your hostname and prevent it from being deleted simply by performing a manual, or forced, update.

有料サービス（$9.95/年）に登録すればExpire対象から外してくれるそうです。

ということで同じドメインを再取得しました。DynDNSをご利用の皆様、どうぞお気をつけください。