ブログは久しぶりの更新ですね。

　私のネット上の犯行予告をまとめた資料サイト「ネット掲示板　犯行予告　事件一覧」の一覧について、事件の年度ごとに見られるよう、タブを付け加えてみました。

　秋葉原の事件以上、予想以上の犯行予告の模倣犯の多さに驚きつつ、事件一覧をほぼ毎日更新していましたが、余りにも縦長になっていたため、タブで年度別ごとに切り替えるようにしたのです。前々から一覧の分割は考えていたのですが、お一人の方から励ましのお言葉とともに、そういう意見が添えられていたので、ようやく変える気になりました。

　HTMLページをいくつも作るよりは、ページの部分的に変えたかったので、javascriptを用いて作りました。私には、javascriptはあくまでHTMLの「飾り」といった感覚がまだ残っていまして、こうも大胆にタブ機能として設けることに少し抵抗がありましたが、やはりjavascriptは便利ですね…

　数年前までは、セキュリティ上の問題などで、あくまで個人用HPの備え付け程度の、なんか影に隠れたプログラム言語のような気がしていましたが、いまはAjaxと名づけられた技術により、GoogleMapなど、動的にWebページを部分的に変えるという優れた技術に応用されているわけで、書店に行けば、Javascript,Ajaxの文字が載っている書籍が多数散見されますね。ということで使いました。ウェブページ全体のテーブルを読み込まないとタブ機能が発動しないのが、ちょっと残念…

　で、結構簡単な機能に見えますが、データファイルをタブ機能が使えるように生成するようにプログラム(Perl)の修正に手間取ったりしまして、いつのまにか5時間くらいかかりました。正直、久しぶりにjavascriptやPerlに触れたので、勘を取り戻すまでに時間がかかってしまいました。さらに、私はブラウザはFireFoxを使用しているのですが、IEだとページが見づらくなることに今ごろ気付き、試行錯誤でスタイルシートを編集・チェックしたりで時間がかかったのもあるんですね。

　そのわりにタブの画像はGIMPで適当に作りました…

　今後は、事件について、関連する情報をウェブ検索で表示できるように改良と思います。
例えば、データベースの一件は以下のようにカンマ区切りの一行のデータになっていますが、

2008/7/3,5,殺害予告,神奈川県川崎市,新聞配達員,堀,大樹,21,脅迫,2ちゃんねる,2008/6/19,携帯から、声優で歌手の水樹奈々(28)とそのファンらに「渋谷方面でダガーナイフと２ｔトラックを使って俺が皆殺しにしてやる」と書き込み、逮捕。「どんな反応が起きるか試してみたかった」と供述,

　ウェブ検索すると当該の事件の情報が見つかるような単語（「神奈川県川崎市」,「新聞配達員」,「渋谷方面でダガーナイフと２ｔトラックを使って俺が皆殺しにしてやる」など)を抽出し、それらの単語でグーグル検索をかけるリンクURIを付けたいんですね。結構簡単にできそうなので、早めにやりたいと思います…

　では…