Takesato Hayashi

Dreamweaver, Flash, FireworksはExtension Managerを使って、簡単に機能拡張を管理（インストール、アンインストール、オンorオフ）できる仕組みを持っています。最新のAdobe Extension Manager CS3に対応したインストール用のXMLファイルの書き方を解説したPDF『The Adobe Extension Installation File Format』を下記に公開しています。（すみません、こちらは英語のドキュメントです）

・The Extension Installation File Format
http://download.macromedia.com/pub/exchange/mxi_file_format.pdf

インストール時に対応しているバージョンをチェックする際、のように記述するのですが、CS3製品のバージョン番号は下記になります。拡張機能作成時にご利用ください。

公式ブログで「次のバージョン、たぶん「Pre-release 1.6」は、夏の終わりに頃には…」と書いているSpryですが、プレビューということで1.6で搭載予定の「Tooltip widget」のサンプルを下記で公開しています。JSファイルとドキュメント（英語ですが）も公開していますので、興味あるかたはぜひ！

・Spry 1.6 Preview
http://labs.adobe.com/technologies/spry/preview/

After Effectsはエクスプレッション言語（簡単なスクリプト言語）を使ってアニメーションを作成できる機能があります。エクスプレッション言語はJavaScriptをベースとして作られており、多くの値にアクセスできます。
エクスプレッションが初めての方に分かり易いコンテンツがマイコミジャーナルで公開されました。古籏一浩さんによる『After Effects自動化作戦 – Expressionで自動化してみよう』。サンプルを見ながら、回転や位置、不透明度の値をエクスプレッションを使って変化させる方法を勉強できます。

・『After Effects自動化作戦 – Expressionで自動化してみよう』
http://journal.mycom.co.jp/articles/2007/07/19/afterauto/menu.html

基本作業からはじまりSpryを使ったページ作成まで、Dreamweaver CS3の使いどころを解説する『Dreamweaver CS3例文辞典』が公開されました。古籏一浩さんによる『逆引きAdobe Spryリファレンス』、『Ajaxを勉強しよう』 につづき、サンプルやスクリーンショットが用意されており分かり易い解説となっています。

・『Dreamweaver CS3例文辞典』by 古籏一浩さん
http://www.openspc2.org/reibun/DreamweaverCS3/

時間が空いてしまいましたが、6月にAdobe Labsで公開されたDreamweaver CS3用のAIR拡張機能について説明します。

・必要システム構成
- Dreamweaver CS3
- OSはDreamweaver CS3のシステム構成に対応
- Adobe Extension Manager CS3
　Dreamweaver CS3をインストールすると同時にインストールされます。
　インストールされていない場合は下記からダウンロードできます。
　http://www.adobe.com/jp/exchange/em_download/
- Java virtual machine(JRE or JDK version 1.4.2 or newer)
　※これは、AIRアプリケーションを作成するために必要
http://java.sun.com/j2se/1.4.2/download.html
もしくは、
http://java.sun.com/javase/downloads/index.jsp
- Adobe Integrated Runtime (AIR)
http://labs.adobe.com/downloads/air.html

・ダウンロード
下記にてAdobe AIR Extension for Dreamweaver betaをダウンロードいただけます。
http://labs.adobe.com/wiki/index.php/AIR:Dreamweaver_CS3_Extension

・開発者用ドキュメント（英語のみ）
英語のみとなりますが、『Developing AIR Applications with HTML』という開発者用のドキュメントを公開しています。Dreamweaver用の拡張機能について解説している“AIR Extension for Dreamweaver”という章があり、拡張機能の使い方やプレビューの方法、AIRアプリケーションへのパッケージ方法など説明していますので、ぜひご覧ください。
http://livedocs.adobe.com/labs/air/1/devappshtml/help.html?content=AIR_extension_01.html

※日本語版のDreamweaver CS3で使う場合
下記の2点、注意点がありますのでご了承ください。

1. Dreamweaver起動&終了時、新規ファイル作成時等にJavaScriptのエラーダイアログが2度表示されます。（その際はOKを押せば作業を継続できます）
   
2. テキストのエンコーディングはUTF-8のみ対応（他のエンコーディングは文字化けします）

Tipsとしては、AIRアプリケーションを作成していない時は拡張機能でオフにすれば、JavaScriptのエラー画面が表示されなくなります。必要な時に拡張機能をオンにするようにしていただければと思います。

追記：
日本語環境でJavaScriptのエラーが出る症状ですが、あくまでも自己責任ですが回避方法をakihiro kamijoで公開しています。

正規のコメントとしては、次のアップデートまでお待ち下さいになりますが、
あくまで自己責任でお願いしますということでフォローすると、以下の修正を行えばエラーが出なくなるようです。

AIRInit_onOpen.htm ファイル （Windows の場合、ユーザディレクトリ下の
Application Data\Adobe\Dreamweaver 9\Configuration\Commands 、
OS X の場合 ライブラリ/Application Support/Adobe/Dreamweaver 9
/Configuration/Commands にあります） の 73 行目
var attrName = keywordsNodes[j].getAttribute(“name”);
if (attrName && attrName.toLowerCase() == “client keywords”)
を以下のように変更します。
var attrName = keywordsNodes[j].getAttribute(“id”);
if (attrName && attrName.toLowerCase() == “codecolor_javascriptclient”)

15日のセッションに参加いただきました皆様、ありがとうございました。当日紹介したSpryドキュメントのダウンロード先等、下記に列記します。

・Spry 1.4 デベロッパーガイド（Dreamweaver CS3が搭載しているSpry 1.4の日本語解説です。PDFとHTMLのLive Dock版があります）
http://www.adobe.com/support/documentation/jp/dreamweaver/

http://livedocs.adobe.com/ja_JP/Spry/1.4/index.html

・Dreamweaverユーザガイド（Dreamweaver CS3のユーザーガイド、16章でSpry表示ページの作成という項目があり、Spry Data, Spry Widget, Spry Effectsの使い方を説明しています。ヘルプからも参照できますが、まずはPDF版をプリントアウトして読むのをオススメします）
http://www.adobe.com/support/documentation/jp/dreamweaver/

・Spryウィジェットの使用（Flash Videoを使ったオンラインのチュートリアル）
http://www.adobe.com/jp/designcenter/video_workshop/?id=vid0167

・逆引きAdobe Spryリファレンス（古籏一浩さんによる逆引き解説。サンプルもあり、とても重宝します。）
http://www.openspc2.org/reibun/Adobe_Spry/index.html