雑念ベース

　しばらく前に 0.5.0 をリリースした AmazonLink ですが、ASIN を調べるのにわざわざ Amazon.co.jp に行くのは面倒であることに気がつきました。アソシエイトセントラルで調べたりしたら意味がないですしね。

　というわけで、先週から記事作成画面で検索する機能を実装中です。アクションフックの dbx_post_advanced を使って、抜粋表示オプションなどのドッキングボックス部分に検索フィールドを追加しています。検索結果は Ajax を使っているのでリロードやポップアップウィンドウはありません。

　Ajax らしく、ローディング中は回転アニメーションを表示。Ajax といえばやはりこれです。

　ちなみに、このアニメーションファイルは Ajaxload で作成しました。ブラウザで手軽に作れるのでお勧めです。

　検索結果の表示はこんな感じ。タイトルの下にあるのが、AmazonLink 用のコードです。本当はクリックで挿入とかやりたいところですが、方法がまだわからないのでコピー＆ペーストで。

　今後の優先課題は、10件目以降の検索結果への対応ですね。Amazon Web Service では、10件ごとにしか検索結果を得ることができません。それ以上はページを指定する必要があり、そのページ切り替えの仕組みを考え中です。

　ちなみに、使用している JavaScript ライブラリは次のとおり。

• prototype.js 1.5
• XML.ObjTree
• JKL.Dumper

　XML.ObjTree は、XML データや DOM ツリーを JavaScript オブジェクトに変換してくれるライブラリです。JKL.ParseXML の後継で、prototype.js を使う場合はこちらのほうがお勧めだそうです。内部から prototype.js を呼び出して直接オブジェクトを得ることも可能ですが、XML データの取得と JavaScript オブジェクトへの変換は別にしたほうがデバッグしやすいと感じました。prototype.js で取得して、それを XML.ObjTree に渡して変換ですね。
　JKL.Dumper は XML.ObjTree と同じ作者によるライブラリで、JavaScript オブジェクトをJSON 形式テキストにダンプしてくれます。目で見るとわかりやすいので、デバッグ用に使用しています。これもお勧めです。

　このタイトルでわかった人は、長年パソコンを使っている人かもしれません。

　何のことかといいますと、コンピューター上で表示される数字のゼロのことです。先日、次のブログ記事を読みました。

• ゼロに斜線をつけますか？ - 一般システムエンジニアの刻苦勉励（ITmedia オルタナティブ・ブログ）

　この記事の序盤では、数字のゼロとアルファベットのオーを区別できるように、携帯電話で使われているフォントではゼロのほうに斜線がつけてあるということが書かれています。パソコン上でこの表現が使われていたのは知っていますが、携帯電話で生き残っていたとは知りませんでした。

　記事を読んでいて思い出したのが、初めてパソコンに触れたころは斜線ではなく中点だったという記憶。カタカナの「エ」を90度回転させたようなものもあった気がします。画像を探しましたが見つからなかったため、記憶を頼りに再現してみました。左が中点で、右が90度回転した「エ」です。

　記憶ありますか？

• IT業界人に10の質問？（ぉぃ）（Telmina）

　というわけで、企画に乗ってみることにします。一応は、業界の端っこにいるつもりでいます。

　次の10の語句について、それぞれどう発音しますか？　カタカナでお答えください。

1. AJAX
2. ASUS
3. AOpen
4. Windows Me
5. WordPress ME
6. C#
7. src（HTMLのimg要素等の属性）
8. href（HTMLのa要素等の属性）
9. .bmp（Windows形式の画像の拡張子）
10. .gif（汎用的な画像形式の拡張子）

AJAX

エイジャックス

ASUS

アサス

AOpen

エイオープン

Windows Me

ウィンドウズエムイー

WordPress ME

ワードプレスエムイー

C#

シーシャープ

src（HTMLのimg要素等の属性）

ソース

href（HTMLのa要素等の属性）

エイチアールイーエフ

.bmp（Windows形式の画像の拡張子）

ビーエムピー

.gif（汎用的な画像形式の拡張子）

ジフ

　読める場合はローマ字式で読んで、読めなかったり語呂が悪いと1文字ずつ読む傾向がある気がします。
　ASUS はアスースが本来の読み方のようですが、語呂がいまいちなのでアサスで。

　WordPress ME（以下、ME と表記）はバージョンが上がるごとに Ajax の導入が進んでいるようです。当然のようにいくつか Ajax ライブラリが標準で付属していて、その数も導入具合同様増えている模様。
　標準で付いているというのは一見便利なようですが、プラグインを開発する側から見るとなかなか悩ましいのです。自分が使いたいものが付属していればいいのですが、そうでない場合は相性の問題が出てきます。

　現在このブログで使用している WP のバージョンは 2.0.10 です。このバージョンには Simple AJAX Code-Kit（SACK） のバージョン不明のものが付属しています。ME 2.2 からは jQuery が中心になっていくようなので、Ajax を導入したプラグインの開発に jQuery を使用しようとしたのですが、どうやら SACK と相性が悪いようでエラーが出てしまいました。
　また、ME 2.1.3 と 2.2.1 に付属の SACK のバージョンは 1.6.1 となっており、2.0.10 付属のものとは使い方に違いがあります。SACK を開発に使用するとしても、2つのバージョンに対応させる必要があります。ME 本体で使っているのですから、自前で持っているものを使うというわけにも行きません。正直、うまく動くとは思えません。

　とりあえず、ME 2.0.10 には付属していなくて ME 2.1.3 と ME 2.2.1 に 1.5.0 が付属している Prototype.js が大丈夫そうなので、これを使って開発に挑んでみようと思います。

　WordPress の投稿画面にあるトラックバックとかカスタムフィールドといった、ドラッグして順番を入れ替えられる部分（ドッキングボックスというらしい）を追加できる dbx_post_advanced というフックを見つけていろいろやっていたら、いつの間にか順番の入れ替えができなくなってしまいました。

　Firefox2 だとドラッグのたびに sibling has no properties という JavaScript エラーが出てます。IE の場合は位置がおかしくなり、そのままフリーズしてしまいました。

　Firefox での該当箇所は見つけたけどよくわからない。仕方がないのでプラグインを無効にしたりファイルをオリジナルのものからアップロードし直したりしてみましたが変化なし。

　別に順番を変えられなくてもそんなに困ることじゃないのですが、プラグインの開発中に変なエラーが出ても嫌なので直したいところです。同じバージョンを別のところにインストールですかねぇ。原因を切り分けないと・・・。

2007年6月23日 午後12時28分 追記

　デバッグのため該当ファイルの wp-includes/js/dbx.js に改行を入れた（ファイルサイズを抑えるために全部1行になってます）ものをアップロードしたら直ってました。試しに me209-to-2010.zip からアップロードしてみるとこれもOK。
　よくわからないけど直ったようです。原因不明のままですが、まあよかった。