このページはAjax関連ライブラリ等で利用できるエフェクトに関しての用例を掲載しています。これらのエフェクトは非同期通信を行わなくても利用できるため、通常のサイトでも効果的に利用できます。Ajax一般に関してはAjax勉強用サンプル&解説を参照してください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。

Ajaxian.com 2006 Survey Resultsの調査結果において、もっともポピュラーなAjax言語としてPHPがあげられている。同調査では有名なAjaxフレームワークとしてPrototype.js、Script.aculo.us、Dojoなどがあげられており、さもありなんといったところだ。 こうしたAjaxに特化したフレームワークも役立つが、ここでは一般的に使用されているPHP PEARに用意されているモジュールから、とくにJavaScriptと連動するためのモジュールを2つ紹介したい。Prototype.jsなどとは少し性質が異なるが、ともに役に立つフレームワークだ。 是非とも利用法を身につけ、"ちょっと差のつく"ウェブアプリケーションを作ってみよう。

prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です（2007/11/8）。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio

« 突然、有名サイトに自分の写真が掲載されていたら | メイン | おとこのCometアプリケーション！　非モテのためのJetty 6 Continuation入門まとめ（後編：その１） » おとこのCometアプリケーション！　非モテのためのJetty 6 Continuation入門まとめ（前編） はじめに Jetty 6には、継続（continuation）という機構が用意されました。この記事では、その応用例であるCometによるウェブアプリケーションの実装を取り上げ、解説をします。 Cometでは、サーバプッシュ型アプリケーションを実現するために、サーバに対してHTTPコネクションを張り続ける必要があります。こうした接続の手法は、従来のHTTPサーバでは想定されているものではありません。 また、Cometが提供するイベントドリブン型のウェブアプリケーションでは、サーバ側や、クライア

Alex Russell’s notes on the web, life, and DojoAn old web technology is slowly being resurrected from the depths of history. Browser features that have gone untouched for years are once again being employed to bring better responsiveness to UIs. Servers are learning to cope with a new way of doing things. And I’m not talking about Ajax. New services like Jot Live and Meebo are built with a style o

最近Linuxの勉強もかねて作っているのが、超シンプルなアーキテクチャーのHTTPサーバー。そこそこ動き始めたのだが、それだけでは面白くないので、サーバー側からイベントに応じてデータをPushできるCometの機能を足してみた。 ストレステストのために、昨日からこのブログにこっそりとテスト用のIFRAMEを貼り付けてあったのだが（そのおかげで、バグを三つばかり見つけることができた―感謝、感謝^^）、安定して動き始めたので、見栄えを整えてこのブログの右上に貼り付けてみた。 題して、「リアルタイム・ページビュー・カウンター（RPV Counter）」。Totalはこのカウンターをリセットしてからのページビューの数、Currentはその時点でこのブログを見ている人の数（ただしノイズあり）、PeakはCurrentの過去最大値だが、ページを再ロードせずとも、それぞれのカウンターが自動的にアップデー

さて、お待たせしました。いよいよCometとLingrについての技術解説です。 ■Comet解説 さて、まずはCometとは何で、どういう背景によって生まれたのか、についての解説から始めます。 まず前提として、Webアプリケーションにおいては、通信開始のトリガーは常にクライアント側が握っています。つまりURLを入力したりボタンをクリックしたときなどに通信が発生することになるわけですが、このようなアーキテクチャは、サーバ側で発生した変化をリアルタイムにクライアント側に通知することが原理的にできないことを意味します。 チャット・アプリケーションでは、複数のユーザから不定期にメッセージが送信され、それが他の参加者に一斉に配信されなければなりません。しかし、メッセージを受け取ったサーバ側では、それをクライアントに即座にプッシュで通知する方法がないのです。 そのため、一定期間ごとにブラウザがサーバに

Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢

それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

https://www.JSON.org/json-en.html

Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use

Welcome to the OpenAjax Alliance The OpenAjax Alliance is an organization of leading vendors, open source projects, and companies using Ajax that are dedicated to the successful adoption of open and interoperable Ajax-based Web technologies. The prime objective is to accelerate customer success with Ajax by promoting a customer's ability to mix and match solutions from Ajax technology providers an

GWT is used by many products at Google, including Google AdWords and Google Wallet. It's open source, completely free, and used by thousands of enthusiastic developers around the world. GWT is the official open source project for GWT releases 2.5 and onwards. This site houses links to the documentation, source code repository, issues list and information related to GWT roadmap and release. It is i