残念ながら、つくるぶが閉鎖してしまうということで、つくるぶの「ガイドブログ」で竹村が書いていた記事についてまとめたページを作りました。利用して実装したものです。†http://www.tkrb.jp/guide/2007/11/flickr_image_search_mashup.htmlFlickrから画像データを取ってきて、その画像の拡大表示をしたり、データグリッドに格納したりするサービスを想定したWebアプリを作るまでについて書いています。初回は、Flickrから画像をJSONPで取得して表示する部分がメインになっています。†http://www.tkrb.jp/guide/2007/11/flickr_image_search_mashup_vol2.html第2回は、PopBoxとdhtmlxGridの使い方についてメインに扱っています。簡単な使い方と細かい設定とAPIについては、下記もあわせてご覧ください。†http://www.tkrb.jp/guide/2007/12/flickr_image_search_mashup_vol3.html第3回は、それぞれの技術を組み合わせて、Webアプリになるように動作制御を入れています。具体的には、登録済みチェックや一言コメントを入れる、内容をサーバへ送信する、サーバから受けたXMLデータをリスト表示するなどです。この3回シリーズを振り返ったつくるぶガイドブログ:『Flickrとのマッシュアップ』記事のまとめと振り返りには、JSONPに対応しているWebサービスAPI提供サイトをいくつかピックアップしておきました。JSONPは、JavaScriptのみで完結するためマッシュアップには適しています。†http://www.tkrb.jp/guide/2008/01/recaptcha.htmlスパム書き込みを防ぐCAPTCHAの一つである、reCAPTCHAの導入とカスタマイズについて書きました。LITBoxを使用したレイヤー表示後にreCAPTCHA表示を動的に行うサンプルを書いています。†http://www.tkrb.jp/guide/2008/02/state_control_that_used_swfaddress2.htmlAjaxで動的に表示する商品詳細などの画面に対して、ディープリンクをつけることができるSWFAddress2.0について書いています。イベントハンドラによる動作制御と、状態による動作制御の違いについて書いています。弊社ビジネスブログの方に記述したRIA:SWFAddress2.0によるディープリンクの作り方とアクセス解析の注意点も合わせてチェックしてみてください。†http://www.tkrb.jp/guide/2008/02/swfaddress2_store-mushup_demo_with_rakuten-api.html楽天のAPIを利用して、一覧を表示し、詳細を表示するマッシュアップを作る際に、前回のSWFAddressを使ってディープリンクを確保する。いうSWFAddressの実践編的な内容です。JSONPで取得したデータを表示する際に、外部HTMLをテンプレートとしてAjaxで読み込んで、prototype.jsのinterpolateで置換する形にチャレンジしています。†http://www.tkrb.jp/guide/2008/03/just_shift_to_adobe_air_by_html_and_javascript.htmlAIRの魅力の1つに、今までWebを構築してきた技術であるHTMLとJavaScriptによって、AIRアプリもまた構築できる点があげられると思います。この記事では、まずWebアプリを作ってからAIRアプリ化する方法を記述しています。AIRアプリの配布の方法として、インストールバッジによる配布について記述してあります。この方法ではAIRランタイムも同時にユーザ環境へインストールされるので、ユーザのインストールへの敷居をグッと下げられると思います。†http://www.tkrb.jp/guide/2008/03/mashup_sample_which_joins_web_and_local_together_using_air_api.htmlホットペッパーのAPIを利用して、まずはWebアプリを作っています。そこから、AIRに設定ファイルを渡して、ローカルのSQLiteに保存、そのデータを利用したAIRアプリの実装について書いています。3.7.7をリリースしました。