Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 674 ) Arax ( 1 ) canvas ( 15 ) CSS ( 24 ) ( 9 ) DLNA ( 1 ) Dojo ( 25 ) DOM ( 51 ) ES4 ( 4 ) Ext JS ( 5 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 124 ) Google ガジェット ( 1 ) GPS ( 44 ) HTML ( 11 ) HTTPヘッダサンプル ( 10 ) IME ( 2 ) Internet ( 2 ) iPhone ( 49 ) IPv6 ( 1 ) 漫画 ( 4 ) Java ( 49 ) JavaScript ( 342 ) jKamo ( 8 ) jQchart ( 4 ) jQuery ( 207 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 49 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 18 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 9 ) Movable Type ( 58 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 10 ) P2P ( 2 ) Perl ( 8 ) PHP ( 38 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 28 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) SPDY ( 1 ) Spry ( 6 ) SQLite ( 17 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 23 ) TRON ( 1 ) Ubiquity ( 7 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Web Sockets ( 19 ) Webサービス ( 106 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 74 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 7 ) チューニング ( 30 ) ダイナミックロード関数 ( 7 ) リファレンス ( 20 ) ライブラリ ( 210 ) レーダー雨量表示 ( 1 ) ハード ( 35 ) ペンギン ( 2 ) ブラウザ ( 107 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 14 ) クロスブラウザ関数 ( 8 ) スマートフォン ( 8 ) セキュリティ ( 155 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 57 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 38 ) 牛久大仏 ( 19 ) 携帯 ( 150 ) 言語 ( 19 ) 故障 ( 9 ) 高橋家の謎 ( 3 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 112 ) 雑談 ( 353 ) 実装 ( 2 ) 書籍 ( 20 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
Web Sockets Domo

* サーバー側は、小松氏のこれをbloga.jp:80へ置いてあります。
* クライアント側はWS処理をjQueryプラグイン化してみました。これです。
* ちなみに、このDemoサンプルは、下記5行でローカルでも別ドメインでもどこにでも設置出来ます。
<script src="http://bloga.jp/ws/jq/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://bloga.jp/ws/jq/js/jquery.ws-0.3-noenc-pre.js" type="text/javascript" charset="utf-8"></script> <script src="http://bloga.jp/ws/jq/conn/wschatdemo0.3.js" type="text/javascript"></script> <script>/*サポートしてない時のalertメッセージを抑止*/$.ws.wsSetup({nonosupportmsg:true});</script> <div id="wsdemos"></div>

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

【info】 最近はTwitterでぶつぶつ言ってることが多いです。
>http://twitter.com/toshirot

2005年06月10日

【Ajax】関連リンク

Ajax ブックマークに追加する ブックマーク-- Hatena  / Livedoor track feed


【アプリ&実験】
Google Maps
http://maps.google.com/
Google Suggest
http://www.google.com/webhp?complete=1&hl=en
amazon A9.com
http://a9.com/javascript%20ajax

GoogleSuggestクローン
http://ajax.zervaas.com.au/examples/GoogleSuggestCloneJax/
AjaSQL チャット
http://jsgt.org/ajax/ref/test/json/sql/bbs2.htm
AjaxActiveChat
http://hestia.im.uec.ac.jp:2000/chat.html中断中
Amazon.com のダイヤモンド検索 (インタラクティブ検索)
http://www.amazon.com/gp/search/finder/104-9153618-7395915?productGroupID=loose%5fdiamonds
Allabout Ajaxを使おう / RSSリーダーを作る
http://allabout.co.jp/career/javascript/closeup/CU20050531A/index.htm
Allabout Ajaxはじめの一歩 XMLHttpRequest
http://allabout.co.jp/career/javascript/closeup/CU20050515A/index.htm

Ajaxで紙copiライクなツール、めもー
http://www.redcruise.com/blog/index.php?p=113
AjaxでTODO管理、とーどー
http://www.redcruise.com/blog/index.php?p=118
AjaxとYahoo!APIでタブ式検索「ytab」
http://www.redcruise.com/blog/index.php?p=123

ajaxなウェブメール
http://mizzy.org/program/ajaxWebMail02.html
ajaxmail
http://www.kawa.net/works/ajax/mail/ajaxmail.html

別ドメインのRSS読み込み
http://jsgt.org/mt/archives/01/000373.html
プレロード版RSS読み込み
http://jsgt.org/ajax/ref/test/json/jkl/v0.07/mt_preroad.htm
RSS読み込み 
http://jsgt.org/mt/archives/01/000370.html
RSS読み込み Microsoft.XMLDOMやdocument.implementation.createDocumentによる
http://jsgt.org/mt/archives/01/000353.html

PerlでGETとPOST
http://jsgt.org/ajax/ref/test/json/getpost/test3.htm
PHPでGETとPOST
http://jsgt.org/ajax/ref/test/json/getpost/test2.htm
PEARのJSON
http://jsgt.org/mt/archives/01/000348.html
CPANのJSON
http://jsgt.org/mt/archives/01/000340.html
JSON / Flash getURL 対 PHP/Perl
http://jsgt.org/ajax/ref/test/json/flash/test1_fla1.htm
JSON/ダイナミックロード
http://jsgt.org/ajax/ref/test/json/dload/test1.htm
JASON の動作テスト object,property,method
http://jsgt.org/ajax/ref/test/json/test1.htm
JASON の動作テスト string , number , boolean , null , function , array , object
http://jsgt.org/ajax/ref/test/json/test2.htm

responseされる文字コードの調査
http://jsgt.org/mt/archives/01/000287.html
レスポンスのタイミングについての調査
http://jsgt.org/ajax/ref/test/response/responsetext/test1.php

Sync(同期)とAsync(非同期)の体感テスト
http://jsgt.org/mt/archives/01/000305.html
通常のヘッダとDigest認証のヘッダ
http://jsgt.org/ajax/ref/test/auth/digest/test1.htm

Ajaxでアップロード時のプログレスバー
http://blog.joshuaeichorn.com/archives/2005/05/01/ajax-file-upload-progress/
プログレスバーDemo
http://php5.bluga.net/progressDemo/demo.php

MSXMLのバージョンを調べます
http://jsgt.org/ajax/ref/test/msxml/msxmlversion.htm

リアルタイムにかな漢字変換。
http://chasen.org/~taku/software/ajax/ime/
Ajax を使った 日本語 IME + KWIC
http://chasen.org/~taku/software/ajax/imekwic/
Ajax を使った KWIC (KeyWord In Context)
http://chasen.org/~taku/software/ajax/kwic/

Ajax を使った郵便番号検索
http://apollo.u-gakugei.ac.jp/~sunaoka/ajax/ajaxzip/

JSサンプルストッカー (1999.12^^!)
http://game.gr.jp/jslb/index.htm

Ajaxでビデオ編集。
http://cutuplog.cocolog-nifty.com/videolog/2005/06/ajax_0ca0.html

SVG over Google Map Land
http://www.web-maps.com/GoogleMapExplore/

Allabout/Ajax/動的なテーブル書き換え
http://allabout.co.jp/career/javascript/closeup/CU20050630A/index.htm

【ツール】
AjaSQL
http://jsgt.org/mt/archives/01/cat_ajasql.html
Google AJAXSLT BSD Licenseです
http://goog-ajaxslt.sourceforge.net/
AjaxFaces 1.0 JSFでAjax
http://pcweb.mycom.co.jp/news/2005/06/07/025.html
DWR 0.6 Javaとの連携用Ajaxツール
http://pcweb.mycom.co.jp/news/2005/05/20/008.html
JSMin JavaScriptファイルからコメントと不要な空白を取り除くフィルタ
http://www.crockford.com/javascript/jsmin.html
JKL.ParseXML XML→JSON展開クラス
http://www.kawa.net/works/js/jkl/parsexml.html
川崎さんのJKL.Hina - テンプレート展開クラス
http://www.kawa.net/works/js/jkl/hina.html
Jamritas - HTML template library for JavaScript
http://jamritas.sourceforge.net/

J
山本さんのJavaScriptによるHTML/XHTMLテンプレートライブラリ。テンプレートとモデルデータから、新たなHTMLを生成します。
自家製エンコード/デコード関数
http://jsgt.org/ajax/ref/test/json/getpost/test2_myenc.htm

Echo2 / Ajaxベースのレンダリングエンジンによるフレームワーク
http://www.nextapp.com/products/echo2/
Echo2 デモ
http://demo.nextapp.com/InteractiveTest/ia

Mozilla DOMのバージョン検索 たとえば、onreadystatechangeはいつ実装されたか?
http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/srcidl.cgi?typ=var&word=onreadystatechange&dom=&cat=

Rico(JavaScript Rich Internet Applications)デモ
http://openrico.org/demos.page


【概要】
Ajaxの提唱
Ajax: A New Approach to Web Applications
http://www.adaptivepath.com/publications/essays/archives/000385.php上記の翻訳
http://antipop.zapto.org/docs/translations/ajax.html
Using the XML HTTP Request object
http://jibbering.com/2002/4/httprequest.html
XMLHttpRequestについて
http://www.hawk.34sp.com/stdpls/xml/xmlhttprequest.html
Allabout JavaScriptのパラダイムシフト「Ajax」
http://allabout.co.jp/career/javascript/closeup/CU20050430A/index.htm
Ajaxのメリット覚え書き
http://jsgt.org/mt/archives/01/000293.html
はてな「Ajax」
http://d.hatena.ne.jp/keyword/Ajax
はてな「XMLHTTPRequest」
http://d.hatena.ne.jp/keyword/XMLHTTPRequest
AJAX With Java2EE
http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

【仕様】
Mozilla nsIXMLHttpRequest.idl
http://jsgt.org/ajax/ref/xmlhttprequest/moz/nsIXMLHttpRequest.idl
草案 Web Applications 1.0
http://whatwg.org/specs/web-apps/current-work/#scripted-http
RFC2068 Hypertext Transfer Protocol HTTP/1.1
http://www.mars.dti.ne.jp/~torao/rfc/rfc2068-ja.html
RFC2616の8.1.2.2 パイプライン化
http://www.ring.gr.jp/pub/doc/RFC/rfc2616.txt#8.1.2.2
ECMA-262 3rd Edition 和訳 : 15.1.3 URI 処理関数のプロパティ
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/15-1_Global_Object.html#section-15.1.3
DOM3 - Load and Save
http://jsgt.org/mt/archives/01/000345.html
Introducing JSON
http://www.crockford.com/JSON/index.html
HTTP Authorization
http://www.studyinghttp.net/auth
Apache2でDigest 認証[ダイジェスト認証]
http://www.fkimura.com/apache14.html
第 16章PHP による HTTP 認証
http://php.s3.to/man/features.http-auth.html
RFC 2617
http://www.faqs.org/rfcs/rfc2617.html
ブラウザ別の実装情報リンク
http://jsgt.org/mt/archives/01/000306.html
readyState
http://jsgt.org/mt/archives/01/000278.html

【情報】
Ajax blog
http://opengl.jp/ajax/
Ajaxに関する情報サイト
http://www.ajaxmatters.com/

【その他】
++かも日記 [Ajax]
http://jsgt.org/mt/archives/01/cat_ajax.html
日本語文字列防忘メモ
http://jsgt.org/mt/archives/01/000356.html
md5.jsとPHPのmd5()
http://jsgt.org/mt/archives/01/000301.html
LAMP Linux,Apache,MySQL,+P(PHP,Perl,Python)http://japan.cnet.com/news/ent/story/0,2000047623,20084497,00.htm

【Tips】
サーバーのAddDefaultCharset
http://jsgt.org/mt/archives/01/000332.html
send(null)でk3.3がエラー
http://jsgt.org/mt/archives/01/000289.html
If-Modified-Sinceは明示的にコーディングすべし
http://www.semblog.org/msano/archives/000386.html

【リンク】
RPC関連リンク
http://jsgt.org/mt/archives/01/000361.html
MSXML関連リンク
http://jsgt.org/mt/archives/01/000275.html
メーリングリスト Ajax ML
http://zerobase.jp/blog/entry-215.html

#このエントリーは随時追加予定






AllaboutのJavaScript記事を連載させていただいてます。最近は、jQueryを主に取り上げていますが、多少なりとも参考になれば幸いです。