vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
特集:セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 特集:IT最適化への道 成功の
【Adobe Spry TIPS】別ドメインの内容を読み取る 【Adobe Spry TIPS】RSSを取得して表示する。の補足。 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】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要素内
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
Stories about our creative apps and services for everyone
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 RicoにもAccodionのライブラリがあるが、それと同じと思えばいい。 ただ、Ricoとは違う部分もあるので、使い分けをするしかないけど。 Spry framework for Ajaxでアコーディオンエフェクトを使い方ときは、コンテンツの該当部分を<div>タグ等で囲み、そのタグにID名をつける。 SpryAccordion.jsを呼び出し、 new Spry.Widget.Accordion( )でそのIDを指定し、設定すればOK。 <div id="Acc1">
このページはAdobeシステムズのAjaxフレームワークであるSpry pre release 1.6のサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。その際に、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてください。また、テキストデータ等を出力先にサーバー側で文字コードを指定するヘッ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 今回は、もう少し掘り下げて Spryの魅力を紹介していこう。 シンプルなファイル構成 JavaScript ライブラリは、Webページに組み込んで利用するため、その分だけWebページのサイズが大きくなってしまう。そのため、不必要な機能は組み込まなくて済むようにしたり、自分に必要な機能だけを選んでファイルを作れるようになっているものもある。しかし、ダウンロードするファイルが数十MBに及んでいることがあったり、機能を付け足す度にライブラリをダウンロードし直す必要があったりする。 Spryの場合、ダウンロードして解凍した状態では8MB弱。実際のライブラリファイル等は1MB程度でアップロードすることができる(図1)。また、「SpryEffect
アクセシビリティも考慮しているという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のSpryというのは、かなりノンコーディングでAjaxな処理ができるフレームワークです。以前、Amazon Webサービスと組み合わせれば書籍のセレクトショップが簡単に作れそうだと思って調べてみたのですが、Amazonの返すXMLデータの階層が深すぎてSpryでは扱えませんでした。 Ajaxとは関係ないのですが、今日たまたまSpry Effectsという、画面要素を動かすためのコンポーネントがリリースされていることを知りました(デモはこちら)。スーッと現れるフォームなんか作りたいなあと思いつつ思っていただけの僕も、簡単に使えるのかなあと思って試してみたら…。 すんなり実装できました。嬉しくて衝動的にエントリー。ご興味のある方は*ListFreakの上にある、「ログイン」をクリックしてみてください。 スライドさせるだけならば、基本的に下記のような感じで指定してあげるだけでOKです。
Spryとは? Spry(スプライ)は、Adobeが開発したWebデザイナーのためのAjaxライブラリです。 「Spry」とは英語で「老人が活発になる」という意味があり、JavaScriptのような昔からある(老人)プログラミング言語が注目を浴びてるからというのが由来らしいです。 Spryの特徴 HTMLとCSSの知識さえあれば、JavaScriptがよく分からなくてもAjaxできる! YUIやprototype.jsなどのAjaxライブラリはプログラマ(開発者)向けですが、SpryはWebデザイナー(Web制作者)のためのAjaxライブラリというだけあって、簡単なJSコードを書くだけでAjaxできるのが一番の特徴です。 コーディングルールがある Spryには、HTML要素の独自属性、クラス名の命名規則、HTMLのコーディングルールがあるのも特徴です。 といっても、一定の形式に
先日行われたWeb標準の日の講演で、 林岳里さんによるSpry framework for Ajaxの紹介があったのですが、そのSpryを使った時のXHTMLの書き方で気になったところがありました。 例えばSpryのサイトにあるGalleryのデモのソースを見ると分かりますが、Spryを使う際にはXHTML文書の中で spry:region のようなspry:接頭辞のついた属性を用いています。林さんは紹介の中で「『これって標準から外れちゃって他のブラウザやエディタで見れないのかな』、という心配はありません」というような説明をされていたのですが、ブラウザの動作はさておくとしても、(ソースで宣言されているところの)XHTML 1.0 Transitional文書としての妥当性には反することになってしまいます。 妥当性検証は文書の品質を保つ上でも重要であり、敢えて妥当でないXML文書としてしまう
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 と
先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く