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

Dreamweaver記事

 

AIRチュートリアル Dreamweaver 第５回　アプリケーションを完成させよう！～Yahoo!Mapとマッシュアップ～


遠藤 明久氏 AIRプロジェクトチーム

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

遠藤明久氏

AIRプロジェクトチーム

鈴木 拓生氏

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

鈴木 拓生氏

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

目次

  1. はじめに
  2. 第５回の完成画面
  3. 大まかなステップ
  4. Yahoo!地図情報Webサービスに登録しよう！
  5. ファイルの準備
  6. 地図情報を表示する場所を作成しよう！
  7. Yahoo!地図を表示してみよう！
  8. Yahoo!地図の位置情報を取得しよう！
  9. AIRでプレビューしてみましょう。
  10. 表示効果を追加してみよう！
  11. アクティブコンテンツの変換
  12. このチュートリアルを制覇したあなた！
作成日:
2008年４月22日
ユーザレベル:
初心者, 中級
製品:
Dreamweaver CS3

はじめに

第4回では、オープンソース「jQuery」を利用した「じゃらんWebサービス」の情報を表示するチュートリアルをご紹介しました。
第5回では、第2回でもご紹介した外部のAPIを利用し、今度は「Yahoo!地図情報」のWebサービスと連携をします。さらにリッチなインタフェースを作っていきましょう！

必要条件

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

Dreamweaver CS3

Spryフレームワーク1.6.1

サンプルファイル

インストールいただくためには、以下のアプリケーションが必要です。:
  1. Adobe® AIR™ Runtime
  2. じゃらん AIR サンプルアプリケーション

じゃらん AIR サンプルアプリケーション
のインストール

画像をクリックしてください。
インストールが開始されます。

AIRのシームレスインストールの方法についてはこちらを参考にしてください。


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

前提条件

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

ページ 1 / 5
次のページ

著者について

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