tsujimotter

タイトルを目指している中で、役に立ったこと、引っかかったことを備忘録として残します。

まず、EclipseでjQueryの開発をするためにJSDTのjQueryをインストールしました。

だいたい下記のURLの通りで出来ます。

http://d.hatena.ne.jp/s-ishigami/20110728/p1

１つ注意点としては、上記のJSDT jQueryのインストールはeclipse 3.7 (Indigo)でないと成功しないことです。

（私は最初、3.6のHeliosで試して失敗しました。）

jQuery自体の使い方は、jQueryの日本語リファレンスhttp://semooh.jp/jquery/あたりが詳しいです。

ただし、逆引きリファレンスのようになっていて、最初にとっかかるときは多少わかりにくいかも。

そのときは、ひたすら自分の作りたいものに近いサンプルを探してコピペから始めるのがいいかもしれませんね。

私自身はこの記事が参考になりました。

http://alphasis.info/2011/11/jquery-gyakubiki-jquery-ajax-url-json/

http://alphasis.info/2011/11/jquery-gyakubiki-jquery-ajax-url-json-parse/

html5のcanvasをjavascriptで簡単に扱えるライブラリとして、

jCanvas http://calebevans.me/projects/jcanvas/index.php を使ってみています。

使い勝手はよさそうです。

サンプルとしては、このページにお世話になりました。

http://shanon-tech.blogspot.jp/2011/06/jcanvasjquerycanvas.html

htmlのデモページがあるので、htmlとjCanvasの連結の部分がよくわかります。

ここらへんがわかってくると、こういうページのサンプルなんかが役に立ってきますね。

http://blog.verygoodtown.com/2011/05/jcanvas-canvas-manipulation-with-jquery/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://calebevans.me/projects/jcanvas/resources/jcanvas/jcanvas.js"></script>

4 Responses to “Eclipseを使ってjQueryベースのAjaxシステムを作ろう (メモ)”