AdobeのJavaScriptライブラリSpry (Adobe Spry framework for Ajax)
2007年2月2日(金) 10:00
Ajaxフレームワークは既に多く存在しているが、アプリケーション開発に焦点をあわせた物が多い。AdobeのAjaxフレームワークはご存知だろうか?JavaScriptコード作成に多くの時間を費やしてきたWebデザイナーにとって、容易に取り入れられるよう構築されている。
Spryに限らず、面倒なJavaScriptコード記述を簡略化し、必要なアクションを行うことができるように配慮されているのが、フレームワークの存在価値である。Spryが特化しているのはXMLデータの扱いに長けている部分だろう。
China Gallery

XMLとHTMLデザイン部分は別々のファイルとして構成され、Spryによって表示の際に置き換えられる。
Validation Widgets Demo

XMLデータの扱いだけでなく、Validationにも対応している。
Spryのデモとチュートリアル
- Gallery Examples (with source code)
- Data Set and Dynamic Regions Overview (tutorial)
- How To: Building a Photo Album (tutorial)
- Spry FAQ
Spryによって、XMLデータとデザインの結合を容易に行う事ができるようになる。プログラマとデザイナの作業範囲を明確にすることで、互いの仕事に専念できる。しかし、JavaScriptで構成されている点などを考慮して、取り入れる上での判断をする必要もある。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

