雑念ベース

　納期がないといろいろいじってしまって、公開が伸びてよくないですね。ひとまず現状報告です。

対象バージョン

　動作対象とする WordPress のバージョンは、ME 版の 2.0.x ～ 2.2.x としています。2.0.10 と 2.1.3 で確認済みで、リリース前には 2.2.1（りリース前に ME での公開があれば 2.2.2）での動作確認も行う予定です。
　2.1.x 以降では、JavaScript ライブラリの読み込みを wp_enqueue_script で行うようにしています。

新機能

　現在公開中の0.5.0から追加された新機能は2つあります。

　まず、オプションページのリンクや背景色を入力するフォームに、カラーピッカー機能が追加されました。フォームの横のリンクをクリックすると、近くにカラーピッカーウィンドウが開きます。ポップアップウィンドウになってしまうので、ブロックされてしまう可能性があります。DHTML による擬似ウィンドウ表示もできるようですが、うまくいかなかったためポップアップとなっています。
　なお、この機能は WordPress が標準で持っている JavaScript ライブラリを使用しています。

　もう1つの機能が、投稿ページでの Amazon.co.jp 検索機能です。Firefox 2・IE6・Opera9 での動作を確認してあります。キーワードを入力して検索ボタンを押すことで、選択されているジャンルでの検索結果を Ajax にて表示します。IE6 と Firefox 2 では、キーワード入力フォームでのエンターキー入力でも検索が行えます。検索結果は10件ずつの表示で、ボタンクリックによるページ切り替えも対応しています。

現在の作業

　Ajax ということから、検索機能では JavaScript によるプログラムコードもそれなりの量（改行の多いコーディングスタイルで222行あります）になっています。多数の変数や関数がグローバルでアクセスされる状態になってしまっているめ、ほかのプラグインによって関数が上書きされてしまうといったトラブルの可能性が高くなっています。
　この対策として、現在 prototype.js を使用したオブジェクト指向プログラミング化に挑んでいます。うまくいけば、トラブル発生の率をかなり抑えることができるはずです。

　AmazonLink の Amazon.co.jp 検索に、検索結果のページ切り替え機能を実装しました。

　コードの整理などがある程度終わったところで実装方法を思いついたので、3時間ほどで一気に実装。今のところ気持ちよく動いてくれています。

　ページ切り替えで1ページ目の前や最後のページの次を表示しようとしたときの処理をどうしようかと考えていたのですが、ループして反対側を表示するようにしてみました。これだとボタンの表示非表示の処理もいらないので、作る側としても楽です。

　残りの TODO は、キーワードを入れるところでエンターキーを押されたときの処理だけです。通常だと submit されてしまいますが、代わりに検索ができることを目指します。keydown イベントでキーコードを拾って分岐処理という予定ですが、環境依存にならないか心配です。

　しばらく前に 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 形式テキストにダンプしてくれます。目で見るとわかりやすいので、デバッグ用に使用しています。これもお勧めです。

　AmazonLink 0.5.0 をリリース。ぎりぎり間に合いました。

• AmazonLink（WordPress Plugins/JSeries）

　詳しいことは配布ページで。
　まあ、説明はほとんど要らないと思いますが（＾＾；

　次回からの Amazon.co.jp の個別商品リンクは、すべてこのプラグインを使用します。

　ほぼ完成となっていた AmazonLink ですが、一部仕様変更することにしました。公開時期が延びるかもしれません。

　仕様変更するのはオプションデータの取り扱い方法。ひろまささんの記事『管理画面のある WordPress プラグインの作成方法』を参考に専用のクラスとして扱っていましたが、これだとほかのプラグインなどで同じ名前のクラスを使っていると具合が悪くなります。1度作ったものを使いまわせるようになることを前提でクラス化したのですが、専用の名前にしないと駄目というのは不便です。

　というわけで、EntryKeywords の初期段階で使用していた、連想配列による方式（概念としては構造体に近いです）に戻そうと思います。シリアライズしてそのまま保存してしまう点はそのまま残るので、1クエリですむというメリットは残ります。

　Amazon.co.jp のアソシエイトセントラルには、商品単体の紹介を目的とした、「個別商品リンク」を埋め込むコードを生成してくれるページがあります。私も多用しているのですが、設定が個別になるところが難点。ブログのデザインを変更しようとすると、過去のものをすべて修正しないと浮いてしまいます。

　「なければ作ればいい」ということで、現在プラグインを開発中。
　オプションで共通の設定をできるので、リンクの色を変更したとかあった場合でも一発ですべての個別商品リンクを修正できます。100箇所でも1,000箇所でも平気。使い方も、商品コードである ASIN をタグで括るだけなので簡単です。

　名称はとりあえず「AmazonLink」としました。カテゴリーも作ってあります。

　進行状況は、現在70％といったところ。基本はできていて、オプションの保存とかが未着手です。オプション画面付きは EntryKeywords で1回やっているので、明後日までにはとりあえず公開にこぎつけそうな感じ。

　現在の表示はこんな感じ。たまに壊れるかも・・・。