【ココログ】「みんなで解決！広場」過去ログ検索用フォーム

@nifty

ココログの『みんなで解決！広場』で、ユーザからの質問にユーザが答えるという掲示板形式で運用されており、中には知っておくと有用なQ&Aなんかもたくさんありそう……なのですが。
しばらく前から、過去ログ検索が全く出来なくなってしまっているので、非常に不便です。

もっとも、設置されていた@search検索機能も実際には全然ひっかかってくれなくてほとんど役にたってなかった、という話もありますが……

よくあんな状態で放って置くものだ、と憤慨していてもはじまらないので、とりあえず正式な検索がリリースされるまでの繋ぎとして、検索機能を作ってみました。

検索フォームの設置の仕方は、適当な名前(『みんなで解決！広場検索』等)を付けたメモタイプのマイリストに、以下のHTMLを貼り付けて保存します。
最新の検索フォームは→こちら。

<script type="text/javascript" charset="utf-8" src="https://furyu.tea-nifty.com/script/cocoQAsearch.js"></script>

<style type="text/css">
<!--
    .ccqas_notice {
        text-align:left; font-size: x-small;
    }
    .ccqas_links {
        text-align:left; font-size: x-small;
        line-height: 140%; margin-bottom: 8px;
    }
    .ccqas_ol {
        text-align: left;
    }
    .ccqas_li {
    }
    .ccqas_title {
    }
    .ccqas_user {
        color: brown;
    }
    .ccqas_date {
        padding-right: 8px;
    }
    .ccqas_body {
        padding-bottom: 8px;
    }
    .ccqas_update {
        text-align:right; font-size: smaller;
    }
    .ccqas_copyright {
        text-align:right; font-size: smaller;
    }
-->
</style>

<form name="ccqas_form" class="ccqas_form" action="javascript:cocoQAsearch.requestForm();">
  <input type="text" name="search_box" class="search_box" value="" />
  <input type="button" name="search_button" class="search_button" onclick="javascript:cocoQAsearch.requestForm(this.form);" value="検索" /><br />
  <div class="check_box"><input type="checkbox" name="debut" checked />はじめる前</div>
  <div class="check_box"><input type="checkbox" name="beginner" checked />初級者向け</div>
  <div class="check_box"><input type="checkbox" name="expert" checked />上級者向け</div>
  <div class="check_box"><input type="checkbox" name="info" />ブログ紹介</div>
</form>

技術的には、

1. 自前のLinux PC上で「みんなで解決！広場」の過去ログを読み込んで、JavaScript形式に整形して保存
2. 上記の検索フォームで検索ボタンが押されると、<script>タグを利用して 1. で保存しておいた整形済のデータが読み込まれ、読込み完了と共にコールバック関数が呼出される
3. 読み込んだデータ中の指定された文字列を検索し、該当記事へのリンクを表示

ということをやってます。
検索時にデータを読み込むため、初回は時間がかかります。
なお、3. の検索＆表示に関しては、『暴想』のなおゆきさん作“blog_ajax_json_search.js”の技術を使わせていただいております。

で、ほぼ出来上がった段階で、あずスタのads（あず）さんという方が既に同様の検索機能を実装されていることに気がついてしまいました……orz。
まぁ、違う点として、

1. 一応、数時間毎にデータを自動更新するように設定してみた
2. はじめる前／初級者向け／上級者向け／ブログ紹介を選択して検索できるようにしてみた
3. 表示データに投稿された日時と投稿者名を表示するようにしてみた

というのがあるのですが。

特に1.は有利な点ではあるのですが、整形処理にバグが潜んでいる場合、更新後に一切検索出来なくなる可能性があったりします(ヲイヲイ。
また、自前サーバは非力だし、ルータも時々止まるので、気がついたら更新が止まっている……ということも充分あり得ますので、ご理解とご了解の上でお使い下さい。

※『続き』部分に更新履歴を記載しています。

---

【2006.07.21】

• 『みんなで解決！広場』検索専用ページ・CGI版テスト公開(関連記事はこちら)。

【2006.07.13】

• 『みんなで解決！広場』検索専用ページ開設(関連記事はこちら)。

【2006.07.01】

• ページ読込み時に前回検索時の表示件数をCookieから読み込んで選択するように修正。

【2006.06.29】

• 検索結果のn件表示(ページング)、本文・コメントの内容確認機能追加。

【2006.06.28】

• 各種バグFix・Webブラウザのキャッシュを利用した再検索時の効率改善等。

【2006.06.27】

• facetさんの『「みんなで解決！広場」の検索窓を広場に捏造する(笑)』をSleipnirのSeaHorse Extension用に移植。その他、ブックマークレット等。

【2006.06.26】

• 各種バグFix・ちょっとした修正等。

【2006.06.25】

• 最新のコメント10件までという制限をなくし、過去のコメントも検索対象に。

【2006.06.24】

• 上部に各検索結果へのリンクとヒット数表示を追加。
• 検索結果表示の際にページトップにスクロールするように修正。