jQueryカスタムサーチエンジン&iTwitter powered by jQuery

| コメント(1) | トラックバック(0) |
||

jQueryの情報検索に役立つカスタムサーチエンジンの紹介とjQueryを使ったtwitter widgetの紹介です。今後も勉強しながら少しずつですがjQueryに関する役立つ情報を発信してゆきたいと思っています。よろしくおねがいします。

ここ最近、jQuery: The Write Less, Do More, JavaScript Libraryが注目を浴びていますね。テクノラティやwordpressにも採用されるようになって、jQueryネタの情報が一気に増えました。

jQueryカスタムサーチエンジン&iTwitter powered by jQuery-jquerytop_gif

もし、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が作ってくれました。デザインは私といった感じです。ネタですかね。ちょっともったいない気もしますが。

jQueryを使ったtwitter widget iTwitter itwitter_jpg

caption

でも使われているスクリプトはとても参考になりますよ。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を使ってユーザービリティ向上できるようにしたい方に役立つような情報を発信してゆきます。よろしくお願いします。

Comments for this entry on FriendFeed.

トラックバック(0)

トラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/258

コメント(1)

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

コメントする

サービス

AmaPOP - amazon affiliate link generator/アマゾンアソシエイト(アフィリエイト)リンク

AmaPOP - amazon affiliate link generator
手軽にあなたのアソシエイトID入りのアマゾンアソシエイト(アフィリエイト)リンクを作成することができるサービス

人気アクセスランキング

OpenID対応しています OpenIDについて
Powered by Movable Type 4.25

このブログ記事について

このページは、cool_ni_ikouが2007年6月 2日 07:16に書いたブログ記事です。

ひとつ前のブログ記事は「ちょと使えるYahoo!Pipes 今より効率的な情報収集を実践できる」です。

次のブログ記事は「ブログエントリーをGTDしてみる」です。

edit

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。