Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3(以下、DWCS3)との組み合わせで発揮される。
2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。
それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。
エフェクトをかける
前回、Effecsオブジェクトを使って、エフェクトをかけるというスクリプトを紹介した。これを、DWCS3で実際に実装してみたい。
まずは、DWCS3を起動して新しいファイルを作成する。そして、[挿入][レイアウトオブジェクト][Divタグ]とメニューをたどって、

次に、「ビヘイビア」パネルを利用するので、もし表示されていない場合は[ウィンドウ][ビヘイビア]メニューをたどって表示させておこう。(図1-2)


上部の図のように表示して[OK]ボタンをクリックすれば、設定完了だ。このファイルを保存しよう。保存しようとすると、図1-4のような警告が表示されるので、[OK]ボタンをクリックしよう。これで完成だ。ファイルをWebブラウザに表示させ、

ここまで、全くコードを記述することなく出来上がってしまった。その上、Spryをダウンロードする必要もなく、コピーしたり組み込む必要もない。DWCS3にあらかじめSpryのファイルが同梱されており、その都度必要なファイルだけをコピーしてくれる仕組みなのだ。
念のためコードを確認しておこう。次のようなコードが自動生成される。
MM_から始まる独特なファンクション名がつけられているが、実際の動作は前回のスクリプトの通り、Spryの標準メソッドである「DoFade」が使われていることがわかる。ちなみに「MM_」はDreamweaverの元々の開発元である「Macromedia」の頭文字をとった名前で、 Dreamweaverではよく使われるキーワードだ。
このように、Webデザイナであれば、全くSpryの存在を意識することなく、高度なエフェクトを簡単に実装することができる。しかも、クロスブラウザなスクリプトであることが保証され、プログラマはコードを自由に編集することができる。
ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)
「特集 : 魅力のAjaxライブラリAdobe Spry入門」 バックナンバー
関連記事
関連ホワイトペーパー
- データの見える化を加速!「Microsoft Power BI」最大活用のためのレポート作成の第一歩
- 深刻な“DX人材”不足が課題となる日本企業、解決のカギは「ノーコードツール」の活用にあり!
- 注目集まるノーコードツールと、避けて通れないアプリの品質確保やガバナンス構築とは
- ITR調査結果から導くDX浸透・定着化-“9割の国内企業がDX推進中も成果が出ているのはごく一部”
- 京王、日清食品、三菱重工、サイバーエージェント、星野リゾートがローコードツールでDXをどう実践したか
- DX人材育成にあたって知っておきたいノーコードツールの活用--業務改革とともに成功した6社の事例
- 人気カテゴリ
- 経営
- セキュリティ
- クラウドコンピューティング
- 仮想化
- ビジネスアプリケーション
- モバイル
特集
- トランスフォーメーションの破壊者:インテントAI
- 「働く」を変える、HRテックの今
- 流通テック最前線
- ICT来し方行く末
- 中国ビジネス四方山話
- 松岡功の「今週の明言」
- 「GIGAスクール構想」で進化する教育現場
- CIO・情シス部長が知っておきたい「データクラウド」の基本と構造
- 企業セキュリティの歩き方
- 松岡功の一言もの申す
- トップインタビュー
- デジタル岡目八目
- 技術者視点で見るメインフレームの進化と深化
- さまざまなLinuxディストリビューションの世界
- デジタルジャーニーの歩き方
- PDF Report at ZDNET Japan
- DXで直面するカベを突破せよ
- ビジネス視点で分かるサイバーのリスクとセキュリティ
- 持続可能な地域社会を目指す「地域DX」
- カーボンニュートラル(脱炭素)
- Ziddyちゃんの「私を社食に連れてって」
- 対応必須化の波が到来したSBOM動向
- Linuxノウハウ
- サプライチェーン管理高度化のススメ
- 製造業のサイバーセキュリティ・進化する脅威と対策方法
- 世界のICTが集まるアイルランド
- 新潮流Device as a Serviceの世界
- ラズパイをより身近に
- プロダクトの力でビジネスを推進する
- 「責任あるAI」--AIに倫理感を持たせるには
ホワイトペーパー
新着
-
運用管理
IoTで業務を「見える化」「自動化」「遠隔監視/制御」し、生産性を向上した活用事例
-
ビジネスアプリケーション
虎の巻付き!今こそ見直すべき「ITSM」、再構築のベストプラクティスを解説
-
ビジネスアプリケーション
データの見える化を加速!「Microsoft Power BI」最大活用のためのレポート作成の第一歩
-
OS
Windows 11移行のメリットを知る、レノボがPoCサービスや導入事例を通じて解説
-
セキュリティ
新入社員に教えるべき情報セキュリティの基礎知識--企業全体を守るための基本ルールを徹底解説
ランキング
-
セキュリティ
マンガで解説!情シスが悩む「Microsoft 365/Copilot」の有効活用に役立つ支援策
-
ビジネスアプリケーション
AIエージェントの課題に対応、生成AIの活用を推進するための5つのデータガバナンス戦略
-
セキュリティ
新入社員に教えるべき情報セキュリティの基礎知識--企業全体を守るための基本ルールを徹底解説
-
ビジネスアプリケーション
AIの投資対効果を最大化する「先導者」の存在--企業に求められる戦略策定能力
-
ビジネスアプリケーション
「AIエージェントによる顧客サポート」など10選、セールスフォースが示す最新のデータ活用法
ZDNET Japan クイックポール
所属する組織のデータ活用状況はどの段階にありますか?
NEWSLETTERS
エンタープライズコンピューティングの最前線を配信
ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。