jQueryの情報検索に役立つカスタムサーチエンジンの紹介とjQueryを使ったtwitter widgetの紹介です。今後も勉強しながら少しずつですがjQueryに関する役立つ情報を発信してゆきたいと思っています。よろしくおねがいします。
ここ最近、jQuery: The Write Less, Do More, JavaScript Libraryが注目を浴びていますね。テクノラティやwordpressにも採用されるようになって、jQueryネタの情報が一気に増えました。
もし、jQueryで本家サイトを覗いてもわからないことがあったらこちらのCustom Search Engineを使ってみてください。
- jQuery Topics search
- http://www.google.com/coop/cse?cx=001816526500206153589%3Ap3hh00lypb4
このサーチエンジンは、jQuery本家で公開されているメーリングリストのアーカイブから情報検索できるものです。
iGoogleを使っている方は、ご自身のページへwidget追加も可能です。
jQueryの情報収集
最近はまったく勉強していないんです。以前jQueryでわからないことがあるとググって探していたんですが、結構時間かかるんですよね。そんなこともあって、本家サイトで公開されていたメーリングリストから、Google Custom Search Engineを使って、専用サーチエンジンを作ってそこから情報検索をしていました。
意外といろんな情報を見つけることができました。
つい先月ぐらいにDDOS攻撃かなんかで、サーバーが落ちるみたいなことがあり、以前のログが全部消えてしまったようです。10ヶ月ぐらい分のログがもったいない気がします。段階的に覚えるのにはいい内容がいくつかあったような気がします。
そんなこともあり、最近メーリングリストアーカイブの保存先も変わったようなので、それに対応するように変更しました。もしjQueryで本家サイトを覗いてもわからないことがあったときは、このjQuery Topics search使ってサーチしてみてください。
少しは情報収集する時間の削減を図ることができると思います。※日本語不可・すべて英語です。検索キーワードも英語指定しないとダメです。
一応、このブログのサーチエンジンの中にも組み込んであるんですよ。これからjQueryネタを発信してゆこうかと思ってです。
あとは、以前の記事で紹介したPipes: Cool na Blog serachなどを使って、毎日マメに新しく更新されるフィードからご自身のブックマークへ登録しておくのもいいかと思います。
今はわからないけど、いつか必要になるって情報なんかもクリップしておくといいかと思います。 最近"json"と"jQuery"ネタのフィードは欠かさずチェックしてブックマークするようにしています。今後のためにね。
Google Custom Search Engine
Google Co-opから提供されているGoogle Custom Search Engineを使って特定サイトだけから情報を検索できるのを利用すると効率よく情報取得できます。
グループでもカスタマイズできるので、気の合ったメンバーでGoogle Custom Search Engineをカスタマイズしてゆけば、もっと使えるものになるかと思います。
また、Movable TypeにGoogle AJAX Search APIを利用した検索機能を実装の記事でも紹介していますが、簡単にGoogle AJAX Searchに組み込むことが可能です。
関心のある情報を探しにあなたのページに来ていることを考えたら、発信している内容に付随したコンテンツのカスタムサーチエンジンをページに追加しておくのは、いい意味でのユーザビリティにつながるのではないかと思ってです。
これからどんどん情報が増えてゆくことを考えたら、ユーザーが簡単に検索できる機能を発信者側が提供するのは当たり前で、そして探しやすくするのがWEBデザインにおいてとっても重要にになってくると思っています。
注意:あまり追加しすぎると、最初のページ読み込みに時間がかかりすぎてストレスを感じさせるようになるので、適度に
jQueryを使ったtwitter widget "iTwitter "
以前のエントリーTwitter ブログパーツ(Badgesカスタマイズ)と素材 の中でのアイデアで、もう1ヶ月ぐらい経つんですが、jQueryを使って"iTwitter "ってみたいな面白いものも作ることができました。スクリプトはすべてYungSangが作ってくれました。デザインは私といった感じです。ネタですかね。ちょっともったいない気もしますが。
でも使われているスクリプトはとても参考になりますよ。jsonの読み込みやボタンクリックからのイベント処理など、短いコードでこんな機能的なものが作れるのがすごいです。それをいとも簡単に作るYungSangもすごい。
短いスクリプトでこういったものが簡単に作れるのもjQueryの魅力です。大変勉強になりました。YungSang感謝しています。サーバーも提供してくれていて、申し訳なく思っています。本当にありがとうございます。
- iTwitter (β): a twitter feeder which looks like iPhone
- http://yungsang.l-xs.net/itwitter/cool_ni_ikou
http://yungsang.l-xs.net/itwitter/あなたのユーザーネームiTwitter のアドレスをちょっと変えてみてください。ご自身のタイムラインを表示できるようになっています。
テキスト表示の下のボタンをクリックすることで、表示コンテンツが切り替わります。
〔水色ボタン〕は、public timeline表示
〔緑色ボタン〕は、あなたの timeline表示
〔紫色ボタン〕は、あなたのFriends timeline表示
といった具合です。なんかのgadget系のプロモーションにtwitter使えるかもしれないですね。
また、今度のエントリーでjsonプラグインを使ったことなどをポストするつもりでいます。あとは、iTwitter でのイベント処理についてですかね。素人ながら一生懸命作ってみたいと思っています。
また少しずつですが、jQueryネタを発信してゆきたいと思っています(勉強しがてらなんですが)。javascriptをしっかりと把握できている方には、たいしたことない情報かもしれないですが、WEBデザインやっている方でこれから覚えようって方や少しでもajaxやjavascriptを使ってユーザービリティ向上できるようにしたい方に役立つような情報を発信してゆきます。よろしくお願いします。




jQueryはプログラムが苦手な僕のようなスキルのデザイナーにも扱えるエレガントなライブラリーだなと感じています。加えてcssが装飾デザインをxhtmlから分離したように、jQueryを利用すればjsやphpといった機能デザインをxhtmlから分離しちゃう事ができる訳ですもんね。ブレイクする予感。