アクセシビリティ
デベロッパーリソース

Dreamweaver記事

 

AIRチュートリアル Dreamweaver 第2回 インターネット上の情報を使ってみよう! ~ SpryでじゃらんAPIを利用する~


たいちょ氏 AIRプロジェクトチーム

【チュートリアルコース開発担当】

たいちょ氏

AIRプロジェクトチーム

鈴木 拓生氏

【サンプルアプリケーション開発担当】

鈴木 拓生氏

株式会社リクルート
メディアテクノロジーラボ

目次

作成日:
2008年4月10日
ユーザレベル:
初心者, 中級
製品:
Dreamweaver CS3

はじめに

第1回では、Dreamweaver CS3によるAIRアプリケーションの開発に必要な環境を整え、AIR制作の第一歩を踏み出しました。
DreamweaverでAIRアプリケーションを作成することがいかに簡単か、実感いただけたかと思います。

続く第2回からは、

  • Spryフレームワーク
  • jQuery
  • リクルートWebサービスの「じゃらんWebサービス」
  • Yahoo! Japanの「Yahoo!地図情報Webサービス」

などをDreamweaverと組み合わせ、【宿泊施設検索アプリケーション】を作ることを目的に、AIRアプリケーションの制作手法をご紹介します。「Webサービスの利用」と聞くと難しそうですが、Spryフレームワークの洗練された機能を使用することで、手間なく簡単に新しいテクノロジーを活用できます。

第2回となるこのチュートリアルでは、Spryフレームワークで動きのあるインターフェースを作成し、WebサービスとしてリクルートWebサービスの「じゃらんWebサービス」が提供するAPI情報(宿泊施設情報)を効果的に表示させます。WebサービスはAPI(Application Program Interface)と呼ばれる決まりに従って公開されていますが、Spryを利用すれば、複雑なコードを書くことなく情報を取得できます。

もちろんSpryはAIRアプリケーションにしても動作しますので、SpryとAIRを組み合わせることで、Dreamweaverだけで「ガジェット(デスクトップ上で動くプログラム、ウィジェットとも)」や「マッシュアップしたWeb2.0アプリケーション」を作成できます。AIRコンテスト略してエアコンと聞いて、『自分は関係ないや』と思っているDreamweaverユーザーの方、そんなことはありません!Dreamweaverとあなたのアイデアしだいで、優勝できる可能性はめちゃくちゃあります!

必要条件

このチュートリアルを完了するには、次のソフトウェアとファイルをインストールする必要があります。

Dreamweaver CS3

Spryフレームワーク1.6.1

サンプルファイル

また、インターネット上の情報を利用するため、インターネットに接続する環境が必要になります。

前提条件

Dreamweaver CS3の基本操作(イメージの配置やCSSの設定など)ができることが前提となります。

著者について

m-School(エムスクール)は、プロフェッショナルのためのアドビ認定トレーニングセンターです。"あなたが今、必要とするスキル"が即座にマスターできる、短期集中の講座を多数ご用意しています。法人研修や出張講座の実績も多数あり、すぐに業務で活用できるノウハウをご提供しています。運営は、教育関連事業で90年の実績がある学校法人駿河台学園(駿台予備学校)グループの、エスエイティーティー株式会社が行っています。[AIRプロジェクトチーム たいちょ氏]
鈴木 拓生氏
株式会社リクルート メディアテクノロジーラボ
1979年11月千葉県生まれ
2004年3月 慶応義塾大学院 政策•メディア研究科卒業
デザイン会社、フリーランスを経て2007年株式会社リクルートメディアコミュニケーションズ入社
現在、株式会社リクルートの実証・研究機関であるメディアテクノロジーラボにて研究員として活動中。メディアテクノロジーラボでは主にDESIGN SHOWCASE マッシュアップアワードの運営等を担当。