先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
【レビュー】WebデザイナーのためのAjaxツール、Adobeの「Spry framework」とは? (MYCOMジャーナル)
米Adobe Systems(以下、Adobe)は、同社の技術者向けサイト「Adobe Labs」で、5月11日、Ajax向けのフレームワーク「Spry framework for Ajax」を発表した。"JavaScript library for web designers(WebデザイナーのためのJavaScriptライブラリ)"と銘打たれたこのフレームワークを利用すれば、高品質な演出をWebデザイナーが手軽に施すことができる。 ここでは、技術的な観点を交えてSpry frameworkの魅力を紹介してみよう。 フレームワークの種類 フレームワークとは、プログラミングを行う時に土台となるプログラムのこと。Ajaxの場合は特にブラウザ間の依存性解消などの理由で、フレームワークが非常に重宝されている。 数あるAjaxフレームワークの中で、現在最も多く採用されているのが proto
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されていると親しみやすいものですね。 Auto Suggest Sample XML をツリー表示 動的ページングサンプル 関連ページ prototype.js逆引きサンプル集 scriptaculous逆引きサンプル集
【レビュー】Widgetという考え方が登場した「Adobe Spry framework for Ajax 1.2」 | クリエイティブ | マイコミジャーナル
アクセシビリティも考慮しているというSpry Widget Model Adobe Systemsのデザイナー向けAjaxフレームワーク、「Spry framework for Ajax」(beta)の最新バージョンバージョン1.2が13日(米国時間)、同社の「Adobe Labs」にて公開された。順調にバージョンアップを重ねているが、これまでは、デザインツールを提供するAdobeが作っているにもかかわらず、XMLの処理といったある意味「地味」な機能が多かったといえる。今回のバージョン1.2では、UIコントロールが「Widget」として切り分けられており、設定が分かりやすくなっている。 バージョン1.2では、SpryAccordion.jsがwidgets/accordionフォルダに移動している。以前のバージョン1.1では、demos/includesフォルダの中にあったものだ。一見す
Adobe、Ajax対応ページ作成用の「Spry」公開
AdobeはWebページにAjaxを組み込むためのWebデザイナー向けフレームワークを公開した。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 米Adobe Systemsは5月11日、WebページにAjaxを組み込むためのWebデザイナー向けフレームワーク「Spry framework for Ajax」のリリース1を公開した。同社サイトから無償でダウンロード提供している。 Spryフレームワークでは、HTMLとCSSおよび最低限のJavaScriptを使い、HTML文書にXMLデータを組み込むことが可能。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 ダウンロードにはJavaScriptライブラリと同フレームワークについての説明、利用例を示すデモアプリケーションが含まれる。 Adobeでは、今回リリースしたのは
iPhone + Spry + jQueryで、スライドできるパネルを作る - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の操作としては、指で左右に弾くことで次のページ・前のページを表示できる操作があります。 前回のJavaScriptによるイベント取得と、jQueryおよび、Spry framework for Ajaxを組み合わせるとWebアプリでもこの操作が可能です。方法を紹介しましょう。 デモプログラムはこちらから まずは、iPhone用のページテンプレートを作ります。iPhone site extensionを使うと便利です（笑 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>iPhoneでスライドを作るサンプル</title> <meta name="viewport" content="width=device-widt
米AdobeのSpry framework for Ajaxが1.1へ - prototype.jsライクな使い方も (MYCOMジャーナル)
5月11日に発表された、米Adobe Systemsの Ajax向けフレームワーク「Spry framework for Ajax」が早くもバージョンアップ、PreRelease1から1.1となった。現在、同社の技術者向けサイト「Adobe Labs」で公開されている。バージョン番号からすると、マイナーバージョンアップと思いきや、バグフィックスや若干の変更ではなく、かなりの機能強化をしてのバージョンアップとなっている。以下、主な変更点を中心に紹介する。 PreRelease1.1ではバグフィックスはもちろんだが、特にXML処理関連部分で、いくつかの機能が加わっている。まずは、新しい拡張属性の追加だ。次の4種類が追加されている。 ds_CurrentRowNumber ds_CurrentRowID ds_SortOrder ds_SortColumn ds_CurrentRowNumbe
【Adobe Spry TIPS】 目次 Adobeからリリースされているデザイナー向けAjaxフレームワーク『Adobe Spry framework for Ajax』。 短期集中エントリーとして『Adobe Spry TIPS』をお送りします。 Adobe Spry framework for Ajaxとは? Ajaxとは? Spryを準備する ＲＳＳを取得して表示する。 RSSの表示する件数を変更してページングをつける。 XMLとXPath 別ドメインの内容を読み取る CSVを取得表示 CSVをボタンで切り替える HTMLを取得表示する onloadイベントを追加する アコーディオン コラプシブルパネル ファイルを読み込み表示するHTMLパネル メニューバー タブパネル ツールチップ よくある質問っぽいののSpryを使ったサンプル more.... スポンサードリンク to-Rにつ
Adobe Spry framework for AJAX
“Spry has made creating interactive apps extremely easy ... fast turn around times for reproduction becomes a no brainer. That's golden in the TV Media space! Great Job!” — Addam Driver Fox Sports “Spry brought... simplicity, elegance and practicality to the AJAX world.” — Ray Camden “Spry has enabled Universal Mind to quickly deliver powerful, yet simple, AJAX solutions to our clients.” — And
まずは体感：魅力のAjaxライブラリAdobe Spry入門
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「Ajax」という言葉の流行から、近年JavaScriptが再び脚光を浴びている。JavaScriptは、ほぼすべてのPC用ブラウザで動作するのだが、実装されている機能などは各ブラウザによってまちまちで、いわゆる「クロスブラウザ」なスクリプトを作るにはかなりの手間がかかってしまう。 そこで注目されているのが、「フレームワーク」や「ライブラリ」と呼ばれる存在だ。これらのスクリプトを利用することによって、ブラウザ間の差異をあらかじめ吸収して開発をすることができる。 4割のシェア（2006年Ajaxian調べ）を誇る「Prototype」を始め、「jQuery」や「Dojo」などの他、Googleの「Google Web Toolkit」やY
SpryDataとは SpryDataとは、Ajaxを行うためのユーティリティーでもありますが、他のライブラリーとは違いHTMLにわずかな修正を加えるだけで、動的にページを表示する機能まで有しています。さらにXMLデータをXPathで指定することで煩わしいDOMプログラムが軽減できるのが大きな魅力です。 詳しくはダウンロードしたzipファイルを解凍して articles/data_set_overview/index.html を読まれるのがよいと思います SpryDataを使う前準備 必要なのは2つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/xpath.js"></script> <script type="text/javascript" src="you
魅力のAjaxライブラリAdobe Spry入門 - builder by ZDNet Japan
「Ajax」という言葉の流行から、近年JavaScriptが再び脚光を浴びている。JavaScriptは、ほぼすべてのPC用ブラウザで動作するのだが、実装されている機能などは各ブラウザによってまちまちで、いわゆる「クロスブラウザ」なスクリプトを作るにはかなりの手間がかかってしまう。 そこで注目されているのが、「フレームワーク」や「ライブラリ」と呼ばれる存在だ。これらのスクリプトを利用することによって、ブラウザ間の差異をあらかじめ吸収して開発をすることができる。 4割のシェア（2006年Ajaxian調べ）を誇る「Prototype」を始め、「jQuery」や「Dojo」などの他、Googleの「Google Web Toolkit」やYahoo!の「Yahoo! UI Library」など、大手の企業も自社ブランドのライブラリを提供している。 そして、アドビが提供するライブラリが今回紹介す
【Adobe Spry TIPS】 CSVを取得表示 Spryは簡単にCSVを取得して表示することもできます。（これはすごくないです？） CSVを扱う為にはSpryData.jsとSpryCSVDataSet.jsを利用します。 <script type="text/javascript" src="./includes/SpryData.js"></script> <script type="text/javascript" src="./includes/SpryCSVDataSet.js"></script> コメントで指摘をいただきましたが、本サンプルはspry:region 属性がtableに完全対応はしていない為IE6等では動作しません。（追記：2009/12/25) CSVDataSetでCSVデータを取得します。 <script type="text/javascript"
前回はXMLのデータをSpryで読み込み、データセットを作成してテーブルに表示するところまでご説明しました。今回はそのデータセットの機能を使ったプルダウンメニューの作成と、プルダウンメニューで選択した内容によって変化するフィルタ機能を作成します。少しだけJavaScriptの関数を作成する必要がありますが、まさにAjaxの醍醐味ともいうべき、優れたユーザインタフェイスが完成しますので、ぜひ挑戦してみてください。 前回の表示されたXMLのデータを見てみると、その中に共通のカテゴリが複数あることにお気づきでしょう。これを１つのメニューにまとめ、ユーザが選択できるようにしてテーブルの表示内容をすっきりさせましょう。 まずは、 ds_category という名前のデータセットを作成して、Product.xmlのXMLデータの中から Category ノードにある値だけを取得してみましょう。スクリプ
【Adobe Spry TIPS 】タブパネル タブパネルはタブでコンテンツを切り替えるためのUIになります。 1月1日にリニューアルされるYahoo!JapanやLivedoorでも利用されている比較的メジャーなUIですね。 head要素内での設定 タブパネルの生成にはSpryTabbedPanels.jsを利用します。 <script type="text/javascript" src="./includes/SpryDOMUtils.js"></script> <script type="text/javascript" src="./widgets/tabbedpanels/SpryTabbedPanels.js"></script> widgetsディレクトリ内のabbedpanels内のSpryTabbedPanels.cssを読み込みます。 <link rel="style
Ajaxのフレームワークは、Prototype.jsをはじめとして数多くあります。 私も、これまで「Protptype.js」「jQuery」「Motchkit」「Yahoo! UI Library(YUI)」と使ってみて、今は web creatorsの連載でもYUIを勧めています。 しかし、つい先日発売された「Adobe Creative Suite3（CS3）」が発売され、Dreamweaver CS3を触っているうちに、Adobe Spryがあまりにもすばらしい仕上がりになっていたので、思わず乗り換えてしまいました。 というわけで、これからは Spryにします宣言とともに、なにが良い点なのか、流行のブログタイトルで5の理由を挙げてみます。 1.重すぎない Spryはダウンロードファイルが 3.5MB程度、必要な.jsファイルや素材（Widget）は 700KB程度で収まります。Y
特集：アドビのAjaxフレームワーク「Spry」を使ってみよう Ajaxフレームワーク「Spry」で作る「リンク集2.0」 田中 孝太郎 dotimpac.to 2006/6/21 サンプルを作るために、まずはSpryをAdobeのサイトからダウンロードする必要がある。現在Spryは下に示すAdobeのラボサイト（英語）からダウンロード可能だ。ダウンロードにはAdobe（Macromedia）のIDが必要になる。まだIDを持っていない場合は先に作成する必要がある。 Spryフレームワークは5月11日にファーストリリースが公開された後、6月8日にリリース1.1にバージョンアップされ、いくつかの仕様変更や機能追加が行われている。今回のサンプルではリリース1.1の仕様に準拠した。 http://labs.adobe.com/technologies/spry/を開く 「Get prereleas
【Adobe Spry TIPS】ＲＳＳを取得して表示する。 Spryでもっとも使い勝手がよいと思うのは、RSSを表示する機能です。 正確にはSpry.Data.XMLDataSetを利用してXMLファイルを取得して表示するのですが、もっとも普及しているXMLであるRSSフィードを取得し表示してみます。 ひとまずは、Sparyの簡単さを味わってもらいたいです。 head要素内などで以下の2つのファイルを読み込みます。 ファイルはそれぞれダウンロードしたSpry本体のincludesディレクトリにあります。 <script type="text/javascript" src="./includes/xpath.js"></script> <script type="text/javascript" src="./includes/SpryData.js"></script> xpath.j
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
Yahoo!ではYahoo! User Interface Library [yahoo.com]というものを以前から配っていて、個人的には重宝しています。最近メニューやダイアログ、自動補完といったものが拡充されてさらにいい感じになりました。 以前Googleの人が「Yahoo!と違ってうち（Google）はデベロッパの人たちに対して公開してるAPIも少ないし、あんまメンテしてないんだよねぇ」と言ってたので、逆にYahoo!はそこら（Yahoo! Developer Network [yahoo.com]）でも差別化を図りたいのかもしれません。ちなみにこれ、BSDライセンスです。 これくらいならソース書く方もずいぶん楽だなぁという感想を持ったのですが、Adobeはさらに抽象度の高いところで攻めてくるんですね。エントリユーザ向けというか、DreamWeaverにすぐに入れられるようなコンポー
AdobeのAjaxフレームワーク Spry:phpspot開発日誌
Adobe Labs - Spry framework for Ajax The Spry framework for Ajax is a JavaScript library for web designers that provides functionality that allows designers to build pages that provide a richer experience for their users. It is designed to bring Ajax to the web design community who can benefit from Ajax, but are not well served by other frameworks. AdobeからAjaxフレームワークのSpryが公開されました。 Spryを使ったデモ。 Web製
【ハウツー】「Dreamweaver CS4」の新機能をマスターする(後編) (1) Spryデータセットでコンテンツを作成 | クリエイティブ | マイコミジャーナル
全2回でお届けしている「Adobe Dreamweaver CS4」の新機能紹介と操作ガイド。前編では、「コードナビゲータで定義したCSSをすばやく調べる」、「ビューの表示方法を切り替える」を紹介した。後編では、「Spryデータセットでコンテンツ作成」と「ライブビュー/ライブコード」で表示を確認する方法を紹介したい。 Spryデータセットでコンテンツ作成(1) 「Spryデータセット」は、取得したデータをソートしたり、指定したデータを呼び出して表示するSpryコンテンツだ。「Dreamweaver CS3」から搭載された機能だが、CS4から読み込み用データとしてHTMLのテーブルを扱えるようになり、コンテンツ作成がより容易になった。「Spryデータセット」を使って、日付をクリックすると記事が更新されるコンテンツを作成してみよう。 日付を変えるとコンテンツが更新される。写真は完成後のイメージ
【Adobe Spry TIPS】別ドメインの内容を読み取る 【Adobe Spry TIPS】ＲＳＳを取得して表示する。の補足。 Ajaxではブラウザのセキリュティ上、別ドメインの内容を取得することはできません。 それではRSSデータを十分に活用できませんので、別ドメインのRSSを読み取る方法としてcgiやphpなどでサーバーサイドで読み込みの処理をかます方法があります。 phpを利用して外部のドメインのRSS（twitterのRSS)を取得・表示する方法を解説します。 以下のような内容のurl_proxy.phpを作成します。 <?php $url = "http://twitter.com/statuses/user_timeline/5396752.rss"; $xml = file_get_contents($url); header("Content-type: applica
【Adobe Spry TIPS】 ツールチップ ツールチップは文字などにマウスが重なったときに、詳細内容など表示する為の機能になります。 Adobe Spryの準備は【Adobe Spry TIPS】Spryを準備する。を参考にしてください。 head要素内での設定 ツールチップはSpryTooltip.jsウィジェットを利用します。 <script type="text/javascript" src="./includes/SpryDOMUtils.js"></script> <script type="text/javascript" src="./widgets/tooltip/SpryTooltip.js"></script> script要素内でSpry.Widget.Tooltipを利用してトリガー(マウスオーバーする要素のid)とツールチップ(マウスオーバーされた際に表示
Adobe Dreamweaver CS3(DW)には、Adobe Spryの開発補助機能がついているため、マウス操作だけでほとんどの機能を作ることができます。 ここでは、Adobe Spryと Dreamweaverで都道府県を選ぶと、市区町村のリストが出てくる Ajaxプログラムを作成してみます。2007年 11月に開催された「Adobe MAX Japan 2007」でお見せしたデモンストレーションです。 中で利用しているXMLファイルはこちらからダウンロードください。（林 岳里さんにご提供いただきました！） » アドレスデータのダウンロード 作り方はこちらから。 ムービー中で挿入している、JavaScriptコードはこちらです。 dsPref.setCurrentRowNumber(this.selectedIndex); また、ムービー中に「Spry領域を挿入しますか？」という
Adobe SpryとDreamweaver CS3であのエフェクトもサクサク：魅力のAjaxライブラリAdobe Spry入門 - builder by ZDNet Japan
Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3（以下、DWCS3）との組み合わせで発揮される。 2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。 それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。 エフェクトをかける 前回、Effecsオブジェクトを使って、エフェクトをかけるというスク
Adobe Edge: Spry 集中講座
「Ajax したい！」Web デザイナーのための Spry 集中講座 第四回：Dreamweaver CS3 + Spry Widgetで 一歩先行く UI をあなたの Web ページに 前号では Spry の基本ともいうべき XMLデータセットの作成と表示を Dreamweaver CS3 で行う方法についてご紹介しました。そこで今回は、Spry のもうひとつの特長である「Widget」（ウィジェット）について見てみましょう。Ajax 化された Web ページの醍醐味は、ページ上で扱うデータの内容によって、動的にページが変化していくことです。Spry Widget は、その動きを司る重要な技術ですが、今回はその中でも理解しやすい「入力フォームの内容チェック」について、実践的に解説してきます。 Dreamweaver CS3 の Spry Widget Spry Widget とは、構
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpry pre release 1.6のサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。その際に、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてください。また、テキストデータ等を出力先にサーバー側で文字コードを指定するヘッ
Smalltalkに似た新言語 Spryの話 | 第93回Smalltalk勉強会 (2016/10/28 19:00〜)
注意 現在X(旧Twitter)でのソーシャルログインができない事象を確認しています。事前にX(旧Twitter)側で再ログインした上でconnpassのソーシャルログインを行うか、 「ユーザー名(またはメールアドレス)」と「パスワード」の組み合わせでのログインをお試しください。合わせてFAQもご確認ください。 お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。 9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用
Adobe SpryとDreamweaver CS3であのエフェクトもサクサク：魅力のAjaxライブラリAdobe Spry入門
Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3（以下、DWCS3）との組み合わせで発揮される。 2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。 それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。 エフェクトをかける 前回、Effecsオブジェクトを使って、エフェクトをかけるというスク
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 今回は、もう少し掘り下げて Spryの魅力を紹介していこう。 シンプルなファイル構成 JavaScript ライブラリは、Webページに組み込んで利用するため、その分だけWebページのサイズが大きくなってしまう。そのため、不必要な機能は組み込まなくて済むようにしたり、自分に必要な機能だけを選んでファイルを作れるようになっているものもある。しかし、ダウンロードするファイルが数十MBに及んでいることがあったり、機能を付け足す度にライブラリをダウンロードし直す必要があったりする。 Spryの場合、ダウンロードして解凍した状態では8MB弱。実際のライブラリファイル等は1MB程度でアップロードすることができる（図1）。また、「SpryEffect
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
Adobe - デベロッパーセンター : Spryテキストフィールド検査ウィジェット導入事例：ショッピングポータル「カラメル」
藤川真一氏 株式会社paperboy&co. EC事業本部 カラメルチーム プロデューサー 作成日:2007年12月20日 ユーザレベル:初心者 製品:Spry Framework for Ajax Dreamweaver 私が所属する（株）paperboy&co.では、ショッピングポータル「カラメル」を運営しています。カラメルには、商品購入履歴やお気に入りの商品をソーシャルブックマーク形式で登録できる「マイカラメル」というユーザー機能があり、その登録作業のユーザビリティを向上させるために、Adobeの「Spry Framework for Ajax」の「Spryテキストフィールド検査ウィジェット」を利用しています。この記事では、Spryテキストフィールド検査ウィジェットを紹介するとともに、実際にどのようにカラメルで使用しているかを解説します。 必要ソフトウェア この記事では、以下のソ
【Adobe Spry TIPS】 アコーディオン Spryにはウィジェットとして様々な機能が提供されています。 そのうちの１つが『アコーディオン』です。 アコーディオンとはクリックで、コンテンツを開いたり閉じたりする特徴的なUIになります。 この機能を使うには、まず、widgetsディレクトリ内のaccordionディレクトリ内のSpryAccordion.jsをhead要素などで読み込みます。 また、addLoadListenerを利用する為、SpryDOMUtils.jsも読み込んでおきます。 <script type="text/javascript" src="./widgets/accordion/SpryAccordion.js"></script> <script type="text/javascript" src="./includes/SpryDOMUtils.js"
今回はAdobe SpryのTipsです。お仕事でJavaScriptを使ったRSSの取得と表示が必要になったこともあって、Spryを使ってみました。XMLの取得と表示は以前にSpryでやったことがあったのですが、それほど難しくありません・・・と言うか簡単です。今回のポイントはRSSから取得した日時がGMTなのをJSTに変換して表示させるところです。 と言うことでまずは普通に取得して表示させてみます。 Spryのライブラリから必要な材料はこの2つ。 xpath.js SpryData.js ソースに記入するJavaScript部分はこれだけ。 <script type="text/javascript" src="js/spry/xpath.js"></script> <script type="text/javascript" src="js/spry/SpryData.js"></s
XMLでデータを管理して、それをJavaScriptで読み込む。（Spryにて解決）／ライブラリー : アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション
アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション：ライブラリー 2007年9月18日 XMLでデータ管理再び。 以前の記事 XMLでデータを管理して、それをJavaScriptで読み込みたいのだ。（未解決） で、ちょろっと「外部データでサイトのコンテンツを管理したいっ！」って書いたら、お友だちのn0riくんがxmlではなく、csvデータでギャラリーを管理するスクリプトをさらっと書いてくれちゃいました。（ありがとーっ！） 素人さんにとっては、xmlうんぬんよりも、excelで作れるcsvデータのほうが扱いやすいとのことで、確かに言われてみればそうかなと。 以前仕事でやったことがあって、そのデータをカスタマイズしただけ…って言ってたけど、さらっと実現できちゃうところはやっぱり天才的です。 中身を見てみると… す、すんません
SpryとAIRもDreamweaverで楽々
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Spryを利用すれば、Webサイトでさまざまな演出を施したり、機能を向上することができるのはこれまで紹介したとおりだ。しかし、Spryの利用範囲はWebサイトだけにはとどまらない。この先、アプリケーションソフトの開発にも活用できる可能性があるのだ。そのキーワードとなるのが「AIR（エアー）」である。 AIRは「Adobe Integrated Runtime」の略称で、一般的に「Adobe AIR」と略される。開発中は「Apollo」というコードネームで呼ばれていたプロダクトである。 「ランタイム」という種類のソフトウェアで、アプリケーションソフトの土台となるOSソフトのような存在だ。通常、アプリケーションソフトというのはWindows
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アドビのAjaxフレームワーク「Spry」を使ってみよう ― ＠IT
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe提供のAjaxフレームワーク「Spry」のサンプル集:phpspot開発日誌
【Adobe Spry TIPS】 目次
Spry framework for Ajax - SpryData
【Adobe Spry TIPS】 CSVを取得表示
Adobe Edge: 2007年3月 「Ajax したい！」Web デザイナーのための Spry 集中講座
【Adobe Spry TIPS 】タブパネル
Adobe Spryがすばらしい 5つの理由 - 無限責任社員の日記 ver.2
アドビのAjaxフレームワーク「Spry」を使ってみよう − ＠IT
【Adobe Spry TIPS】ＲＳＳを取得して表示する。
AdobeがAjaxのフレームワーク「Spry」プレビュー版をリリース | スラド
【Adobe Spry TIPS】別ドメインの内容を読み取る
【Adobe Spry TIPS】 ツールチップ
Adobe Spry+DWで都道府県検索を作る方法（ムービー） | Recently Ajax
あのエフェクトがこんなに簡単に：魅力のAjaxライブラリAdobe Spry入門
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
【Adobe Spry TIPS】 アコーディオン
Adobe SpryでRSSの取得に挑戦 « SecondStudio - Remarks