Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3(以下、DWCS3)との組み合わせで発揮される。
2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。
それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。
エフェクトをかける
前回、Effecsオブジェクトを使って、エフェクトをかけるというスクリプトを紹介した。これを、DWCS3で実際に実装してみたい。
まずは、DWCS3を起動して新しいファイルを作成する。そして、[挿入][レイアウトオブジェクト][Divタグ]とメニューをたどって、
![](/story_media/20356389/1-1.jpg)
次に、「ビヘイビア」パネルを利用するので、もし表示されていない場合は[ウィンドウ][ビヘイビア]メニューをたどって表示させておこう。(図1-2)
![](/story_media/20356389/1-2.jpg)
![](/story_media/20356389/1-3.jpg)
上部の図のように表示して[OK]ボタンをクリックすれば、設定完了だ。このファイルを保存しよう。保存しようとすると、図1-4のような警告が表示されるので、[OK]ボタンをクリックしよう。これで完成だ。ファイルをWebブラウザに表示させ、
![](/story_media/20356389/1-4.jpg)
ここまで、全くコードを記述することなく出来上がってしまった。その上、Spryをダウンロードする必要もなく、コピーしたり組み込む必要もない。DWCS3にあらかじめSpryのファイルが同梱されており、その都度必要なファイルだけをコピーしてくれる仕組みなのだ。
念のためコードを確認しておこう。次のようなコードが自動生成される。
MM_から始まる独特なファンクション名がつけられているが、実際の動作は前回のスクリプトの通り、Spryの標準メソッドである「DoFade」が使われていることがわかる。ちなみに「MM_」はDreamweaverの元々の開発元である「Macromedia」の頭文字をとった名前で、 Dreamweaverではよく使われるキーワードだ。
このように、Webデザイナであれば、全くSpryの存在を意識することなく、高度なエフェクトを簡単に実装することができる。しかも、クロスブラウザなスクリプトであることが保証され、プログラマはコードを自由に編集することができる。
ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)
「特集 : 魅力のAjaxライブラリAdobe Spry入門」 バックナンバー
関連記事
関連ホワイトペーパー
- 「財務会計システム」によくある課題と、ダスキンがノーコード開発プラットフォームを採用した事例をご紹介
- 基幹フロントシステムのデジタル化を実現するノーコード開発プラットフォーム、3つの主要機能とは
- ハイブリッドクラウドを簡単構築、Azure File Syncによるファイルサーバの連携シナリオ
- Chrome Enterprise Core 活用による組織内ブラウザ管理の最適解を知る
- IT 管理者必見! CEC のレガシーテクノロジーレポートを活用して最新 Web 技術の可視化を
- 深刻な“DX人材”不足が課題となる日本企業、解決のカギは「ノーコードツール」の活用にあり!
- 人気カテゴリ
- 経営
- セキュリティ
- クラウドコンピューティング
- 仮想化
- ビジネスアプリケーション
- モバイル
特集
- 「ChatGPT」利用のヒント
- 松岡功の「今週の明言」
- さまざまなLinuxディストリビューションの世界
- 「GIGAスクール構想」で進化する教育現場
- 松岡功の一言もの申す
- Linuxノウハウ
- 先進企業が語る「DX組織論」
- カーボンニュートラル(脱炭素)
- 流通テック最前線
- 持続可能な地域社会を目指す「地域DX」
- AIとMLが切り拓くHRの新時代
- Chromebookをより便利に
- 企業セキュリティの歩き方
- トップインタビュー
- 「働く」を変える、HRテックの今
- PDF Report at ZDNET Japan
- 調査結果から読み解くクラウド利用のリスクと対策
- Ziddyちゃんの「私を社食に連れてって」
- AIが仕事と生産性に与える影響
- デジタルジャーニーの歩き方
- デジタル岡目八目
- ラズパイをより身近に
- デジタルで変わるスポーツの未来
- 中国ビジネス四方山話
- CIOの「人起点」DXマニフェスト
- macOSを使いこなす
- デジタルサイネージ広告の勝機
- 調査からひもとくDevSecOpsの現状と課題
- ビジネス視点で分かるサイバーのリスクとセキュリティ
- DXで直面するカベを突破せよ
ホワイトペーパー
新着
-
運用管理
【講演動画】ビジネスとITの価値を引き出すIT部門の“コスパ&タイパ”戦略
-
クラウド基盤
伊藤園が営業情報活用基盤「見れる君」のクラウド化を完遂、ADWとOACがもたらした効果とは
-
経営
IT部門の2大課題「業務効率化」「ITガンバナンスの強化」を解決する、管理業務DXとは?
-
クラウドコンピューティング
IT 管理者必見! CEC のレガシーテクノロジーレポートを活用して最新 Web 技術の可視化を
-
経営
今すぐできる業務効率化、「マニュアル」の見直しが持つ絶大な効果
ランキング
ZDNET Japan クイックポール
所属する組織のデータ活用状況はどの段階にありますか?
NEWSLETTERS
エンタープライズコンピューティングの最前線を配信
ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。