2022-04-23
やること宣言
gaaamii.icon
勉強中メモ
gaaamii.icon
Turboを使ってるデモアプリを手元でいじくってみる
やりたいこと
Turboを使ってるプロジェクトでのフラッシュメッセージの表示をしてみたい
Tailwind CSSのv3は有料なの。ライセンスもらえるとどうなるのかよくわからないな。
お金かけたくないので見た目は自分でCSS書こう
他画面で記事が登録や削除されたときに、ブラウザをリロードしないでも一覧表示が更新されるような挙動にしたい
RailsプロジェクトのTypeScriptの設定方法を調べる
いざやろうとすると何を書けばいいかわからないので、まずドキュメント読むか...
Turboの機能としてはDrive, Frames, Streams, Events の4つがあるようなのでそれぞれで何ができるかを理解して使えるようになればよさそう。
Drive
a要素のクリックイベントを横取りしてfetchリクエストにする。URLはHistory APIで変える。
formも同様にfetchリクエストにする。
bodyを書き換えhead要素とマージするらしい。
Frames
turbo-frameにsrc属性を指定すると、リソースの遅延読み込みもできるらしい。
やったこと
gaaamii.icon