ナカオ日記−フリーランスの轍

jQuery on Rails

Ruby on Rails, jQuery

Railsでアプリケーションを作成した際のデフォルトJS(AJAX)ライブラリはprototype.jsとscript.aculo.us。

しかし、昨今のajax開発にはjQueryを使う人が多いんじゃないかと。

っつーワケで、今更ながらRailsでjQueryを使ってみましょう。

今回は以下のサイトを参考にしました

jQueryをRailsで「jRails」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

RailsにjQueryの導入

とは言ってもプラグイン"jRails"をインスコするだけ

ruby script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails

その後、headタグ内に

<%= javascript_include_tag :defaults %>

って記述してあげると

  <script src="/javascripts/jquery.js" type="text/javascript"></script>
  <script src="/javascripts/jquery-ui.js" type="text/javascript"></script>
  <script src="/javascripts/jrails.js" type="text/javascript"></script>
  <script src="/javascripts/application.js" type="text/javascript"></script>

上のように展開され、デフォルトのjsライブラリがjQueryに変わっています。

サポートされているRailsのAjax関連メソッド

jRailsのサイトより

http://ennerchi.com/projects/jrails

• Prototype
  • form_remote_for
  • form_remote_tag
  • link_to_remote
  • observe_field
  • observe_form
  • periodically_call_remote
  • remote_form_for
  • submit_to_remote
• Scriptaculous
  • draggable_element
  • drop_receiving_element
  • sortable_element
  • visual_effect
• RJS
  • hide
  • insert_html
  • remove
  • replace
  • replace_html
  • show
  • toggle

これだけのメソッドは動作が可能。

実運用に問題ないレベルだね。

私もしばらくjQueryで遊んでみようと思います。

参考

• http://ennerchi.com/projects/jrails
• http://code.google.com/p/jrails/

Permalink | コメント(0) | トラックバック(2) | 21:57