Rails: Hotwire: turbo-frameによるインライン編集｜usutani
目的スキャフォールドのEditをインラインで編集できるようにする。 環境 Ruby 2.7.2 Rails 6.1.3.1 Turbo 7.0.0-beta.5 アプリ、スキャフォールドとシードを用意する。 rails new hw_inline_edit --skip-javascript cd hw_inline_edit tmux bin/bundle remove jbuilder bin/bundle add hotwire-rails bin/rails hotwire:install bin/bundle install bin/rails g scaffold message title content:text bin/rails db:migrate# db/seeds.rb 1.upto(3) do |i| Message.create!(title: "Title#
スクリーンキャストを写経しながらHotwireを理解する（その１） - Qiita
はじめに hotwire-railsの勉強にあたって、スクリーンキャストの内容を写経しながら理解した動作について、備忘録として投稿させていただきます。 投稿してる人の理解度 Hotwireを利用すればRailsアプリでSPAが実現できる。 もくじ スクリーンキャストを写経しながらHotwireを理解する（その１） - 0:00 ~ 0:55 Hotwire の 説明 - 0:56 ~ 2:21 Hotwire を 導入する準備 スクリーンキャストを写経しながらHotwireを理解する（その２） - 2:22 ~ 3:16 ページの一部 を turbo-frame にする - 3:17 ~ 3:35 turbo-frame内のリンク から 別ページへ遷移できるようにする スクリーンキャストを写経しながらHotwireを理解する（その３） - 3:36 ~ 4:38 turbo で ページ全体
【Hotwire】HTMLだけで分かる Turbo 🚜 - Qiita
はじめに Rails7のリリースで、Hotwireに注目が集まっています。どうしてもRailsとペアで語られがちなHotwireですが「HTMLさえあれば動く」のが重要なポイントです。（つまり LaravelやExpressなどあらゆるWebフレームワークと共存できます！） そこで今回は、HTMLのみでHotwireの世界観を体験できるような内容で以下にまとめたいと思います。 触れること Hotwireの構成モジュールの一つである「Turbo」その中でも「Turbo-Frame」 ごく基礎的なことのみ こんな感じのがHTMLの記述だけで作成できます 触れないこと Stimulus Strada その他あらゆる発展的内容 HTMLファイルの準備 以下の２ページを用意します。 - index.html - foo.html まずは、HTMLファイルを準備します。 index.html ポイント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
