I7ll

Webデザイナーが, Webについて,デザイン, 技術トレンド, レビューなど, あれこれ綴っていきます。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


JQueryでJSON

久々に、Mixiアプリ再開。
ユーザプロフィールのマイミク情報取得に詰まっていたが、
色々なサイトのサンプルを試したらうまくいきました。

次に、20人以上の、マイミク情報のページ送りを考えていて
ちょっと心が折れそうになったので、
マイミク情報→JSON→JQueryでいじろうと、
JQueryでのJSONのいじり方を調査

■Youthhrさんの、無題メモランダム jQueryでgetJSON
 http://blog.mudaimemo.com/2008/09/jqueryjsonp.html

しかし、JQueryはいいですね。

のんびりしすぎてるので、ちょっと開発スピード上げないとです。
スポンサーサイト


XMLHttpRequest

Ajaxアプリケーションの中でサーバに対してHTTPリクエストを送信する際には、
JavaScriptのオブジェクトが使われている.
XMLHttpRequest を使用出来るようにする為の宣言は、ブラウザにより異なる。

IE では、ActiveXObject("Microsoft.XMLHTTP")
IE のバージョンによっては、
ActiveXObject("Msxml2.XMLHTTP.5.0") ,
ActiveXObject("Msxml2.XMLHTTP.4.0") ,
ActiveXObject("Msxml2.XMLHTTP.3.0") ,
ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。
Mozilla 系ブラウザ(FireFox, Netscape, Safari, Opeara)では、
XMLHttpRequest() を使用。

続きを読む »



AJAX HACK



今後のWebデザインで書かせないAjaxコンテンツ.
会社でもこちらのタイプのプロジェクトが多くなってきた.

この本では, XHTTPRequest()の基本的なところから、
マッシュアップ例、Prototype.jsや, script.aculo.usライブラリの事例など
かなりまとまった一冊.この土日はこれを熟読するつもり.

Ajax関連の書籍はこちら

Spry framework for Ajax

Spry framework for Ajax

http://labs.adobe.com/technologies/spry/

Web Designerのための~ という謳い文句にもあるように、
基本的に、HTMLタグの属性に追加するだけで、機能が実装できる.
場合によっては、スタティックやFlashで制作するより楽に実装できる.

■Adobe Labのサンプルはこちら
Photo Gallary - 画像の拡大縮小技術を使った、電子アルバム
Product Table - XMLファイルの読み込み技術を使った、製品一覧
RSS Reader - RSSファイルの読み込み技術を使った、RSSリーダ

http://labs.adobe.com/technologies/spry/demos/index.html

その他の主なAjaxライブラリ
Yahoo!UI Library: http://developer.yahoo.com/yui/
Google Web Tool kit: http://code.google.com/webtoolkit/

Adobeのライブリというところがポイント.
もしかしたら、DreamWaverのオプションで実装される日も来るかも.だ.

Chicago Crime Map

chicagocrime


Chicago Crime Map: http://www.chicagocrime.org/map/

Google Map APIを利用したサイトの一例.

これはスゴイ.シカゴの犯罪が時系列/犯罪別マップで表示される.
例えば, 1/Mar/2005 Weapon violenceの事件は...というような.
Handgunによる事件が多発してるなぁ.

バーチャルなマップに淡々と表示されているが,
この数はびっくりだ.



Top|Next »

HOME

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。