プログラミング学習Railsのform_forでAjaxを実装する方法をまとめます。以前も、いくつかRailsでAjaxを実装する方法をまとめていました。destroyの処理をすべてをAjaxで実装する今回は、form_forでAjaxを実装する方法です。いくつかハマりやすい落とし穴があるので、またハマらないように整理しておきます。turbolinksに注意コントローラーの実装コメントデータ(comment)を作成するフォームをAjaxで実装してみます。comments_controllerのcreateアクションです。endフォームでsubmitした直後にAjaxで処理して、作成されたコメントを一覧で表示させるため、@commentsも定義しています。フォームとコメント一覧コメントを投稿するフォームと、コメント一覧を表示させるviewです。それぞれ部分テンプレートで実装しておき、あとでAjaxで扱いやすいようにしておきます。</div>フォームの部分テンプレート(_comment_form.html.erb)は下記のように実装します。trueを設定しておきます。これで、submit時にcreate.js.erbに処理が渡ります。trueを設定したことで、submit時にcreate.js.erbに処理が渡ります。create.js.erbでは、投稿フォームとコメント一覧の箇所(部分テンプレートで記述した箇所)をJavascriptで動的に書き換えます。以上で、form_forへのAjax処理が完成なのですが、うまく動かないときがあります。僕がよくハマるのは、turbolinksが邪魔をしているケースです。その場合は、Gemfileからturbolinksをコメントアウトします。'turbolinks'また、application.jsのturbolinksの呼び出しを削除します。trueの部分をreloadに変更します。Railsをこれから本格的に勉強したい人は「エンジニアになるための600時間のプログラミング学習に耐え抜くコツ」という記事がおすすめです。Awesomeを導入するときの初期設定のメモを残しておきます。導入のときに何度か手こずったので、2度と手こずらないように!記事を読むRailsアプリにi18nで多言語の設定をするRailsアプリにi18nを使って、多言語の設定をしてみます。i18nは多言語の設定が簡単にできるgemです。以前、Railsのアプ...記事を読むRailsでCarrierWaveを使って画像のアップロード機能を作るRailsでCarrierWaveというgemを使って画像をアップする機能を実装する方法をまとめます。画像のアップロード機能って、苦...記事を読むRailsでcssファイルとJavascriptファイルをマニフェストファイルから読み込むRailsアプリケーションで、cssファイルやJavascriptファイルを自作する場合、マニフェストファイルの仕組みを使います。...記事を読むi18nを使ってフラッシュメッセージを表示するi18nはRailsアプリケーションを多言語対応させることができる便利なgemです。以前、軽くこちらで紹介しました。非エンジニアよ、エンジニアになれ.。