SpryとAIRもDreamweaverで楽々

たにぐちまこと(H2O Space.)
2007/09/20 19:43

今回はSpryをAdobe Integrated Runtime(AIR)で利用する方法を解説しよう。Adobe Dreamweaver CS3を利用していれば、拡張機能で簡単に作業することができる。

 できあがったら、[サイト][Package as Adobe AIR Application...]メニューをクリックする。図1-7のようなダイアログが表示されるので、それぞれの項目を設定していこう。Spryを使った場合は、ライブラリのファイルを同梱する必要があるので画面下部の「Included files/folders」で、「SpryAssets」というフォルダを追加しておこう。[Package]ボタンを押すと、同じディレクトリ内に「.air」という拡張子のファイルができあがる。これで完成だ。

図1-7 パッケージングの設定

 できあがったAIRファイルをダブルクリックしてみよう。図1-8のような画面が表示されてインストールを促される。指示に従ってインストールしていけば完了だ。起動すると、図1-9のように今作っていたWebページが単独のアプリケーションとして起動していることが確認できる。アイコンもDock内に表示され、アプリケーションの切り替えなどでも切り替えることができるようになっている。

図1-8 ダブルクリックでインストール
図1-9 できあがったAirコンテンツ

 このように、HTMLとJavaScriptだけで、非常に自由度の高いアプリケーションソフトを作ることができる。しかも、WindowsでもMac OSでも同様の動作をすることができるので、魅力的なアプリケーション開発環境といえる。

 今後、AdobeはSpryの開発を進めるに当たり、このようなAIRアプリケーションでの利用を前提としたウィジットなどを増やすことも考えられるだろう。Spryの今後に、目が離せない。

記事の感想やご意見をコメントでお寄せください(CNET_IDログインが必要です)
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 読者投票
    今、使っているマシンのOSは?

    投票受付期間:2008年6月27日 〜 2008年7月11日
  • » 投票しないで結果だけ見る