Spry ～ アドビ製Ajaxライブラリのチュートリアルなどのまとめ

Spryは、アドビシステムズが提供するWebデザイナー向けに開発されたAjaxライブラリです。Webデザイナーのようなプログラミングを専門としない人でも、JavaScriptの複雑なプログラミングを意識せずに、Spryが用意する高度なユーザーインターフェイスの機能などをWebページに組み込むことができるようになっています。

SpryはアドビシステムズのWebオーサリングツールであるDreamweaverにも最初からAjaxライブラリとして組み込まれているため、Dreamweaverを利用することでユーザーインターフェイスの部品を追加するように、簡単にWebページへ組み込むことができます。もちろん他のAjaxライブラリと同じように、Adobe Labsのホームページからダウンロードしたうえで自分のWebページに組み込んで利用することもできます。

ちなみにSpryは「スプライ」と発音するようです。

公式サイトとリファレンス

Spryに関するアドビシステムズからの情報は公式サイトを含め、主要な情報のほとんどが英語で提供されています。情報を一覧で参照しやすいのはAdobe - Spry framework for Ajax Technology Centerです。ここからSpryのオーバービュー、リファレンス、チュートリアル、サンプルなどのページへジャンプできます。

Spry framework for Ajax Technology Center

• Adobe Labs - Spry framework for Ajax （英語）
  公式サイト。ダウンロードもここから可能
• Adobe - Spry framework for Ajax Technology Center （英語）
  オーバービュー、リファレンス、チュートリアルなど各種技術資料のポータルサイト
• Spry Developer Guide （英語）

日本語の公式ドキュメントやリファレンスがまったくないわけではありません。Dreamweaver CS4のマニュアルの中にはSpryの解説も含まれています。これが日本語で読めるもっとも充実した公式ドキュメントかもしれません。また古旗一浩氏が、目的から機能を調べられるSpry逆引きリファレンスを公開しています。

Adobe Dreamweaver CS4 * Spry ページの視覚的作成

• Adobe Dreamweaver CS4 * Spry ページの視覚的作成
  Dreamweaver CS4のマニュアルの一部としてSpryの概要やインタラクティブな要素の種類や操作方法を解説している
• 逆引きAdobe Spryリファレンス - 古旗一浩
• Adobe - Dreamweaverリソース
  Dreamwaever関連のドキュメントへのリンク集。Spry 1.4デベロッパーガイドへのリンクがある

Spryのチュートリアル、サンプル

Spryの使い方を手っ取り早く把握したいのであれば、Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座がお勧めです。

「Ajax したい！」Web デザイナーのための Spry 集中講座

• Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
• まずは体感：魅力のAjaxライブラリAdobe Spry入門 － ZDNet
• あのエフェクトがこんなに簡単に：魅力のAjaxライブラリAdobe Spry入門 － ZDNet
• Adobe SpryとDreamweaver CS3であのエフェクトもサクサク：魅力のAjaxライブラリAdobe Spry入門 － ZDNet
• SpryとAIRもDreamweaverで楽々 － ZDNet
• アドビのAjaxフレームワーク「Spry」を使ってみよう － ＠IT

Spryのサンプル、ギャラリー

Spry Samplesは公式サイト内のサンプルページ。データ操作、エレメント操作、ウィジェット、エフェクトなどSpryの機能を網羅したサンプルを実際に試すことができます。プログラマの方に。

【Adobe Spry TIPS】 目次[to-R]

【Adobe Spry TIPS】 目次[to-R]は、日本語で読めるTips集。Spryの準備、RSSの表示、アコーディオンの利用などデザイナーの人でも読み解ける内容になっています。

• Spry Samples （英語）
  Spryの実行可能なサンプルが用意されており、Webブラウザ上で実際の動きを試すことができる
• 【Adobe Spry TIPS】 目次[to-R]
• Adobe - デベロッパーセンター : AIRチュートリアル Dreamweaver 第３回　リッチなUIを作ってみよう！～ Spryエフェクトと入力チェックを利用する～
• Adobe - デベロッパーセンター : Spryテキストフィールド検査ウィジェット導入事例：ショッピングポータル「カラメル」
• 構想雑文 : [Spry]GoogleAjaxFeedAPIとSpryを組み合わせて使う - livedoor Blog（ブログ）

Spry関連の書籍

基本からしっかりわかる Adobe Spryプログラミングブック
Spryがデザイナー向けのライブラリであるのに合わせて、本書もデザイナー向けに、環境の構築、Spryの使い方、JavaScriptの基礎など、豊富なカラー画像とコード例で構成されている（目次）

Ajaxライブラリで かんたんインターフェイスデザイン
デザイナー向けに、jQuery、Mootools、Spry、Y! UIなどのさまざまなAjaxライブラリを用いることで手軽に実現できる視覚効果の高いユーザーインターフェイスを80種ピックアップ。カラー画面とソースコード付き（目次）