turbo

Hotwireを使ってみる第二弾です！ 今回は、検索結果をHotwireで表示するようにしてみます。 画面の全てを再描画する必要がないので、速度が上がるかもしれませんね！ 下準備 1. モデルを作る $ rails g model post 20240813000000_posts.rb class CreatePosts < ActiveRecord::Migration[7.1] def change create_table :posts do |t| t.string :name t.timestamps end end end 2. Gemをインストールする（ページネーションを使う場…

Rails6までは「もっと見る」などの動的な機能を実装する場合はJSが必須でした。 しかし、Rails7から標準搭載されたHotwire（Turbo）を使用すると、JSを使わずに「もっと見る」を実装することができます。 今回はHotwireを使った「もっと見る」の実装方法を紹介します。 下準備 1. Gemをインストールする gem "kaminari" 2. モデルを作る $ rails g model post 20240813000000_posts.rb class CreatePosts < ActiveRecord::Migration[7.1] def change create…

こんにちは、Watanabeです。 Ruby on Railsに標準採用されているフロントエンドライブラリ？のHotwireを自作のサービスに採用して以来、Railsと並んで好きなライブラリとして君臨しています。 Hotwireをご存じないという方には、解説記事を出してますのでよかったらどうぞ。 yukiwatanabe.hatenablog.com 国内でHotwireを専門に扱うコミュニティ「Hotwire.love」というのがあるのですが、フィヨルドブートキャンプのメンターさんでもある伊藤淳一さんが主催の一人として運営されている縁もあって参加しています。 hotwire-love.con…

はじめに この記事はRuby on Rails 7を使用して自作サービスを開発した体験をベースに、Ruby on Rails 7からフロントエンドの標準となった「Hotwire」について感想を書いた記事です。 同じく自作サービスに取り組む方の技術選定の参考になればと思いますし、Hotwireとはなんじゃい、って方にも読んでいただける内容になってるかと思います。 フィヨルドブートキャンプアドベントカレンダーに参加しています この記事は「フィヨルドブートキャンプ Part 1 Advent Calendar 2023」20日目の記事です。 Part2 はこちらです。 前回は きたろうさんの「平均学…

Turbo. ターボ

今回はRailsにおけるデータの作成と保存、そして変更について説明します。 そのベースになるモデルとデータベースの話から始め、appendとchangeの動作について詳しく説明します。 MVC モデルとデータベース コンソール 単語の新規作成 appendとchange共用のパーシャル appendアクション createアクション フラッシュ 単語の変更 change アクション update アクション show アクション MVC MVCはモデル、ビュー、コントローラを指すことばで、Railsの構成を指しています。 M(Model): モデルは保存対象のデータをオブジェクトにしたもの。 …

親父がカローラW×B 1.2L TURBO・6MTを購入検討していた話を以前しましたが、納車見込みが4/中旬でフィックスしたそうです。 おそらく親父にとって人生最後のクルマになると思われますので、3台カローラを乗り継いだ次が、この特別なカローラであることは微笑ましいです。 わてくしも最初のクルマはカローラでした。本当は丸目インプレッサの2.0NAが欲しかったのですが、そうは問屋が卸しませんｗ 正直、これまでのカローラはお世辞にも運転を語るクルマではありませんでしたが、ヤリスで体感した進化、これはカローラにも落とし込まれていることが予想されます。 親父にとって初の3ナンバー、初の6MT、初のダブ…