MYCOM BOOKS - 基本からしっかりわかる Adobe Spryプログラミングブック
■内容紹介 Spryはアドビシステムズが開発しているAjaxフレームワークで、日頃はプログラミングに関わっていないWebデザイナーであっても、AjaxやJavaScriptをまったく意識することなく、高度なエフェクトを自由自在に操ることができます。本書は、そのSpryの基本から活用までをマスターできる解説書です。 本書は6章立てになっています。 「第1章 Spryの基本」では、Spryの導入、簡単なサンプルの制作を通して、Spryの基本を学びます。 「第2章 JavaScriptの基礎」では、Spryを使いこなすために必要なJavaScriptの知識を簡単にまとめています。JavaScriptをすでに分かっている方は、ここはさらっと流してもよいでしょう。 「第3章 Spry Effectsを使おう」は、Spryのエフェクトを紹介します。フェードイン、フェードアウト、ハイライト、ブラ
Adobe SpryでRSSの取得に挑戦 « SecondStudio - Remarks
今回は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
Spry framework for Ajax - SpryData
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
【Adobe Spry TIPS】別ドメインの内容を読み取る
【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
Web制作に関わる方のためEL-J（エル・ジェイ） [まぐまぐ！]
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ Web制作に関わる方のためのEL-J（エル・ジェイ） □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第225号 発行日：2016年4月27日 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、Web制作に関わる方のために、 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ 今後のEL-Jは、FacebookとTwitterに移行します ├ 公開したスライド ├ セミナー情報 ├ 執筆関連：Adobe Creative Station 「ベテラ
![Web制作に関わる方のためEL-J（エル・ジェイ） [まぐまぐ！]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7df46c09aa57028d4bb9de100cabf5f153936a5/height=288;version=1;width=512/https%3A%2F%2Fimg.mag2.com%2Fogp%2Fbn%2Fogp.png)
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 - デベロッパーセンター : Spryテキストフィールド検査ウィジェット導入事例：ショッピングポータル「カラメル」
藤川真一氏 株式会社paperboy&co. EC事業本部 カラメルチーム プロデューサー 作成日:2007年12月20日 ユーザレベル:初心者 製品:Spry Framework for Ajax Dreamweaver 私が所属する（株）paperboy&co.では、ショッピングポータル「カラメル」を運営しています。カラメルには、商品購入履歴やお気に入りの商品をソーシャルブックマーク形式で登録できる「マイカラメル」というユーザー機能があり、その登録作業のユーザビリティを向上させるために、Adobeの「Spry Framework for Ajax」の「Spryテキストフィールド検査ウィジェット」を利用しています。この記事では、Spryテキストフィールド検査ウィジェットを紹介するとともに、実際にどのようにカラメルで使用しているかを解説します。 必要ソフトウェア この記事では、以下のソ
paperboy&co.がCreative Suite 3で構築するショッピングポータルサイト | WIRED VISION
paperboy&co.がCreative Suite 3で構築するショッピングポータルサイト 2007年12月19日 コメント： トラックバック (0) みんなのショッピングポータル「カラメル」は、株式会社paperboy&co.が提供するショッピングポータルサイトです。同社のデザイナーやWeb開発者は、サイトの設計やデザインやブログパーツの制作など、Webサービス開発のワークフロー全般でAdobe Creative Suite 3 Web Premiumを活用しています。 Fireworks CS3をサイトの設計や素材作りに活用 株式会社paperboy&co. 代表取締役社長 家入一真氏 株式会社paperboy&co. EC事業本部 カラメルチーム プロデューサー 藤川真一氏 GMOグループの企業のひとつ、株式会社paperboy&co.が提供するショッピングポータルサイト「カラメ
【Adobe Spry TIPS】 目次
【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につ
SpryとAIRもDreamweaverで楽々
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Spryを利用すれば、Webサイトでさまざまな演出を施したり、機能を向上することができるのはこれまで紹介したとおりだ。しかし、Spryの利用範囲はWebサイトだけにはとどまらない。この先、アプリケーションソフトの開発にも活用できる可能性があるのだ。そのキーワードとなるのが「AIR（エアー）」である。 AIRは「Adobe Integrated Runtime」の略称で、一般的に「Adobe AIR」と略される。開発中は「Apollo」というコードネームで呼ばれていたプロダクトである。 「ランタイム」という種類のソフトウェアで、アプリケーションソフトの土台となるOSソフトのような存在だ。通常、アプリケーションソフトというのはWindows
Adobe SpryとDreamweaver CS3であのエフェクトもサクサク：魅力のAjaxライブラリAdobe Spry入門
Spryは、ライブラリ単体でみても非常に優れたライブラリであるし、前回紹介した通り非常に簡単なスクリプトで、さまざまな動きを実現することができる。しかし、Spryの最大の魅力は、やはりAdobe Dreamweaver CS3（以下、DWCS3）との組み合わせで発揮される。 2007年 6月に発売された DWCS3は、まだ「Labs」での公開段階であるSpryという発展途上の技術を、ソフトウェアに組み込んで販売するという思い切ったことをしている。これ自体は、既にSpryが開発されている段階から噂されていたことではあるが、筆者は実際に触ってみて、組み込みの完成度に驚愕した。ソフトウェアと一体化していて、とてつもなく便利になっていたのだ。 それでは、実際にDWCS3を使ったSpryの実装を紹介していこう。 エフェクトをかける 前回、Effecsオブジェクトを使って、エフェクトをかけるというスク
Adobe Edge: 2007年8月 「Ajax したい！」Web デザイナーのための Spry 集中講座
前号ではDreamweaver CS3に組み込まれているSpry Widgetを使い、Web制作にいつも用いる各種入力フォームに「知性」を与えてみました。今回は、Webページに動的なインタフェイスを付加することで、よりリッチなユーザー体験を提供する土台を作っていきましょう。これまで解説してきたXMLデータセットのハンドリングと組み合わせて使うと、完全にデータドリブン型の動的なWebページを構築できます。ぜひ、そのための手法をあなたのノウハウに加えてください。 インターフェイス作成用 Widget Dreamweaverにはインターフェース作成用に「メニューバー」、「タブ付きパネル」、「アコーディオン」、「縮小可能なパネル(折りたたみパネル)」の4種類のSpry Widgetが搭載されています。これらも「挿入」メニュー等から簡単に作成することができます。 項目 1 項目 1.1 項目 1.2
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 Edge: 2007年6月 「Ajax したい！」Web デザイナーのための Spry 集中講座
「Ajax したい！」Web デザイナーのための Spry 集中講座 第三回：Dreamweaver CS3 でコードを一行も書かずに 「Ajax する」方法 これまで2回に渡って紹介してきた Spry Framework を使っての Ajax ページ制作。今までは簡単とは言え Spry のコードを記述してきました。しかし新しい Dreamweaver CS3 では、Spry のサイト作成があたかもビヘイビアを設定するかのごとくボタンをクリックしていくだけで作成できるのです。XML データセットの登録と、それを表示するソート可能なテーブルを、今回は Dreamweaver CS3 で作成します。コードの記述は一切不要。まさに“デザイナーのための Ajax 開発ツール”の登場です。 Dreamweaver CS3 を起動すると、新しく挿入パネルに「Spry」が追加されたことに気づくはずです
Adobe Edge: 2007年3月 「Ajax したい！」Web デザイナーのための Spry 集中講座
前回はXMLのデータをSpryで読み込み、データセットを作成してテーブルに表示するところまでご説明しました。今回はそのデータセットの機能を使ったプルダウンメニューの作成と、プルダウンメニューで選択した内容によって変化するフィルタ機能を作成します。少しだけJavaScriptの関数を作成する必要がありますが、まさにAjaxの醍醐味ともいうべき、優れたユーザインタフェイスが完成しますので、ぜひ挑戦してみてください。 前回の表示されたXMLのデータを見てみると、その中に共通のカテゴリが複数あることにお気づきでしょう。これを１つのメニューにまとめ、ユーザが選択できるようにしてテーブルの表示内容をすっきりさせましょう。 まずは、 ds_category という名前のデータセットを作成して、Product.xmlのXMLデータの中から Category ノードにある値だけを取得してみましょう。スクリプ
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spry Widget改造版 Sample
Adobe Spry framework for Ajax 1.6 prereleaseがリリースされました | Recently Ajax
WordPress › Error
WordPress › Error