メインコンテンツへスキップ
 

マガジン一覧

Hotwire Lab

万葉で取り組んでいるHotwire 活用のための活動や、参考となる情報を日本語で発信します。 HotwireLabと有志と方で翻訳を進めている Hotwire ドキュメントの日本語版サイトも公開しています。　 https://everyleaf.github.io/hotwire_ja

Image
13 本
Image
万葉
Image

Hotwireことはじめ 〜詳解④ WebSocketでほかのブラウザにリアルタイムで変更を反映する〜

はじめにこんにちは、今回の記事は @nay3・@tatsuoSakurai の共同執筆でお届けします。 この記事は、2022年12月13日に開催されたRubyセミナーOnlineでの「Hotwireことはじめ」セッションを解説する記事シリーズの第５回目です。 前回の記事はHotwireことはじめ 〜詳解③ Turbo Streams で親しみやすい動作を実現する〜です。こちらでは Turbo Streams の活用法について解説しているので、まだご覧になっていなければ是

Image
万葉
Image

Hotwireことはじめ 〜詳解③ Turbo Streams で親しみやすい動作を実現する〜

はじめにこんにちは、万葉でエンジニアをしている吉原です。 この記事は、2022年12月13日に開催されたRubyセミナーOnlineでの「Hotwireことはじめ」セッションを解説する記事シリーズの第４回目です。 前回の記事はHotwireことはじめ 〜詳解② Turbo Framesで画面の部分的な書き換えを行う〜です。こちらでは Turbo Frames の活用法について解説していますので、まだご覧になっていなければ是非こちらも併せてお読みください。 今回の記事で

4
Image
万葉
Image

サーバ側だけでフォーム画面をインタラクティブに！　〜Hotwire を活用した「Ghost Formパターン」〜

こんにちは、@nay3 です。 私はここ数年、仕事とプライベートの両方で Rails と Hotwire を使ってアプリケーション開発をしていますが、その中で、繰り返し使っているパターンがあります。 そのパターンは、とても便利なのですが、数ヶ月も間が空くと忘れてしまい、つい旧態依然としたコードから出発してまた同じところにたどり着く、ということを繰り返してしまいます。 実は、最近もまた繰り返してしまいました。 そこで、今後はすぐに思い出して再利用できるように、このパター

25
Image
万葉
Image

Hotwireことはじめ 〜詳解② Turbo Framesで画面の部分的な書き換えを行う〜

はじめにこんにちは、万葉でバックエンドエンジニアをしている吉原です。 この記事は、2022年12月13日に開催されたRubyセミナーOnlineでの「Hotwireことはじめ」セッションを解説する記事シリーズの第３回目です。 前回の記事はHotwireことはじめ〜詳解① Turbo Driveの有効化で画面変化をなめらかにする〜です。こちらでは Turbo Drive の設定とその効果について解説していますので、まだご覧になっていなければ是非こちらも併せてお読みください

4
Image
万葉
もっとみる