Ajax : Asynchronous JavaScript + XML ... 最近は JavaScript オンリー でも Ajax とか言ってる気がしないでもない。

Ajax : Asynchronous JavaScript + XML ... 最近は JavaScript オンリー でも Ajax とか言ってる気がしないでもない。

  ,j;;;;;j,. ---一、 `  ―--‐、_ l;;;;;;
 {;;;;;;ゝ T辷iフ i    f'辷jァ  !i;;;;;  Java Script って、あいだにスペース入れるよね……
  ヾ;;;ハ    ノ       .::!lリ;;r゙
   `Z;i   〈.,_..,.      ノ;;;;;;;;>  そんなふうに考えていた時期が
   ,;ぇハ、 、_,.ー-、_',.    ,f゙: Y;;f.   俺にもありました
   ~''戈ヽ   `二´    r'´:::. `!

-はてなブックマーク - NI-Lab.の電子栞 / ajax
--http://b.hatena.ne.jp/nilab/ajax/

-はてなブックマーク - NI-Lab.の電子栞 / javascript
--http://b.hatena.ne.jp/nilab/javascript/

-はてなダイアリー - Ajaxとは
--http://d.hatena.ne.jp/keyword/Ajax

-Ajaxを勉強しよう
--http://www.openspc2.org/JavaScript/Ajax/Ajax_study/

-Ajax 逆引きクイックリファレンス
--http://www.openspc2.org/reibun/QuickReferenceAjax/
--http://www.amazon.co.jp/exec/obidos/ASIN/4839920354/nilabwiki-22/ref=nosim/

-JavaScriptリファレンス/初心者のためのホームページ作り
--http://www.scollabo.com/banban/java/ref.html

-入門 Ajax/support
--http://jsgt.org/ajax/

-Ecma WEB SITE - Standard ECMA-262 ECMAScript Language Specification 3rd edition (December 1999)
--http://www.ecma-international.org/publications/standards/Ecma-262.htm

-Under Translation of ECMA-262 3rd Edition
--http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/

-ECMAScript - on Surface of the Depth -
--http://www.kmonos.net/alang/etc/ecmascript.php

-一撃必殺JavaScript日本語リファレンス
--http://www.openspc2.org/JavaScript/

-JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
--http://javascriptist.net/

-CSS Properties to JavaScript Reference
--http://codepunk.hardwar.org.uk/css2js.htm
---CSS Property <-> JavaScript Reference

-JavaScript - MDC
--http://developer.mozilla.org/ja/docs/JavaScript

-Mozilla における DOM
--http://www.mozilla-japan.org/docs/dom/

-Gecko DOM リファレンス
--http://www.mozilla-japan.org/docs/dom/domref/

-Gecko DOM Reference - MDC
--http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference

-Core JavaScript 1.5 Guide - MDC
--http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide
--http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide

-Core JavaScript 1.5 Reference - MDC
--http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
--http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference

-Document Object Model (DOM) Level 2 Style Specification
--http://www.w3.org/TR/DOM-Level-2-Style/

-Y-ADAGIO - 文書オブジェクトモデル(DOM)水準2 スタイル規定
-Document Object Model (DOM) Level 2 Style Specification
--http://www.y-adagio.com/public/standards/tr_dom2_style/Overview.html

-Y-ADAGIO - 文書オブジェクトモデル(DOM)水準2 スタイル規定 - 附属書C ECMAScript言語束縛
-ECMAScript Language Binding
--http://www.y-adagio.com/public/standards/tr_dom2_style/ecma-script-binding.html

-Gecko DOM リファレンス
--http://www.mozilla-japan.org/docs/dom/domref/-Quick guide to somewhat advanced JavaScript
--http://www.sergiopereira.com/articles/advjs.html

-Flash vs. Ajax
--http://www.pasz.com/articles/FlashVsAjax.html
---Macromedia Flash との比較表

-はてな技術勉強会 - 2005年8月26日 JavaScript Programming 2.0
--http://www.hatena.ne.jp/info/tech#tech050826

-ハタさんのブログ : Javascriptによる大規模開発の覚え書き
--http://blog.xole.net/article.php?id=612
-->1.ログを出力せよ
-->2.要素の見た目を変更する処理は外部化せよ
-->3.引数のJSON化(Hash化)せよ
-->4.例外を使用せよ
-->5.高速化せよ
-->6.interceptできるようにせよ
-->7.非同期処理はコールバックさせよ

-Javascript Tips & Tricks ( and oddities ) - jslibs - Google Code
--http://code.google.com/p/jslibs/wiki/JavascriptTips

-prototype.jsと PerlでAjax
--http://shibuya.pm.org/blosxom/techtalks/200511.html
--http://shibuya.pm.org/slides/200511/prototype_js.ppt

-Collection & Copy - AJAX/JavaScriptライブラリまとめ
--http://d.hatena.ne.jp/brazil/20050909/1126254775

-日本語で読めるAjax関連情報のリンク集
--http://mag.autumn.org/Content.modf?id=20050928172048

-Javascript Toolbox: Reusable Libraries And Scripts Plus Information
--http://www.javascripttoolbox.com/

-AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something
--http://mentalized.net/activity-indicators/
---インジーケーターアニメーションGIF画像

-Top 10 custom JavaScript functions of all time
--http://www.dustindiaz.com/top-ten-javascript/
---common.js

-MochiKit &#8211; A lightweight Javascript library
--http://mochikit.com/

-script.aculo.us - web 2.0 javascript
--http://script.aculo.us/

-Yahoo! UI Library
--http://developer.yahoo.com/yui/

-Prototype (prototype.js) PrototypeJs

-Ajax/JavaScript UI and Effect Libraries AjaxUILib

-ライブラリ活用編 - JavaScriptist
--http://javascriptist.net/docs/libraries.html
---いろいろな Ajax ライブラリの紹介。

----
デバッグ(debug)

-Download details: Internet Explorer Developer Toolbar Beta
--http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

-Understanding Script Errors
--http://msdn.microsoft.com/library/default.asp?url=/library/en-us/sdbug/Html/sdbug_12.asp

-Firebug Lite
--http://www.getfirebug.com/lite.html
---IE, Opera, Safariなどでも使える Firebug. というか JavaScript による JavaScript デバッガー。

----
// prototype.js の Ajax.Request

var empID = $F('lstEmployees');
var y = $F('lstYears');
var url = 'http://yoursever/app/get_sales';
var pars = 'empID=' + empID + '&year=' + y;

// IE だと get で通信が発生しないことがある。ローカルのキャッシュを見に行っている?
// method: 'get' にすると、 pars をクエリー文字列(QUERY_STRING)として通信する (HTTP GET らしい動作)
// method: 'post' にすると、pars をクエリー文字列(QUERY_STRING)として通信しない(HTTP POST らしい動作)
var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: pars,
onComplete: showResponse
}
);

function showResponse(original_request, json_http_response)
{
alert(originalRequest.responseText);
alert(json_http_response);
}

----

-IEはテキストの変更でonChangeが使えない?
--<input type="text">
--テキストフォームで内容を変更してEnterキーを押すと、
---Firefox: change と keypress が発生。
---IE: keypress が発生。

----

-クロスドメイン問題: XMLデータソースが同一ドメインに存在する必要がある
--My Domain (HTML) + My Domain (javascript) + My Domain (XML) => OK
--My Domain (HTML) + My Domain (javascript) + Other Domain A (XML) => NG
--My Domain (HTML) + Other Domain A (javascript) + Other Domain A (XML) => NG
--My Domain (HTML) + Other Domain A (javascript) + Other Domain B (XML) => NG
--My Domain (HTML) + Other Domain A (javascript) + My Domain (XML) => OK

-JavaScript++かも日記: 【セキュリティ】Google Analytics
--http://jsgt.org/mt/archives/01/000685.html
--->よくあるWebカウンターなどのサービスも同じ事ですが、別ドメインのWebサービスをページ内に貼込むということは、その別ドメインのWebサービス管理者と自分のドメインのcookie情報を共有することになる可能性があります。

-別ドメインのXMLを取得するための方法: 仲介サーバがXMLを動的にJavaScriptのコードへ変換することで解決: 主にJSON形式のデータへ変換することで対処
--xml2json.cgi - ドメインを超えてXMLを読みこむ [tech.nitoyon.com]
---http://tech.nitoyon.com/javascript/xml2json.html
--XML を JSON に変換するサービス - ベータ版を公開 :: Drk7jp
---http://www.drk7.jp/MT/archives/001011.html

-XmlHttpProxy
--key=url で内部指定すればセキュリティ的に安全(URL自由指定させない)

-JavaScriptにおけるURLエンコードの処理
--http://www.cresc.co.jp/tech/java/URLencoding/JavaScript_URLEncoding.htm
---JavaScriptの関数の問題点等
---escape()とunescape()関数は使えない。
---encodeURIComponentは半角スペースを+へ変換しないで%20へ変換する。
---decodeURIComponentは+を半角スペースへ変換してくれない。
---このページではURLエンコード・デコード関数を自作しているが、+と半角スペースだけ前後に別処理を通せば良いのでは?

-EfficientJavaScript - Dev.Opera - 効率的な JavaScript
--http://www.hyuki.com/yukiwiki/wiki.cgi?EfficientJavaScript
---Efficient JavaScript - Opera Developer Community: http://dev.opera.com/articles/view/efficient-javascript/

-JavaScriptの巧い書き方 - Archiva
--http://archiva.jp/web/javascript/writing_style.html

-javascriptを理解するためのたった2つの大切なこと:改
--http://anond.hatelabo.jp/20070622101313