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入門」 バックナンバー
関連記事
特集
- 松岡功の「今週の明言」
- 中国ビジネス四方山話
- 流通テック最前線
- 企業セキュリティの歩き方
- 松岡功の一言もの申す
- 「GIGAスクール構想」で進化する教育現場
- Linuxノウハウ
- ICT来し方行く末
- CIO・情シス部長が知っておきたい「データクラウド」の基本と構造
- デジタル岡目八目
- 製造業のサイバーセキュリティ・進化する脅威と対策方法
- Ziddyちゃんの「私を社食に連れてって」
- 「働く」を変える、HRテックの今
- PDF Report at ZDNET Japan
- さまざまなLinuxディストリビューションの世界
- カーボンニュートラル(脱炭素)
- 世界のICTが集まるアイルランド
- サプライチェーン管理高度化のススメ
- トップインタビュー
- 新潮流Device as a Serviceの世界
- 技術者視点で見るメインフレームの進化と深化
- デジタルジャーニーの歩き方
- ラズパイをより身近に
- 持続可能な地域社会を目指す「地域DX」
- プロダクトの力でビジネスを推進する
- 「責任あるAI」--AIに倫理感を持たせるには
- 官民連携時代のセキュリティリーダーシップと重要インフラ保護
- ビジネス視点で分かるサイバーのリスクとセキュリティ
- 対応必須化の波が到来したSBOM動向
- AIコミュニケーションツールの最新事情
ホワイトペーパー
新着
-
経営
人材不足でもペーパーレス化を加速させるサービスとは--中小企業に求められるDX推進の一手
-
モバイル
目前の「Windows 10」サポート終了、「Windows 11」への移行負担を解消する最適解とは
-
セキュリティ
Google Chrome Enterprise が実現するゼロトラスト セキュリティの最新実情
-
ビジネスアプリケーション
生成 AI を活用した革新的な事例 56 選 課題と解決方法を一挙紹介
-
セキュリティ
災害・攻撃に強い病院へ!医療現場のデータを守り抜くデータ保護の未来
ランキング
-
ビジネスアプリケーション
生成 AI を活用した革新的な事例 56 選 課題と解決方法を一挙紹介
-
ビジネスアプリケーション
生成 AI の可能性を最大限に引き出すためにできること—AI インフラストラクチャの戦略ガイド
-
ビジネスアプリケーション
業務マニュアル作成の課題を一気に解決へ─AIが実現する確認と修正だけで完了する新たなアプローチ
-
ビジネスアプリケーション
調査結果が示す「生成 AI 」活用によるソフトウェア開発の現状、ツール選定のポイントも解説
-
セキュリティ
クラウド資産を守るための最新の施策、クラウドストライクが提示するチェックリスト
ZDNET Japan クイックポール
所属する組織のデータ活用状況はどの段階にありますか?
NEWSLETTERS
エンタープライズコンピューティングの最前線を配信
ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。