頭真っ白、画面真っ白

泣きっ面に蜂とはよく言ったもの。先日、HDD クラッシュを起こしてコンピューターを買い換えたばかりだというのに、今度はディスプレーがちらついて真っ白になっちゃった。BIOS の設定画面でもちらつくから、ビデオ・カードのドライバー回りが原因ではないと思う。というわけで、画面が真っ白になって、頭も真っ白。もう嫌っ。

「すみけんたろう」の CSS 本

HTML には文書構造を、CSS にはデザインを。これが、最近の W3C の方針。このブログもできる限り、その理念に沿おうと頑張ってる。

すみけんたろうの 「スタイルシート Web デザイン」

僕 が文書構造とデザインの分離について知ったのは、すみけんたろう氏の「スタイルシートWebデザイン」からだった。この本は凄かった。とにかく CSS (Cascading Style Sheet) の目的と理想を追いかけていた。当時 CSS を不完全にしかサポートしないブラウザーの多かった中にあって、CSS の普及のためにも「標準」に則った CSS デザインを勧めていた。巷には、HTML のデザイン本が溢れていたけど、一線を画していた。HTML や CSS のリファレンスやクックブックになるまいという、気概を感じた。CSS の解説書にして、唯一思想を語っていたような気がする。

でも、志が高すぎたのか。読者に媚を売らなかったせいか。それとも、分かりにくい目次とおざなりな索引のせいか (僕は、コレが一番の原因だと思ってる。とにかくリファレンスとして使い辛かった)、「スタイルシート Web デザイン」は絶版になってしまった。

僕が絶版を知ったのは [2003-07-01]。すみ氏のウェブページを見つけたときだった。すみ氏のウェブページには、本の原稿が公開されていた。

• [CSS] book data open

まき氏バージョン

さて、先日、久方ぶりにすみ氏のウェブページを覗いてみて驚いた。なんと、まき氏による HTML 版へのリンクが貼ってあった。

• HTML版『スタイルシートWebデザイン』

まき氏のウェブページができたのは [2003-07-29]。僕がページをチェックしてから、ほぼ一ヵ月後。ニアミスで、出会うのが 2 年も遅れてしまった。でも、知ってしまったからには紹介せねばなるまい。というわけで、この記事を書いた。

も ともと、この本はリファレンスや Tips というより、「CSS 斯くあるべし」を語った本。古くなろうはずが無い。執筆当時、勧告になった CSS2 は、未だフルサポートされたブラウザーが無いほど。ぜひ CSS を勉強し始める人に、そして、CSS の「使い方」だけ知ってる人に読んで欲しい。

TypePad のリンク・リスト

このブログでは、サイドバーに良く使うサイトへのリンクを表示している。このリンクは、Blogger のテンプレートをゴリゴリいじって実現してる。つまり直接 HTML コードを書いてるわけ。まぁ、一言で言えば面倒臭い。

ところが、TypePad だとサイドバーのリンクを簡単に作れちゃう。

そもそも TypePad には、ブログのサイドバーに表示するリスト項目として「タイプリスト」という機能がある。タイプリストは「リストする項目」によって、4 つの種類がある。つまり、

• 本用のリスト
• CD 用のリスト
• 友達リンクのリスト
• リンク用のリスト

本用のリストには、 ISBN から Amazon へのアソシエイト・リンクを貼る機能がついてる。CD 用のリストも、Amazon の CD を検索してジャケットを表示する。友達リンクは、foaf ファイルから情報を抜き出す機能がついてる。

そして、一番シンプルなのがリンク用のリスト。リンクとメモを表示してくれる。作り方は簡単。

1. 「タイプリスト」タブから「新しいタイプリストを作る」で、「リストの種類」を「リンク」にして、「リンクを作成」。
2. 「新しい項目を追加」で URL を入れれば、タイトルが自動的に入力される。
3. 自分用のメモ （デフォールトではツールチップ表示） を書いておしまい。
4. メモをブログに表示させるには、「設定」タブの「上級者向け設定」で「メモを表示」をいじる。

このリンクリストは、管理画面で検索がかけられる。SBM の公開性が苦手な人は、個人用のブックマークとして使ってみるのもいいかも。

こんにちは、アンダーソン君

この記事のタイトルは「コメント・スパムが来た」にするつもりだった。しかし、コメント・スパムの送り主が Mr. Anderson (きっと偽名) と分かった日には、マトリックス・ネタの誘惑に耐えられなかった。だって、アンダーソン君ですよ。アンダーソン君。

事の始まりは一昨日。「つぶやき」と云うタイトルの記事にコメントがついた。

この「つぶやき」には、日常の会話で聞いたりした思いついたりしたオリジナリティ溢れる一言を書いている (全部見るにははてなブックマークのつぶやきタグをどうぞ)。先日書いたネタは

コメント。ごめん、と

と云う、下らない駄洒落。(下らなすぎて赤面しちゃう。でも書かずにはいられなかった。) そして、アンダーソンさんがつけてくれたコメントがコレ。v

I read your blog, and i thought it was rather cool.

いや、いや、いや、いや。ありえない。ホントーにそう思ってるのかと突っ込みたい。リンク元は

I am a Rich Person. And you can be one as well.

だから、コメント・スパム確定でしょう。

アンダーソンさん、あなた、絶対日本語読めないよね。それなのに、コメントの駄洒落にコメント・スパムを送りつけてきて、しかも、文面が「あなたのブログは Cool」だなんて! 最高。

アンダーソンさんのブログがなくなるのも時間の問題? 大丈夫。昨日紹介した Spurl のキャッシュ機能でアンダーソン氏のブログをキャッシュしといたから。あまりにウケたので、Blogger の新機能 Flag As Objectionable も押せなかった。だめだめな、僕を許して。

GNU Arch のメンテナー

GNU Arch の最近の動向に関する自分用のメモ。

まず、GNU Arch のバージョン 2 が公開された。

• GNU Arch 2.0 (revc) リリース

といっても、スナップショットな段階みたい。そして、GNU Arch のメンテナー Tom Load 氏が降板。

• GNU Arch Users ML の記事 （英語）
• DSCM-j ML の記事 （日本語）
• via 読書日記

これからの開発がどうなるかは、現在未定みたい。Revc の開発が続くのか、GNU Arch は終わってしまうのかしらん。

ところで、ML で何度か出てくる Bazaar と Bazaar-NG について、まとめてる FAQ があったので、抜粋して意訳しておく。

Bazaar (1.0) は GNU Arch から分岐したプロジェクトです。互換性の問題は残るものの、(GNU Arch で問題だった) ユーザー・インターフェースの問題の解決を試みています。Bazaar-NG はスクラッチから始まったプロジェクトで、GNU Arch や他のシステムから一番いいアイディアを取って来ようと言うものです。出来上がったプロトタイプは、Bazaar へフィードバックされるでしょう。

いま、一番熱いのは Bazaar-NG らしい。ただ、Python なツールなんだよね。もう少し、様子を見てみよう。

インデックスを SBM で作るウェブ検索 Zniff |Spurl|

六月ごろ、ウェブサイトのキャッシュ (Google のキャッシュと同じね) をユーザー主導で取るサービスはできないものかと考えてた。キャッシュを取る目的は、ウェブサイトの閉鎖や頻繁な更新でアクセスできなくなる (かもしれない) データのバックアップを取ること。そして、ページのキャッシュされた回数を基準に、検索サイトが作れるんじゃないか? そんなことを考えてた。肝は、キャッシュを取りたいと思うようなページは、きっといいページに違いない、ということ。

そしたら、同じよう なことをブックマーク (SBM) で、やってるサイトを見つけた。それが Zniff と言う検索サイト。Spurl という SBM のブックマーク・データを使って検索ができる。Zniff.com によると、7/28 に 250 万のブックマークを集めているという (5 月の時点で、一万ブックマーク/日)。日本語サイトのブックマークは少ないけれど、それなりに動く。さらに、Spurl には、ブックマークしたサイトをキャッシュする機能もついている。全てにおいて先を越された感じがして、ちょっと悔しい。

Zniff はまだ Beta#2 で、開発者たちもデータが足りないと言っている。更なる発展に期待。

つぶやき

コメント。ごめん、と。

Google Local と Google Search

恐るべきは Google の検索能力。Google Local のサービス開始のときから、検索結果にウェブの情報 (Google Search のインデックス） が表示されると言われていたけれども、最近はさらに磨きがかかったように見える。というのも、 Google Local のピンをクリックして吹き出し (詳細情報) を表示させると、いまやたくさんのリンクが現れるのだから。

紀伊国屋書店新宿南店を例に見てみよう。まず、Google Maps で「新宿」を検索。地図上辺にある「ローカル検索」から Google Local に入り、「以下の地図エリア内」から「本屋」を検索。すると地図右隣に検索結果が表示される。今回は I 番目のピンに「(株)紀伊國屋書店 新宿南店」が出た。I と書かれたピンをクリックすると、地図が微妙にスクロールして紀伊国屋新宿南店の吹き出しが飛び出す。この吹き出しの中に紀伊国屋新宿南店へのリンクがある。

左側のリンクは、Google 検索お馴染みの「I'm Feeling Lucky」。そして、右側のリンクをクリックすると紀伊国屋書店新宿南店に関する検索結果が表示される。

注目すべきは、Google のトップページで「(株)紀伊國屋書店 新宿南店」 を検索した結果とこの検索結果が違うこと。そして、検索結果のページに小さいながら Google Maps の窓が付いている事。もちろん、この小さな地図もスクロール地図。サテライト・モードもオッケー。Google は、他の地図会社が人力で集めていた情報を、世界中のウェブから集めようとしている。そしてそれは、僕にはどうも大成功のように思えてならない。

SiteMeter に世界地図

zRyu さんが、訪問者の接続国を世界地図で表示してくれるカウンター Geoloc を紹介してた。国際色豊かな友達を持っているなら、試してみるのもいいかも。地図の描画には Flash を使ってるそうな。

ちょっと恨めしく思いながら自分のカウンター (兼アクセス解析) の SiteMeter を見てみたら、「By World Map」なんてリンクがある。そう。SiteMeter にも、同じような機能があった。推理するに、Recent Visitors のリンクが 100 以上、200 以下。このブログの平均訪問者数は ３２ だから、3 ～７ 日の間に加わった新機能に違いない。Geoloc のように、サイドバーに付けたりはできないみたい。

で、世界地図が見れたけど、訪問者が日本からしか来てない。ありがたみ、半減。無念。

JavaScript で生成したコードのソースを見る (2) IE 編

以前 JavaScript で生成した HTML コードを見る方法を firefox 限定で紹介して、IE で同じことはできないものかと書いた。そしたら、Climber(通りすがり) さんがコメントを、MOONGIFT さんがトラックバックを下さった。ありがとうございます。

彼らのコメントを纏めると、こうなる。

1. IE 自体に JavaScript で生成した HTML コードを見る機能はない。
2. タグ・ブラウザー unDonut に、選択部分のコード表示機能がある　(by MOONGIFT さん)。
3. タグ・ブラウザー Sleipnir にも、同様の機能がある (by Climber さん & MOONGIFT さん)。

というわけで、お二方の支持を受けた Sleipnir を試してみた。

Sleipnir 2.0 beta3

Sleipnir は丁度 version 2.0 のベータ版が出ていた。新らし物好きとしては試さずにいられない。Sleipnir は HTML レンダリング・エンジンとして、IE コンポーネントと Gecko を切り替えられるらしい。Gecko は firefox で利用されている。今回欲しいのは IE と同じ出力なので、Gecko エンジンには拘らない。

インストールは簡単で、公式ホームページにあるインストーラー版をダウンロードして実行するだけ。IE の設定を引き継ぐことができるので、すぐに使える。

機能豊富なようだけれども、まずは範囲を指定して HTML のソースを見てみる。firefox だと右クリックでできたけど、Sleipnir ではメニューの [表示] から「選択範囲のソースを見る」を選ぶ。すると、凶悪なことに Word が起ち上がった （なんてこった!）。これはメニューから [ツール]->[インターネット・オプション]->[プログラム] と辿って、「HTML エディター」を Word 以外のもの （Notepad しか見つからなかったけど...) に変えればいい。JavaScript で生成したコードも見れた。

しかし、見えなくもある。

ただし、この機能、firefox ほど完璧ではないように見える。今回、生成されてるはずのコードは

<span id="foo" onclick="function(){bar();}">hogehoge...

なのに、Sleipnir で見ると

<span id="foo">hogehoge...

onclick 属性が抜けてしまった （firefox なら、もちろん大丈夫）。でも、hogehoge をクリックすると、関数 bar は呼ばれてる。この onclick は span_node.setAttribute('onclick','function(){bar();}'); のように設定したのだけど、それが拙いのかな? なんか IE は setAttribute 系と相性が悪そうだし。それとも、Sleipnir のバグだろうか。うーん、ドツボに嵌って行く感じ。