このサイトについて

このサイトは、すでにある程度Hotwireを学んだものの、実務で必要な実践的テクニックや考え方を身につけたいと思っているエンジニアを対象にしています。

Hotwireはまだ新しい技術ですので、ベストプラクティスがまだ確立していません。そこで私の経験を元に、複雑なUIを作成するために必要な、私が考えるベストプラクティスを紹介します。

技術構成

このサイトではTailwind CSSを使います。HotwireはJavaScriptは積極的に使うものの、決して使い過ぎないことが大切です。その代わり、CSSに任せられるものは、かなりの部分、任せていきます。

Tailwindじゃなければいけないというわけではなく、Hotwireが生まれた37signalsのHeyという製品もTailwindは使っていません。ただしどのようなCSSを書くにしても、Hotwireを使いこなすにはCSSをある程度は使いこなせる必要があります。ReactであればHTMLを直接書き換えて対応することも、HotwireはCSS擬似セレクタ等で処理することが多くなります。どのようなCSSライブラリを使うにしても、それなりに使いこなせることが大切です。