タグ

Spryに関するvv_boow_vvのブックマーク (21)

  • JavaScriptとFlashで実装する33の画像ギャラリー

    vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー

  • Ajax活用のポイント:ページ遷移とユーザビリティの関係 - builder by ZDNet Japan

    特集:セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 特集:IT最適化への道 成功の

    Ajax活用のポイント:ページ遷移とユーザビリティの関係 - builder by ZDNet Japan
    vv_boow_vv
    vv_boow_vv 2008/01/17
    切り替え時の演出などを含めて、気の利いた動きを実現することができる。見た目は、CSSのカスタマイズなどで自由に行えるため、他のウィジットも含めて活用すると良いだろう。
  • 【Adobe Spry TIPS】別ドメインの内容を読み取る

    【Adobe Spry TIPS】別ドメインの内容を読み取る 【Adobe Spry TIPS】RSSを取得して表示する。の補足。 Ajaxではブラウザのセキリュティ上、別ドメインの内容を取得することはできません。 それではRSSデータを十分に活用できませんので、別ドメインのRSSを読み取る方法としてcgiやphpなどでサーバーサイドで読み込みの処理をかます方法があります。 phpを利用して外部のドメインのRSStwitterRSS)を取得・表示する方法を解説します。 以下のような内容の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】別ドメインの内容を読み取る
    vv_boow_vv
    vv_boow_vv 2007/11/27
    Ajaxではブラウザのセキリュティ上別ドメインの内容を取得することはできない。RSSデータを十分に活用するために別ドメインRSSを読み取る方法(cgiやphpなどでサーバーサイドで読み込みの処理をかます方法)があります。
  • 【Adobe Spry TIPS】XMLとXPath

    【Adobe Spry TIPS】XMLとXPath 【Adobe Spry TIPS】RSSを取得して表示する。の補足 XMLとXPathについては一番なじみが深いと思われるXHTMLを元に解説していきます。 XHTMLはもともとSGMLベースで策定されたHTMLを、XMLベースに策定しなおしたものであり、XMLとはXHTMLのように複数の要素を入れ子にして情報を表現する為のマークアップ言語です。 XPathはXMLの特定の要素までの道筋を記述する方法です。 サンプルに、当blogの最新の状態を保存したXHTMLを用意しました。 (xml宣言の追加や、サーバーの設定のため拡張子をxmlに変更した物) このサンプルを元に最新のエントリー一覧を抽出するXPathを書いてみます。 まず、一番外側の要素(html要素)を記述します。 /html 次にその内側の要素。エントリー一覧はbody要素内

    【Adobe Spry TIPS】XMLとXPath
    vv_boow_vv
    vv_boow_vv 2007/11/26
    XMLとXPathについては一番なじみが深いと思われるXHTMLを元に解説していきます。
  • JavaScript(AJAX)・スタイルシート サンプル集 Spry framework for Ajax - SpryEffects

    SpryEffectsとは スタイルシートを駆使して色々な見せ方を最近はするようになってきましたが、SpryEffectsは代表的なエフェクトを簡単に扱えるようなライブラリです。 YUI Animation質は変わりませんが、Spry.Effect.Shake などのように、あらかじめ使いそうなEffectが用意されている点で便利な場合もあるかもしれません。YUI Animationを使って書けなくもないがすでにあるのなら書きたくはない:-) SpryEffectsを使う前準備 必要なのは1つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/SpryEffects.js"></script> Spry1.3 現在で使えるEffect AppearFade opa

  • Video File Format Specification Version 9

    Stories about our creative apps and services for everyone

    Video File Format Specification Version 9
    vv_boow_vv
    vv_boow_vv 2007/10/09
     labs.adobe.comにあるアコーディオンのサンプル各種。
  • [Spry]Accordion widgetについて1 : 構想雑文

    構想雑文 WEBデザインmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTMLCSSJavaScriptPHPのコーディングのことをあれこれ書いています。 RicoにもAccodionのライブラリがあるが、それと同じと思えばいい。 ただ、Ricoとは違う部分もあるので、使い分けをするしかないけど。 Spry framework for Ajaxでアコーディオンエフェクトを使い方ときは、コンテンツの該当部分を<div>タグ等で囲み、そのタグにID名をつける。 SpryAccordion.jsを呼び出し、 new  Spry.Widget.Accordion( )でそのIDを指定し、設定すればOK。 <div id="Acc1">

    [Spry]Accordion widgetについて1 : 構想雑文
    vv_boow_vv
    vv_boow_vv 2007/10/09
    あまり使い勝手が悪いので、SpryAccordion.jsの呼び出し部分のあとに記述してもいいかもしれない。
  • 逆引き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で文字化けしないようにしてください。また、テキストデータ等を出力先にサーバー側で文字コードを指定するヘッ

  • あのエフェクトがこんなに簡単に:魅力のAjaxライブラリAdobe Spry入門

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 今回は、もう少し掘り下げて Spryの魅力を紹介していこう。 シンプルなファイル構成 JavaScript ライブラリは、Webページに組み込んで利用するため、その分だけWebページのサイズが大きくなってしまう。そのため、不必要な機能は組み込まなくて済むようにしたり、自分に必要な機能だけを選んでファイルを作れるようになっているものもある。しかし、ダウンロードするファイルが数十MBに及んでいることがあったり、機能を付け足す度にライブラリをダウンロードし直す必要があったりする。 Spryの場合、ダウンロードして解凍した状態では8MB弱。実際のライブラリファイル等は1MB程度でアップロードすることができる(図1)。また、「SpryEffect

    あのエフェクトがこんなに簡単に:魅力のAjaxライブラリAdobe Spry入門
  • 【レビュー】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フォルダの中にあったものだ。一見す

  • スススッと動くUIをAdobeのSpry Effectsで:発想七日!:オルタナティブ・ブログ

    AdobeのSpryというのは、かなりノンコーディングでAjaxな処理ができるフレームワークです。以前、Amazon Webサービスと組み合わせれば書籍のセレクトショップが簡単に作れそうだと思って調べてみたのですが、Amazonの返すXMLデータの階層が深すぎてSpryでは扱えませんでした。 Ajaxとは関係ないのですが、今日たまたまSpry Effectsという、画面要素を動かすためのコンポーネントがリリースされていることを知りました(デモはこちら)。スーッと現れるフォームなんか作りたいなあと思いつつ思っていただけの僕も、簡単に使えるのかなあと思って試してみたら…。 すんなり実装できました。嬉しくて衝動的にエントリー。ご興味のある方は*ListFreakの上にある、「ログイン」をクリックしてみてください。 スライドさせるだけならば、基的に下記のような感じで指定してあげるだけでOKです。

    スススッと動くUIをAdobeのSpry Effectsで:発想七日!:オルタナティブ・ブログ
    vv_boow_vv
    vv_boow_vv 2007/09/12
     スライドさせるだけならば、基本的に下記のような感じで指定してあげるだけでOKです。
  • Adobe Spry フレームワーク | PHP & JavaScript Room

    Spryとは? Spry(スプライ)は、Adobeが開発したWebデザイナーのためのAjaxライブラリです。 「Spry」とは英語で「老人が活発になる」という意味があり、JavaScriptのような昔からある(老人)プログラミング言語が注目を浴びてるからというのが由来らしいです。 Spryの特徴 HTMLCSSの知識さえあれば、JavaScriptがよく分からなくてもAjaxできる! YUIやprototype.jsなどのAjaxライブラリはプログラマ(開発者)向けですが、SpryはWebデザイナー(Web制作者)のためのAjaxライブラリというだけあって、簡単なJSコードを書くだけでAjaxできるのが一番の特徴です。 コーディングルールがある Spryには、HTML要素の独自属性、クラス名の命名規則HTMLのコーディングルールがあるのも特徴です。 といっても、一定の形式に

    vv_boow_vv
    vv_boow_vv 2007/09/12
     BSDライセンスなので、著作権表示をしておけばフリーで使えます。
  • JavaScript++かも日記 - 1997年からの

    Testnetがアップデートされたのは知ってたけれど、libra-authのデモも動かなくなったのでちょっと調…

    vv_boow_vv
    vv_boow_vv 2007/09/12
     Spryがv1.1になって、 ドル関数をサポートしたということでしたので、早速、prototype.jsとの違いを調べてみました。ダウンロードしたのは、Spry_P1_1_06-08.zipというファイルです。(v1.1の6/8バージョン?)
  • Spryの拡張属性と妥当性検証 - 徒書

    先日行われたWeb標準の日の講演で、 林岳里さんによるSpry framework for Ajaxの紹介があったのですが、そのSpryを使った時のXHTMLの書き方で気になったところがありました。 例えばSpryのサイトにあるGalleryのデモのソースを見ると分かりますが、Spryを使う際にはXHTML文書の中で spry:region のようなspry:接頭辞のついた属性を用いています。林さんは紹介の中で「『これって標準から外れちゃって他のブラウザやエディタで見れないのかな』、という心配はありません」というような説明をされていたのですが、ブラウザの動作はさておくとしても、(ソースで宣言されているところの)XHTML 1.0 Transitional文書としての妥当性には反することになってしまいます。 妥当性検証は文書の品質を保つ上でも重要であり、敢えて妥当でないXML文書としてしまう

    vv_boow_vv
    vv_boow_vv 2007/09/12
     ソースをW3CのValidation Serviceで検証してみると、spry:の名前空間宣言・属性の他にも、<img id="tn{ds_RowID}" という部分でエラーとなっています(id属性には "{", "}" を書けないため)。
  • http://livedocs.adobe.com/ja_JP/Spry/1.4/help.html?content=WS3A497F5D-B30D-403e-B4B1-292E3262DA93.html

    vv_boow_vv
    vv_boow_vv 2007/09/12
    Spry 1.4 の概要。Spry 1.4 framework for Ajax は、より高度でおもしろいインタラクティブな Web ページの作成を可能にする、Web デザイナー向けの JavaScript ライブラリです。
  • akihiro kamijo: Spry (Ajax フレームワーク)公開

    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 と

    vv_boow_vv
    vv_boow_vv 2007/09/12
    Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と Flex 2.0 を組み合わせて使うこともできます。
  • アドビのAjaxフレームワーク「Spry」を使ってみよう ― @IT

    先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企

  • 逆引きAdobe Spryリファレンス

    このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ

  • Adobe Spryがすばらしい 5つの理由 - 無限責任社員の日記 ver.2

    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

  • WordPress › Error

    This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.