2009 7月 | ウダ2Blog

Archive for 7月, 2009

Googleサジェストみたいなオートコンプリート

一昔前に一世風靡したGoogleサジェスト風のオートコンプリートの実験をしてみた。
オートコンプリートは以前から気になっていてオープンソースなAJAXを試したりしした事はあったんだけど日本語はIMEを通すので正常に動かなかった
「IMEを通すから仕方ないよな～」と納得して実際のサイトに使う事は無かったんだけど
ふと、「Googleのオートコンプリートって日本語もオートコンプリートしてるような・・・」と思って調べる事にした。
Googleのオートコンプリートはac.jsを見ればいいのだけれど難解すぎるのでパス。
検索してみると
Google サジェストの不思議
という記事を見つけた。keydownがダメなだけであってkeyupだとIMEの入力途中の文字も参照できるみたい。
そこで、ベースにするオープンソースなAJAXを探してみた。せっかくCS4になったのだからSpryを使っても良かったけど中身を弄る可能性が大きいので
jQueryでシンプルそうでキャッシュが付いてる「jquery.suggest」っていうのを使う事にした。
データはMyReleaseのキーワードを人気順に並べて使う事にした。
やってみたがIMEでつまづく、keyupにしてもkeydownにしてもダメ。
試しにIEでやってみたらいける。どうやら昔試した時もブラウザの問題で挙動がおかしかったのかもしれない。
調べてみると
tonextone.com/note/ – JavaScript の *.onkey* と IME の事情。その1
どうもブラウザに挙動が違うらしい。諦めかけてると次の記事に解決法が書いてあった。
tonextone.com/note/ – JavaScript の *.onkey* と IME の事情。その2
Googleさんはタイマーをしかけてたらしい。
という事でテスト終了。
日本語オートコンプリートテスト
（ライセンスを書いてないので書き換えていいのか分からないがjquery.suggestもjQuery autocompletersを元にしてるらしいんでいいんかな？）

2009/07/05 | Tags: google, オートコンプリート, サジェスト | 制作日記 | 3件のコメント »

新楽天ブックス系API

今日も暇だったのでメールの整理をしていたら「【重要】旧楽天ブックス系APIの廃止のお知らせと移行のお願い（楽天ウェブサービス）」のメールが・・・
後で見ようとマークを付けていた様だけどすっかり忘れてしまってた。日付を見ると5月25日。一ヶ月以上前のメールだ。
新楽天ブックス系APIはISBNやJANに対応してるらしい。
旧楽天ブックス系APIを使ったコンテンツを作った事があるがamazonとかのAPIと比べ劣っていたので出来るコンテンツが限られていたけど今回のは使えそうだ。
MyReleaseに新楽天ブックス系APIを付けてみた。
提供してくれる情報も豊富で書名や著者のフリガナまで付いてる。
テストで適当なISBNコードを入れてやってみた。返ってきたXMLを見ると名前にコロンが付いてる。XML名前空間ってやつだ。（名前空間の使い道はよくわかってない）
確かsimplexmlでは対応してなかったような・・・PHP4の時使ってたDOMの方ならなんとかなった気がするが面倒いなとか思いつつググってみると
楽天 API と simplexml_load_file : やおよろグッ！に解決方法が載ってた。
先にファイルを読み込んでセミコロンの部分を取り除いてからsimplexmlって方法。
裏技的な方法だけど問題なさそうなのでやってみた。
他の箇所も調整してたので時間は掛かったけど問題なく動いてる。
めでたしめでたし。と思ってると
SimpleXMLで名前空間付きタグの一覧を取得する – 肉とご飯と甘いもの @ sotarok
simplexmlでもやりようはあるみたい。

2009/07/03 | Tags: API, PHP, 楽天 | 制作日記 | コメントください »

IMEで快適タグ打ち

よく、「便利」とか「裏技」みたいな記事を見て「これはいいかも」と思って、使ってみるが結局使わなくなる事が多いがブログでよく使うタグをIMEに登録する￥のコツ*ホームページを作る人のネタ帳は使える。
タグをIMEの辞書登録しとくって内容。
ホームページを作るときにDreamWeaverを使ってるけど、殆どカーソル移動とタグの補完ぐらいしか使っていない。タグを打ち込むのは手作業だったりするので辞書登録しておくと便利。
CSSとかも入れとくと便利。
例えば背景色（background-color）なんかはよく使うのに長いのでいいかも。
ただ、ホームページを参照するときはFireFoxのアドオンのMake Linkを使った方が速い。

2009/07/02 | Tags: html, TIPS | うだうだ | コメントください »

FireFox3.5

なにやらFireFoxが3.5が正式リリースという事で早速バージョンアップしてみた。
Javascriptが速くなったらしいがそもそもFireFox3が速いので差は分からない。
技術的な事はFirefox 3.5 for developersに載ってて色々面白そうな機能があるがIE6が未だ根強い人気があるので新しい機能を使ったサイトを作るのは当分先の話。
先走りすぎたのかアドオン関係はダメなのが結構あった。FireFoxはアドオンがイイトコなのでこれが使えないと一気にダメな奴になってしまう。
対応済みなのが