west2538onRails.qrunch.io読者になる7【Rails】タグの再読み込みボタン(Ajax通信)RubyRailsajax投稿日:2018-10-29最終更新:2018-10-29筆者のブログで記事をみる個人開発のWebアプリ「まちかどルート」。その機能のひとつにおすすめのタグがあります。右下にある「タグの再読み込み」ボタンを押すとページ遷移なしにタグの一覧だけを読み込みなおします。ユーザーにとって気に入ったタグが出てくるまでボタンを何度も押してもらえたらいいなと思って設置しました。RailsによるWebアプリ開発に入門してから1ヶ月後くらいに「まちかどルート」のv1.0をリリースしました。そのころAjax通信を使うことによってページ遷移なしにWebページ上の一部の情報を更新できるということを知らなくて、あとで実装したのが上記の「タグの再読み込み」ボタンでした。%>再読み込みをする箇所を部分テンプレート化しています。%></div>部分テンプレートのコード(ボタン周辺だけ一部抜粋)です。trueを指定することでAjax通信となります。%>");Ajax通信時に読み込ませるコードです。部分テンプレート_tags.html.erbを再読み込みしてその結果をreplaceWithによってページ遷移なしに置き換えます。"posts#tagsreflesh"Railsのconfigファイルroutes.rbにこの1行を追記しないとうまく表示されません。以上がざっくりとした開発の流れです。ひとつずつの工程をもっと丁寧に書きたかったのですが難しいですね。技術用ブログを上手に書けるようスキルアップしたいです。今回はタグの再読み込みボタンについての記事なので肝心のタグ管理には詳しく触れていません。gem「acts-as-taggable-on」を使っています。インターネット上にわかりやすい記事がいくつかあって、とても使いやすいです。4と併用しながらタグの色とかをカスタマイズしています。Qrunch.netサーバー提供フィードバックを送信する。