ソフトウェアエンジニアのブログ

暇つぶしに書いてます。他に技術的なことは[http://qiita.com/nsas454]に書いてますのでそちらも見てください。

google Closure

google closureでAjax

google closureでAjax実装 簡単なサンプルです。 ステータスコードで判断する場合 goog.require("goog.net.XhrIo"); function doRequest() { var url = 'http://localhost:8888/create'; var postData = 'type=user&first=Bob&last=Evans'; var callback = f…

google closureでJSONデータを処理する

goog.json.parse(str)で簡単にJSONを扱えそうなので、実際にテストコードを書いてみました。 goog.require("goog.json"); var jsonFromServer = '{"height": 6, "weight": 200}'; var personJson = goog.json.parse(jsonFromServer); var data = 'H=' + …

Google closurで依存関係定義ファイルを構築する

google closureでは依存関係定義ファイルを構築してくれる便利なスクリプトが用意してあります。 使用する際はpythonをインストールする必要があります。コマンドを使うとなると、なんかめんどくさいイメージがあるので抵抗はある方が多いと思います。スクリ…

JqueryとGoogle closureにおけるDOMの操作の違い

DOM操作 JqueryやExtjsなどを使っていると記述方法が違うので分からなくなってくるのですが、 google closureではgoog.dom.getElement('ID')のように記述します。 goog.dom.$でも出来るみたいですが、推奨されていないみたいです。 Jquery $('#node').css('b…

google製javascript文法チェッカー、ClosureLinterをインストール

グーグルのJavaScriptコードのスタイルガイドに沿って文法チェックをしてくれる便利なツールがあるとのこと。 EMACSのflymakeなどで文法チェックをしていましたが、今回開発環境のメインマシンをMACに変更するため こちらの記事を参考に早速ClosureLinterを…

google closureの基本

google closureを使い始めました。 スクリプトをHEAD内に記述すると動きません。 原因はgoog.require()にあるようです。今回の反省と備忘録も控える意味合いで簡単なサンプルをつくって記録しておきます。 練習がてらに簡単なサンプル作ってみました。 最初…

Google closurに関係する資料

まだ情報は少ないですが、よく使うサイトをまとめておきます。Google closur APIドキュメント Google closur サンプル Google closur BLOG closure-library ソース閲覧