Takesato Hayashi: Spry Archives

February 06, 2008

Spry 1.7 Preview

紹介が遅くなりました。恒例となりつつあるPreview版のSpry。今回のSpry 1.7 Previewでは、レーティングのWidget「Ratings Widget」のサンプルとドキュメントをアップしています。

・Spry 1.7 Preview
http://labs.adobe.com/technologies/spry/preview/

Posted by takesato at 02:33 PM | Comments (0)

October 02, 2007

Spry.UtilsのSpry 1.6 Preview での変更点

コメントいただいたので、エントリーにまとめます。
Spry.UtilsのファンクションSpry 1.6 Preview では、このファンクションを呼び出すJSファイルは同じSpryData.jsですが、記述が変わりました。

Spry.Utils.nodeContainsElementNode
Spry.Utils.getNodeText
Spry.Utils.CreateObjectForNode
Spry.Utils.getRecordSetFromXMLDoc

Spry.Data.XMLDataSet.nodeContainsElementNode
Spry.Data.XMLDataSet.getNodeText
Spry.Data.XMLDataSet.CreateObjectForNode
Spry.Data.XMLDataSet.getRecordSetFromXMLDoc

なので、Spry_P1_6_10-01\samples\utils\getNodeText.htmlのサンプルの記述は古いSpry.Utils.getNodeText()のままなので、正しくは下記になります。

var x = Spry.Data.XMLDataSet.getNodeText(document.getElementById(node))

Posted by takesato at 12:06 PM | Comments (0)

October 01, 2007

Spry Prerelease 1.6 公開しました

Spry framework for Ajaxの最新版「Spry Prerelease 1.6」を公開しました。プレビューで紹介したTooltipはもちろんのこと、WidgetにPassword Validation、ついにして使えるConfirm Validation、HTMLPanelなどなど。前回のリリースから追加された新機能のJSファイル、Bugフィックス、ドキュメントやサンプルを含んでいます。
また、質問の多かったSpryとWeb標準について、アクセシビリティについてのスタンスなど、新しいドキュメントを公開しています。変更点は、Changes for Spry 1.6 - 2007/10/01をごらんください。

・Adobe Spry framework for AJAX
ダウンロードはこちらから、ページも新しくなりました。
http://labs.adobe.com/technologies/spry/home.html

・Standards Overview
http://labs.adobe.com/technologies/spry/articles/best_practices/standards.html

・Best Practices with Spry
http://labs.adobe.com/technologies/spry/articles/best_practices/index.html

Posted by takesato at 06:24 PM | Comments (2)

実践、すぐに始める Spry framework for Ajax

2007年 11月1日(木曜日)と2日(金曜日)の2日間、ホテル日航東京にてAdobe MAX Japan 2007を開催します。ここでは、私がかかわっているWeb、ビデオ、インタラクティブデザインのセッションからSpryのセッションを紹介します。

・実践、すぐに始める Spry framework for Ajax
本Blogでも紹介させていただいている、たにぐちまことさんと私でSpry framework for Ajaxを解説するセッションです。普段のセミナーでは、Spryを知らない方やAjaxは聞いたことあるけれど... という方に向けて説明させていただいていますが、MAXでは帰ってからすぐに使えるサンプルや使い方のデモ。他のAjaxフレームワークと一緒に使えるのか？Spryでどこまで作れるのか？などなど実務に重点をおいて解説します。
また、本日Adobe Labsで提供開始したSpry framework for Ajaxの最新版、「Spry Prerelease 1.6」をあわせて解説します。

すでにSpryを使っている方からAjaxを検討しているけれど、まだ...　という方まで、じっくり学んでいただける60分です。お誘いあわせの上、皆様のご参加をお待ちしています。

C-5 11月2日(金曜日)　13時から14時
http://www.adobemax2007.jp/session/design.html

Posted by takesato at 11:56 AM | Comments (0)

September 25, 2007

Spry解説記事：魅力のAjaxライブラリAdobe Spry入門

Adobe MAX Japan 2007でもSpryについて講演いただく、たにぐちまことさんがSpryの入門記事をZDNetで連載しています。たにぐちさんらしい、他のライブラリと比較した上でSpryの魅力をサンプルを使いながら解説しています。

・魅力のAjaxライブラリAdobe Spry入門
第一回まずは体感
http://japan.zdnet.com/sp/feature/07spry/story/0,3800079777,20355291,00.htm

第二回あのエフェクトがこんなに簡単に
http://japan.zdnet.com/sp/feature/07spry/story/0,3800079777,20355823,00.htm

第三回Adobe SpryとDreamweaver CS3であのエフェクトもサクサク
http://japan.zdnet.com/sp/feature/07spry/story/0,3800079777,20356389,00.htm

第四回SpryとAIRもDreamweaverで楽々
http://japan.zdnet.com/sp/feature/07spry/story/0,3800079777,20356834,00.htm

Posted by takesato at 01:59 PM | Comments (0)

September 18, 2007

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

Web制作者向けツールに関する情報をメールニュースの形で毎月発行している「the edge newsletter」2月号からSpryの連載が始まりました。サンプルを例に作り方、XMLはどのように書けばいいのか？を説明しながら、初めての方でもSpryが使えるようになるのが本連載の目標。最新号の四回目では、Spry Widgetを体感いただきながら、理解できるWebならではの解説になっています。まだの方は、サンプルを見ながら作るところから始めてみましょう！

■「Ajax したい！」Web デザイナーのための Spry 集中講座
第一回：Spry を使ってXML をWeb ページに読み込む
http://www.adobe.com/jp/newsletters/edge/february2007/articles/article2/index.html

第二回：Spry を使ったプルダウンメニューの作成
http://www.adobe.com/jp/newsletters/edge/march2007/articles/article2/index.html

第三回：Dreamweaver CS3 でコードを一行も書かずに「Ajax する」方法
http://www.adobe.com/jp/newsletters/edge/june2007/articles/article5/index.html

第四回：Dreamweaver CS3 + Spry Widgetで一歩先行く UI をあなたの Web ページに
http://www.adobe.com/jp/newsletters/edge/july2007/articles/article3/index.html

第五回：Dreamweaver CS3 + Spry Widgetでインタフェイスに知性を
http://www.adobe.com/jp/newsletters/edge/august2007/articles/article5/index.html

・the edge newsletter
http://www.adobe.com/jp/special/mail/

Posted by takesato at 11:01 AM | Comments (3)

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

第二回：Spry を使ったプルダウンメニューの作成
http://www.adobe.com/jp/newsletters/edge/march2007/articles/article2/index.html

第三回：Dreamweaver CS3 でコードを一行も書かずに「Ajax する」方法
http://www.adobe.com/jp/newsletters/edge/june2007/articles/article5/index.html

第四回：Dreamweaver CS3 + Spry Widgetで一歩先行く UI をあなたの Web ページに
http://www.adobe.com/jp/newsletters/edge/july2007/articles/article3/index.html

第五回：Dreamweaver CS3 + Spry Widgetでインタフェイスに知性を
http://www.adobe.com/jp/newsletters/edge/august2007/articles/article5/index.html

・the edge newsletter
http://www.adobe.com/jp/special/mail/

Posted by takesato at 11:01 AM | Comments (3)

July 24, 2007

Spry 1.6 Preview

公式ブログで「次のバージョン、たぶん「Pre-release 1.6」は、夏の終わりに頃には...」と書いているSpryですが、プレビューということで1.6で搭載予定の「Tooltip widget」のサンプルを下記で公開しています。JSファイルとドキュメント（英語ですが）も公開していますので、興味あるかたはぜひ！

・Spry 1.6 Preview
http://labs.adobe.com/technologies/spry/preview/

Posted by takesato at 07:00 PM | Comments (0)

May 21, 2007

Spry Prerelease 1.5 公開しました

Spry framework for Ajaxのバージョン1.5を公開しました。プレビューから時間がたってしまいましたが、前回のリリースから追加された新機能のJSファイル、Bugフィックス、ドキュメントやサンプルを含んでいます。変更点は、Changes for Spry PreRelease 1.5 - 2007/5/17をごらんください。

・Spry framework for Ajax
http://labs.adobe.com/technologies/spry/

・Changes for Spry PreRelease 1.5 - 2007/5/17
http://labs.adobe.com/technologies/spry/ChangeLog.html

Posted by takesato at 01:05 PM | Comments (0)

March 20, 2007

Spry 1.5 Preview

紹介が遅くなりました、Spry framework for Ajaxの次期バージョン1.5をいち早くプレビュー紹介ということで、「Spry 1.5 Preview」を公開しました。サンプル込みでダウンロードできるようになるのは後日になりますが、新しくなったEffects、データソースとしてJSON Data Sets, Nested XML Data Sets, HTML Data Sets、そしてCollapsible Panel Groupなどの新しいサンプルとJavaScriptファイルへのリンクがあります。

http://labs.adobe.com/technologies/spry/preview/

Posted by takesato at 07:13 PM | Comments (0)

February 08, 2007

Spry解説記事：『逆引きAdobe Spryリファレンス』by 古籏一浩さん

用途から逆引きでSpryの使いどころを解説している『逆引きAdobe Spryリファレンス』。古籏一浩さんによる『Ajaxを勉強しよう』につづき、サンプルが用意されており分かり易い解説となっています。（教えてくださった編集長！ありがとうございます。）

Posted by takesato at 02:54 PM | Comments (0)

October 23, 2006

新しいSpry widgetとドキュメントを追加

次のプレリリースに先駆けて、Spryの新しいWidgetとドキュメント（ベータ版）をAdobe Lab'sにて公開しました。ドキュメントが全てそろっているわけではありませんが、いち早く皆さんにお届け！ということで、お試しいただければと思います。

新しいWidgetサンプル:
- Collapsible Panel
- Menu Bar
- Tabbed Panel
- Form Select
- Form Text Field
- Form Text Area
- Form Checkbox

追加されたドキュメント:
- Collapsible Panel Overview（ベータ版）
- Tabbed Panel Overview （ベータ版）

http://labs.adobe.com/technologies/spry/samples/preview.html

新しいWidgetを使ったデモ: "Validation Widgets Demo"
http://labs.adobe.com/technologies/spry/demos/formsvalidation/

Posted by takesato at 11:33 AM | Comments (0)

September 11, 2006

Spry解説記事：『Ajaxを勉強しよう』　第20章　Adobe Spry（ウィジェット／エフェクト） by 古籏一浩さん

古籏一浩さんによるAjax勉強記事『Ajaxを勉強しよう』の第20章に新しい記事「Adobe Spry（ウィジェット／エフェクト）」が追加されました。ウィジェットは1.2から追加されたアコーディオンを、エフェクトは1.3から追加されたフェードの処理について解説されています。

『Ajaxを勉強しよう』古籏一浩 http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html 第20章　Adobe Spry（ウィジェット／エフェクト）
アコーディオン
エフェクト（フェード処理）
エフェクト（ハイライト処理）
エフェクト（グロー「拡大縮小」処理）
エフェクト（潰し処理）
エフェクト（シェイク処理）
エフェクト（ブラインド処理）
エフェクト（スライド処理）

Posted by takesato at 11:48 AM | Comments (0)

August 24, 2006

Spry解説記事：WebデザイナーのためのThe Spry framework for Ajax

FlashやDreamweaverなどWeb制作者向けプロフェッショナルツールの最新情報、ユーザー事例やセミナー情報などを紹介する無償のメールニュースthe edge newsletter。8月号の記事「03.WebデザイナーのためのThe Spry framework for Ajax」では、Spryが初めての方に「Spryとは？」を分かり易く解説しています。

Posted by takesato at 11:36 AM | Comments (0)

August 23, 2006

Spry Prerelease 1.3公開

紹介が遅くなりましたが、8月11日に最新バージョンのSpryとして、「Spry Prerelease 1.3」をAdobe Labsで公開しました。これまで具体的な説明がされていなかった「Effects」をまとめたサンプルEffects Demoと技術情報のドキュメントを追加しています。

※1.2との違いについて詳細は「ChangeLog.html」をご覧ください。

Posted by takesato at 06:38 PM | Comments (0)

July 28, 2006

Spry解説記事： Ajaxフレームワーク「Spry」で作る「リンク集2.0」

＠ITの特集記事でSpryが取り上げられています。田中孝太郎さんが執筆された記事で、最近のJavaScriptライブラリの現状、Spryの特徴の説明の後に、入手方法とサンプル「リンク集2.0」の作り方とデモが掲載されています。

特集：アドビのAjaxフレームワーク「Spry」を使ってみよう
Ajaxフレームワーク「Spry」で作る「リンク集2.0」
田中孝太郎
http://www.atmarkit.co.jp/fwcr/special/ajax_spray/01.html

Posted by takesato at 02:24 PM | Comments (0)

July 27, 2006

Spry解説記事：Widgetという考え方が登場した「Adobe Spry framework for Ajax 1.2」

たにぐちまことさんのSpry PreRelease 1.2レビュー記事がMYCOMジャーナルに掲載されています。今回のバージョンから搭載されているSpry Widget ModelのAccordionサンプルを例に解説されています。

【レビュー】Widgetという考え方が登場した「Adobe Spry framework for Ajax 1.2」
(MYCOMジャーナル)
http://journal.mycom.co.jp/articles/2006/07/25/spry12/

Posted by takesato at 01:22 PM | Comments (0)

July 25, 2006

Spry解説記事：『Ajaxを勉強しよう』 by 古籏一浩さん

Ajaxの書籍、JavaScriptの解説本などの著作で有名な古籏一浩さんによるAjax勉強記事『Ajaxを勉強しよう』で、Spryを取り上げていただいています。サンプルソースを見ながら、どのように動作するのかを勉強できます。

『Ajaxを勉強しよう』古籏一浩 http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html
第19章　Adobe Spryを利用する
データを表示する
指定した範囲のデータを表示する
条件に一致したデータを表示する
XMLファイルを読み込んでデータを表示する
タグの属性値にXMLデータを埋め込む
XMLデータをソートして表示する
XMLデータをテーブルで表示する
XPathフィルタリング

Posted by takesato at 09:57 AM | Comments (0)

July 15, 2006

Spry:SprySites

Adobe Labsでは、Labsで公開しているテクノロジーを使ったアプリケーションの応募を受け付けています。下記Showcase Galleryに、Spryを使ったサイトがいくつか紹介されています。

・Showcase Gallery
http://labs.adobe.com/wiki/index.php/Spry:SprySites

個人的には、下記フィルタリングのサンプルが気に入りました。User Groupのサイトに掲載されているコンテンツのようですね。日本語のコンテンツが無かったのがちょっと残念ですが、今後に期待！ですね。

http://www.esmmug.com/demos/spry/filtrado/index2.html

・Showcase Galleryの応募について（※英語）
http://labs.adobe.com/wiki/index.php/Showcase

Posted by takesato at 05:03 PM | Comments (0)

Spryの読み方

多くの方から質問を受けたのが「Spry」はなんと読むのか？「Spry」は英語で、カタカナで書くならば「スプライ」です。"活発な"、"若々しい"という意味で、まだPre Release（リリース前の状態）なフレームワークですが、多くの方からのフィードバックを元に進化しています。

Spryに対するフィードバックは、下記Communityで受け付けていますので、リクエストなど、よろしければポストください。（英語のCommunityで恐縮ですが....）

・Spry framework for Ajax (Prerelease) Forum
http://www.adobe.com/go/labs_spry_pr1_forum

Posted by takesato at 04:16 PM | Comments (0)

Spry PreRelease 1.2公開

セミナー[Web標準の日]で紹介させていただきましたが、Spry framework for Ajaxの最新版「Spry PreRelease 1.2」を、本日Adobe Labsにて公開しました。サンプルの数が増え、Data SetとDynamic Regionのサンプルが19個、新たにWidgetサンプルを追加しています。（※JavaScriptの変更点などは、Spry framework for Ajax Change Logをご覧ください。）

・Spry framework for Ajax
http://labs.adobe.com/technologies/spry/

・Spry Widget Model
SpryでWidgetを作る際に気をつけるポイントについて解説しています。これまでアクセシビリティについてSpryで説明はありませんでしたが、JavaScriptがオフの状態でも情報が見れるように、キーボードナビゲーションはデフォルトでオンに。と説明しています。Spry PreRelease 1.2に含まれるAccordion Sampleはキーボードナビゲーションをサポートしています。
http://labs.adobe.com/technologies/spry/articles/spry_widget_model/

Adobe Labsはサイトが英文なので、戸惑う方もいるかと思いますが、Spryはサンプル、ヘルプが充実しているので、基本的なHTML, CSS, JavaScript, XMLの知識があれば活用できますので、ぜひトライしてみてください。

Posted by takesato at 03:41 PM | Comments (2)

Takesato Hayashi

February 06, 2008

Spry 1.7 Preview

October 02, 2007

Spry.UtilsのSpry 1.6 Preview での変更点

October 01, 2007

Spry Prerelease 1.6 公開しました

実践、すぐに始める Spry framework for Ajax

September 25, 2007

Spry解説記事：魅力のAjaxライブラリAdobe Spry入門

September 18, 2007

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

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

July 24, 2007

Spry 1.6 Preview

May 21, 2007

Spry Prerelease 1.5 公開しました

March 20, 2007

Spry 1.5 Preview

February 08, 2007

Spry解説記事：『逆引きAdobe Spryリファレンス』by 古籏一浩さん

October 23, 2006

新しいSpry widgetとドキュメントを追加

September 11, 2006

Spry解説記事：『Ajaxを勉強しよう』 第20章 Adobe Spry（ウィジェット／エフェクト） by 古籏一浩さん

August 24, 2006

Spry解説記事：WebデザイナーのためのThe Spry framework for Ajax

August 23, 2006

Spry Prerelease 1.3公開

July 28, 2006

Spry解説記事： Ajaxフレームワーク「Spry」で作る「リンク集2.0」

July 27, 2006

Spry解説記事：Widgetという考え方が登場した「Adobe Spry framework for Ajax 1.2」

July 25, 2006

Spry解説記事：『Ajaxを勉強しよう』 by 古籏一浩さん

July 15, 2006

Spry:SprySites

Spryの読み方

Spry PreRelease 1.2公開

Spry解説記事：『Ajaxを勉強しよう』　第20章　Adobe Spry（ウィジェット／エフェクト） by 古籏一浩さん