ホーム » ビジネスブログ » Ajax (システム開発) »

つくるぶのガイドブログにFlickrとのマッシュアップ記事を書きました

2007年11月 9日

つくるぶのガイドブログにFlickrとのマッシュアップ記事を書きました

投稿者 竹村

こんにちは。SEの竹村です。

つくるぶのガイドブログにFlickrとのマッシュアップ記事を書きました。

▼Flickrとのマッシュアップ!(PopBoxとdhtmlxGrid) その1
guide.jpg
http://www.tkrb.jp/guide/2007/11/flickr_image_search_mashup.html

Flickr APIからデータを取得する方法と、それを簡単にする『jsr_class.jsライブラリ』の説明や、APIで取得したサムネイル写真を拡大表示するのに『PopBox』というライブラリの実装について、また、PopBoxで拡大表示した画像をお気に入り登録したときにリストで表示する『dhtmlxGrid』というライブラリを実装しています。

今回の記事はFlickrからデータを取得して表示するあたりでお時間となってしまっているので、
ちょっと物足りないかもしれませんが、PopBoxとdhtmlxGridを使ったサンプルは
↓こちらにあります。

▼画像検索マッシュアップ - 僕のお気に入り
sample_image.jpg
http://okra.ark-web.jp/~takemura/public/js/my_favorite/

キーワードを入力して[検索]ボタンをクリックすると、Flickrから該当する写真一覧がサムネイルで表示されます。
サムネイルをクリックすると拡大表示され、写真の下のほうにある「Myリスト追加」をクリックすると、下に表示しているMyリストに追加されます。

※現状Myリストに同じものを入れない等の作り込みはしていません。


次回のガイドブログは11/22夜の予定ですので、どうぞよろしくお願いしますm(_ _)m

投稿者 竹村 : 2007年11月 9日 11:34

カテゴリー: Ajax (システム開発) , RIA (システム開発)

タグ: マッシュアップ , Flickr


Movable Type用高機能メールフォーム生成プラグイン A-Formの詳細へ
Movable Type用会員限定サイトプラグイン A-Memberの詳細へ
Movable Type用予約サイト構築プラグイン A-Reserveの詳細へ
ARK-Web×CSR(企業の社会的責任)

アークウェブの本

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む

Movable Type プロフェッショナル・スタイル

Movable Type プロフェッショナル・スタイル

ビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。続きを読む

Web屋の本

Web屋の本

Web 2.0時代の企業サイトの構築・運用などの戦略を考える「Web屋の本」 (技術評論社)を、中野・安藤が執筆しました。続きを読む

新着はてブ

Loading

アーカイブ

応援しています

  • キッズ・セーバー
  • ソロモン・リリーフ ─ソロモン諸島を応援する有志による、震災復興支援プロジェクト─

    (終了しました)

RSS配信

 

サービスおよびソリューション一覧


最新情報・投稿をチェック


このページのトップに戻る

Photo by A is for Angie

Powered by Movable Type Pro 6.3.8