はじめに
2024年12月18日に開催された「Hotwire.love meetup Vol.39」で、「Hotwire初心者におすすめの記事やコンテンツを教えてください」という質問が挙がりました。
この記事ではその質問に対して経験者のみなさんから紹介されたオススメの情報源を紹介します。
猫でもわかるHotwire入門 Turbo編
- 一番わかりやすい
- これを見ながら最初から順番に手を動かすのがよい
- Railsを前提としているので、Railsプログラマには特におすすめ
- 最終更新日が2022年なので若干情報が古いが、基本的な考え方は大きく変わっていないはず
Hotwireの公式ドキュメント
- 公式ドキュメントも当然チェックすべし
- ただし、公式ドキュメントの説明はRailsを想定していない点に注意(Hotwire自体はJSのフレームワークであり、バックエンドはRailsでもPHPでもなんでもよいため)
- 例:サンプルコード上は
<turbo-frame id="message_1">
のようなプレーンなHTMLが書かれているが、Railsならturbo_frame_tag
ヘルパーを使うはず
turbo-railsのREADMEやソースコード
- Railsプログラマは公式ドキュメントとturbo-railsの両方をチェックしよう
- turbo-rails自体はREADME以外の公式ドキュメントはないが、シンプルなライブラリなのでコードを見るだけでもだいたい把握できるはず(viewやcontroller用のヘルパーメソッドがメイン)
- チェックすべきコードの例: DriveHelper
-
dom_id
メソッドでmessage_1
のようなidを自動的に作ってくれたりするので便利
Railsの公式YouTubeチャンネル
- ちょくちょくHotwire関連の動画がアップされたりする
- 基本的には英語だが、Rails Worldの講演動画は日本語訳が付いている
Hotwire Weekly (メルマガ)
- 最新の動向を知りたいならメルマガを購読すると良い(無料)
万葉さんの「Hotwireことはじめ」
- 「Hotwireことはじめ」という入門記事がいくつか投稿されている
Hotwire.love (オンライン勉強会)
- 記事ではありませんが、Hotwire.love は初心者さんの参加や質問を大歓迎しています。何か困ったことがあればいつでも相談しに来てください!
- 毎月第3 or 第4水曜日にオンライン開催しています
まとめ
というわけで、この記事ではHotwire初心者におすすめの記事やコンテンツを紹介してみました。
これからHotwire (Turbo/Stimulus)を始めようとしている人はここで紹介した情報源をぜひチェックしてみてください!(Hotwire.loveにも遊びに来てね❤️)