Reactreact-modalを使ってModalコンポーネントを作る react-modalを使ってModalコンポーネントを作る方法を解説します。モーダルの外側をクリックして閉じる、アニメーションを付ける等の基本的な機能から、CSS-in-JS(Emotion)を使ってタイリングの方法を説明します。 2020.09.05React
tailwindEmotionを使ってGatsbyでtailwindを使う方法 Gatsby & Emotion & tailwindの環境構築、スタイリング方法についてまとめました。twin.macroを使えば、classNameだけでなく、Styled Componentsやcss propでスタイリングできます。 2020.07.24tailwind
GatsbyGatsbyのLinter/Formatter, CSS-in-JS環境構築 Gatsbyのインストール方法、プロジェクトの作り方、Linter(ESLint, stylelint)/Formatter(prettier)、CSS-in-JS(styled-components, Emotion)、tailwindの設定方法を説明します。 2020.07.10Gatsby