マガジンのカバー画像

Hotwire

14
運営しているクリエイター

記事一覧

Hotwire: HTMLだけのTurbo Frames

下記の投稿に触発されてサンプルコードを書いてみました。 ありがとうございます。 変更点:t…

usutani
1年前

Rails: リソースの一括登録画面: 5: 登録グループの追加

前回の続きです。今回はAdd accountボタンを画面に配置して、アカウントの登録数を増やせるよ…

usutani
2年前

覚書: Rails7 Bootstrap5 環境

上記の入門書の内容を試した際の覚書です。 macOS 12.4 PostgreSQL 12 ruby 3.1. Rails 7.0.2…

usutani
2年前

Hotwire: Rails: ライクボタンの習作

下記のツイートを参考にした Hotwire の習作です。 likes のルーティングは todos 配下に変更…

usutani
2年前

Hotwire: Rails: Render: バックグラウンドで処理したファイルをダウンロードする時の…

Hotwire: Rails: バックグラウンドで処理したファイルをダウンロードする時のUI- Broadcastabl…

usutani
2年前
1

覚書: Rails 7を用いたブログアプリ作成の実演

Ruby on Rails のサイトが更新され動画も更新されました。 写経した際の覚書を残します。 見…

usutani
2年前
3

Hotwire: Rails: バックグラウンドで処理したファイルをダウンロードする時のUI: Broadcastable concern 版

外観 目的 Hotwire: Rails: バックグラウンドで処理したファイルをダウンロードする時のUI では、JavaScript でポーリングして画面の処理状態を更新していました。今回は Broadcastable concern で画面を更新したいと思います。 環境 ruby 3.0.2p107 rails 7.0.0.alpha2 macOS 11.6 foreman 0.87.2 (gem install foreman) Redis server 6.2.5

Hotwire: Broadcastable concern の修作

外観 目的 Action Cableの習作: stream_fromとbroadcast_to を Broadcastable concern で書い…

usutani
3年前
1

Hotwire: Rails: バックグラウンドで処理したファイルをダウンロードする時のUI

外観目的 ネイティブアプリを含めて、CSV ファイルや画像ファイルを変換するアプリを何度か作…

usutani
3年前

Hotwire: Stimulus と Turbo Streams の組み合わせで定期的にページの特定箇所を更新…

前回作成した習作アプリはページをリロードするとスクロール位置が最上部に戻ってしまいます。…

usutani
3年前
2

Rails: Hotwire: turbo-frameによるインライン編集

目的スキャフォールドのEditをインラインで編集できるようにする。 環境 Ruby 2.7.2 Rails 6.…

usutani
3年前
2

Hotwire: ブックマーク

Hotwire Hotwire is an alternative approach to building modern web applications without u…

usutani
3年前

Rails: Hotwire: Turbo StreamsなScaffoldはこんな感じかな?

外観 目的 メッセージのScaffoldを作成した後、できるだけ生成したコードを手直しせずに、Turb…

usutani
3年前

Rails: Hotwire: button_to(delete)の見た目をlink_toに変更する

外観 rails-ujsを使用しない場合、link_toのmethodにはdeleteを使用できない。 今回は次の処置でrails-ujs使用時と振る舞いを似せてみた。 ・scaffoldで生成する一覧ビューのlink_to(delete)をbutton_toに置き換えて項目を削除可能にする。 ・CSSで見た目をlink_toに似せる。 ・Stimulusで確認ダイアログを表示する。 環境 Ruby 2.7.1p83 Rails 6.1.0 hotwire-rails 0