Ajax(3) - Ajax学習中(2)
Ajaxを勉強しよう
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html
を引き続き読み進めて、第三章の「3. ゲームのマップを表示する」まで進む。
その中でCSSが出てきて、またしてもちょいストップ。
このスタイルシートのおかげで、半透明gifファイルを重ねて表示できるようになっており、斜めから見下ろしたようなマップの表示を実現している。
for(var i=0; i<MapHeight; i++)
{
for(var j=0; j<MapWidth; j++)
{
mapNumber = lineData[i].charAt(j);
// スタイルシート用計算
mx = MapWidth * blockSize + j*blockSize - i*blockSize;
my = i*blockSize + screenOffset;
resultImage += '<img src="images/'+mapNumber+'.gif" class="mapBlock" style="top:'+my+'px;left:'+mx+'px">';
}
resultImage += "<br>";
}
<!-- スタイルシート -->
<style type="text/css"><!--
.mapBlock{
width:64px;
height:32px;
position:absolute;
}
--></style>
Ajax(2) - Ajax学習中(1)
色々なサイトを回って基本的な考え方や出来ることなどを確認。
・特に勉強になったサイト
Ajax: Web アプリケーション開発の新しいアプローチ
＠IT > リッチクライアント ＆ 帳票 > 古くて新しいAjaxの真実を見極める
・特に感動したサンプル
GoogleMaps
GoogleSuggest
Ajaxを使ったメールソフト Zimbra
・特に役立ったサイト
Ajaxを勉強しよう
現在は一番下のサイト「Ajaxを勉強しよう」にて順次学習中。
2章「データが受け取れなかった場合の処理」まで学習するも、JavaScriptに対する知識不足でちょっと躓く。
「JavaScriptにおける関数呼び出し」と「JavaScriptにおけるハッシュ配列の扱い方」に対する知識不足のため下記ソースを完全に理解できず…。要学習。
statusCode[""+httpObj.status]();
statusCode = new Array();
statusCode["200"] = function (){ document.ajaxForm.result.value = httpObj.responseText; }
statusCode["401"] = function (){ document.ajaxForm.result.value = "認証失敗"; }
# JavaScriptとかAjaxに関する本を買ったほうが早いのかなぁ…。
#でも本買う金も今あんまりないんだよなぁ…。
#とっとと終わらせたいAjaxにあんまりお金を払いたくないっていう気持ちもあったり…。
Ajax(1) - Ajax関連メモ(1)
【Ajax】
Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、Webページのリロードを伴わずにサーバとXML形式のデータのやり取りを行なって処理を進めていく対話型Webアプリケーションの実装形態。
[参考URL]
【XMLHTTPRequest】
XMLHttpRequestは、Win版ieや、Win、Mac、Linux版のMozilla、Firefox、Opera8、Mac版Safari1.2、Linuxのkonqueror3などに実装された、HTTPクライアントな機能を実現するオブジェクトです。「XML」が名前の頭に付いていますが、XMLではなくても使えます。
[参考URL]
【JSON】
JavaScript Object Notationの略称で、JavaScriptでオブジェクトを作成する方法の一つ。
[参考URL1]
[参考URL2]
【RIA】
ユーザインターフェースにFlashやJavaアプレット、Ajaxなどを用いて、単純なHTMLで記述されたページよりも操作性や表現力に優れたWebアプリケーションのこと。
[参考URL]
【Web2.0】
「Web 2.0」は、米国のIT関連では有名な出版社「O'Reilly Media」社長、O'Reilly氏が提唱しました。進化を続けるWeb業界の、2004〜2005年あたりの流行を切り取って、「Webってなんかバージョンアップした感があるよね。もう2.0って感じじゃないか」というノリで名前をつけたもので、特定の技術を指すものではありません。
[参考URL1]
[参考URL2]
[参考URL3]
【DOM】
文書オブジェクトモデル(DOM)とは、HTML文書およびXML文書のためのアプリケーション=プログラミング=インターフェイス(API)である。これは、文書の論理的構造や、文書へのアクセスや操作の方法を定義するものである。
[参考URL1]
[参考URL2]
Ajax(0) - Ajaxに関して
なぜAjaxをやろうと思ったかというと、WiiがAjax対応だと聞いたからです。（ファミ通）
要するにAjax対応のOperaが利用可能になるという話ですね。
現状のFlashの普及率を考えるとFlashもそのまま利用できる可能性が高いかと思いますが、とりあえず勉強しといて損はないかなと。
近年のブロードバンド時代において、一部だけのリロードで動的なサイトが実現できるという部分にはあまり魅力を感じられませんが、非同期通信によって通信のタイミングを隠し、RIAを実現するという部分はインパクトがあります。
グーグルマップやグーグルサジェストを使っていると、ネット接続を必要とする古いアプリケーションとは全く違った感覚、オフライン専用ソフトを使っているのと同じような錯覚を覚えます。まさにRIAの理想系と言えるのではないでしょうか。
そんな感覚を与えてくれる技術を自分の物にしてみたいというのが動機です。
GoogleMaps
GoogleSuggest
ただし、本業（コンシューマゲームプログラマー）とは少し離れた位置の技術ではあるので、とっととAjaxの核というか、感覚というか、真理というかを掴んで次にいきたいというのが本音でもあります。
