PostHeaderIcon Eclipseを使ってjQueryベースのAjaxシステムを作ろう (メモ)

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

 

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

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

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

1つ注意点としては、上記の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/

そうそう、jQueryとjCanvasの.jsファイルですが、インストールして使ってもいいですが、もっと簡便な方法があります。
htmlのheadで読み込む際に、次のように書けば問題ありません。
<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>

 

ホストサーバーでjavascriptのファイルを提供してくれているので、大変助かります。

この情報は次のページで知りました。

http://www.ideaxidea.com/archives/2009/03/jquery_on_google.html

 

今日はこの辺で。

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

  • Wow, awesome blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is magnificent, let alone the content!. Thanks For Your article about Eclipseを使ってjQueryベースのAjaxシステムを作ろう (メモ) .

Leave a Reply