Developer Center 今月のトピックス

HTML ベースの AIR アプリケーション開発環境のセットアップ

http://www.adobe.com/jp/devnet/air/articles/use_air_extension.html

Adobe AIR（Adobe Integrated Runtime）、Flash／Flex／HTML／JavaScript／Ajax などの技術をサポートしており、それぞれ得意な手法でアプリケーション開発を進めていけるのが大きな特長です。この記事では Web 開発の技術を活かし、HTML ベースの Adobe AIR 用のアプリケーションを作り上げるための手順にスポットを当ててみましょう。

そこで、Dreamweaver の AIR 拡張機能を使って、作成した Web ページを AIR アプリケーションへと変換する手順 ─ AIR ランタイムのインストール、ダイアログの設定内容、デジタル署名、AIR SDK の使い方 ─ を細かく解説します。

記事内容：

「Adobe AIR のランタイムをインストール」

「Dreamweaver 用 AIR 拡張機能」

「Dreamweaver を使った AIR アプリケーション作成手順」

「AIR SDK」

「AIR SDK を使った AIR アプリケーション作成手順」

Spry を使った実験：ハイライト機能付き元素周期表

http://www.adobe.com/jp/devnet/dreamweaver/articles/spry_periodic_case_study.html

Spry のテクニックを駆使した実験サンプルとして、元素周期表を Spry で実装してみました。ページの上部には、元素の特性などを記したリングボタンがあり、クリックすると該当する元素がハイライト表示されます。また、ツールチップを使って元素へマウスオーバーした際に、その元素の詳細情報を表示するなど、非常に便利で分かりやすい周期表を Spry で完成させることができました。

この実験サンプルを通して、Spry のコードの考え方や手法を段階に分けて解説しています。Spry コミュニティの方なら、ここで使っているテクニックのいずれにも興味を持っていただけると思います。

記事内容：

「Spry 周期表の基本機能」

「HTML マークアップ」

「ハイライト機能」

デベロッパー／デザイナー向け ActionScript 3.0 講座 パート1；プレローダー

http://www.adobe.com/jp/devnet/actionscript/articles/lightweight_as3.html

デベロッパーセンター内にも「デベロッパー／デザイナー向け ActionScript 3.0 講座」が登場です。ナイキ、コカコーラ、ソニーピクチャーズなどのサイト制作を手がける Big Spaceship のシニアデベロッパーである Jamie Kosoy 氏による第1回目の講座では、モジュール・プレローダーの作成を通してクラスの書き方を紹介します。また、パフォーマンスを最適化するための実例や、アートワークを見直して思い通りのルック＆フィールを実現するための考え方もお伝えします。

プレローダーのサンプルファイルもダウンロードできますので、ActionScript 2.0 の知識がある方はぜひ記事をご覧になり、ActionScript 3.0 の世界を体験してみてください。

記事内容：

「タイムライン」

「ムービークリップをプレローダークリップに変換する」

「スーパーモジュール」

Spry テキストフィールド検査ウィジェット導入事例：ショッッピングポータル「カラメル」

http://www.adobe.com/jp/devnet/dreamweaver/articles/calamel.html

国内での Web 開発 Tips としてご紹介するのが、ショッピングポータル「カラメル」での Spry 利用法です。「カラメル」では、商品購入履歴やお気に入りの商品をソーシャルブックマーク形式で登録できる「マイカラメル」というユーザ機能があり、その登録作業のユーザビリティを向上させるために、Spry の中の特長的な機能のひとつである「Spry テキストフィールド検査ウィジェット」を利用しています。この記事では、Spry テキストフィールド検査ウィジェットを紹介するとともに、実際にどのようにカラメルで使用しているかを解説します。

Dreamweaver CS3 で実際に試せるサンプルファイルも用意されていますので、ぜひこの記事から Spry の利用法を学び、皆さんのサイトの入力フォームにも反映してみてください。

記事内容：

「Spry テキストフィールド検査ウィジェットの特徴と利用方法」

「ショッピングポータル「カラメル」での使用例」