Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3（以下、DWCS3）との組み合わせで発揮される。
2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。
それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。
エフェクトをかける
前回、Effecsオブジェクトを使って、エフェクトをかけるというスクリプトを紹介した。これを、DWCS3で実際に実装してみたい。
まずは、DWCS3を起動して新しいファイルを作成する。そして、［挿入］［レイアウトオブジェクト］［Divタグ］とメニューをたどって、
図1-1
次に、「ビヘイビア」パネルを利用するので、もし表示されていない場合は［ウィンドウ］［ビヘイビア］メニューをたどって表示させておこう。（図1-2）
図1-2
図1-3
上部の図のように表示して［OK］ボタンをクリックすれば、設定完了だ。このファイルを保存しよう。保存しようとすると、図1-4のような警告が表示されるので、［OK］ボタンをクリックしよう。これで完成だ。ファイルをWebブラウザに表示させ、
図1-4
ここまで、全くコードを記述することなく出来上がってしまった。その上、Spryをダウンロードする必要もなく、コピーしたり組み込む必要もない。DWCS3にあらかじめSpryのファイルが同梱されており、その都度必要なファイルだけをコピーしてくれる仕組みなのだ。
念のためコードを確認しておこう。次のようなコードが自動生成される。
MM_から始まる独特なファンクション名がつけられているが、実際の動作は前回のスクリプトの通り、Spryの標準メソッドである「DoFade」が使われていることがわかる。ちなみに「MM_」はDreamweaverの元々の開発元である「Macromedia」の頭文字をとった名前で、 Dreamweaverではよく使われるキーワードだ。
このように、Webデザイナであれば、全くSpryの存在を意識することなく、高度なエフェクトを簡単に実装することができる。しかも、クロスブラウザなスクリプトであることが保証され、プログラマはコードを自由に編集することができる。
ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)
「特集 ： 魅力のAjaxライブラリAdobe Spry入門」 バックナンバー
関連記事
関連ホワイトペーパー
- 現場管理を変えるアプリは自分たちで作る! アプリ作成ツール比較4選
- はじめてのノーコード導入ガイド、トレンドの背景と導入効果に迫る
- アプリを活用した現場主導での業務改善！ITと業務部門をつなぐローコード開発プラットフォーム
- ウォーターフォール開発用のアプリセキュリティではアジャイル開発に通用しない！？その理由とは
- モノリシックからマイクロサービスへ！デジタルノーマル時代に問われる新たなアプローチと最新技術
- “成功している企業”の秘密、教えます─鍵はデジタルオーケストレーションにあり
- 人気カテゴリ
- 経営
- セキュリティ
- クラウドコンピューティング
- 仮想化
- ビジネスアプリケーション
- モバイル
特集
CIO
- 顧客志向で切り拓くCOVID-19時代の変革ジャーニー
- ビジネス視点で分かるサイバーのリスクとセキュリティ
- 2025年に向けてDXを推進するIT部門の役割とガバナンス
- “真FinTech” 地域金融の行方
- 教育IT“本格始動”
- 月刊 Windows 10移行の心・技・体
- ITアナリストが知る日本企業の「ITの盲点」
- シェアリングエコノミーの衝撃
- デジタル“失敗学”
- コンサルティング現場のカラクリ
- Rethink Internet：インターネット再考
- インシデントをもたらすヒューマンエラー
- エリック松永のデジタルIQ道場
- 研究現場から見たAI
- Fintechの正体
- 米ZDNet編集長Larryの独り言
- 大木豊成「仕事で使うアップルのトリセツ」
- 山本雅史「ハードから読み解くITトレンド放談」
- 田中克己「デジタル岡目八目」
- 田中克己「展望2020年のIT企業」
- 松岡功「一言もの申す」
- 松岡功「今週の明言」
- 内山悟志「デジタルジャーニーの歩き方」
- 内山悟志「IT部門はどこに向かうのか」
- 林雅之「デジタル未来からの手紙」
- 谷川耕一「エンプラITならこれは知っとけ」
- 内製化とユーザー体験の関係
- 「プロジェクトマネジメント」の解き方
モバイル
セキュリティ
- スマートシティーのセキュリティを考える
- セキュリティインシデント対応の現場
- エンドポイントセキュリティの4つの「基礎」
- 企業セキュリティの歩き方
- サイバーセキュリティ未来考
- ネットワークセキュリティの要諦
スペシャル
- ゼロトラストの基礎知識
- マネージャーを目指すエンジニアのためのビジネスナレッジ
- ローコード技術の衝撃
- デジタル時代を支える顧客接点改革
- エンタープライズAIの隆盛
- インシュアテックで変わる保険業界
- 顧客は勝手に育たない--MAツール導入の心得
- 「ひとり情シス」の本当のところ
- ざっくり解決！SNS担当者お悩み相談室
- 後藤先生の「SNSリスクマネジメント講座」
- 生産性向上に効くビジネスITツール最前線
- ざっくりわかるSNSマーケティング入門
- 庭山一郎「戦略なきIT投資の行く末」
- 課題解決のためのUI/UX
- エンタープライズトレンドの読み方
- 10の事情
- 座談会＠ZDNet
- 吉田行男「より賢く活用するためのOSS最新動向」
- 古賀政純「Dockerがもたらすビジネス変革」
- 中国ビジネス四方山話
- ベトナムでビジネス
- 日本株展望
- 企業決算
- ピックアップソリューション : Identityマスターへの道
ホワイトペーパー
新着
-
セキュリティ
クラウドサービスとオンプレミス横断のログ管理が必須に！ゼロトラスト型のSIEMが安全なIT環境を導く
-
運用管理
「従量制のIT」が次のスタンダードに！HPE GreenLakeで市場に変革をもたらす
-
セキュリティ
貴社も狙われている？データを“人質”に脅迫するランサムウェア攻撃に、どう対応すべきか
-
ビジネスアプリケーション
TEDに学ぶユーザーコミュニティ活性化と顧客中心のオープンエコシステム構築法
-
セキュリティ
前経済産業省審議官 三角育生氏が語る「新時代のセキュリティ対策」
ランキング
NEWSLETTERS
エンタープライズ・コンピューティングの最前線を配信
ZDNet Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。