やりたかったことと概要 前提 結果と注意点 インストール 設定 setting.json .gitignore お好みで以下の設定をおこなう。 参考

概要 Next.js では何も設定せずにコンポーネントレベルでCSSを使用できる CSS Modules が使用できます。つまり、コンポーネント間でのクラス名の重複など気にしないことができます。Tailwind CSS […]

概要 次のように曜日毎に改行を入れて編集したテキストがあったとします。 これをWebページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]

styled-components でダークモードとライトモードを実現する方法について順を追ったメモ。 CSS変数とGlobalStyle ダークモード又はライトモードとして設定された色をCSSで使うためには次のようにC […]

はじめに 少し前から Tailwind JIT の存在は知っていましたが、次の動画を観ていませんでした。観たらちょっと感動しました。 Tailwind CSS を使うとPost CSSの処理によって、リリース版は10kB […]

概要 styled-componentsを用いたGatsbyのプロジェクトに、Tailwind CSSを用いたプロジェクトのスタイリングをコピーして使うために、twin.macro (Twin)を使ってみました。忘れない […]

昨日、”Functional Programming For Your Everyday JavaScript Developer”という記事を途中まで読みました。関数型プログラミングの記事はこれまで何度も読みかけていつ […]

昨日、こういうツイートをしました。 つまりFacebookやTwitterなどソーシャルメディアプラットフォームでWebページのリンクを共有するときに表示される内容のコントロールの方法を知りたいというものです。 するとす […]

ふとSVGを使ってみたいと思いました。 さらにそのSVGで簡単なアニメーションもやってみたいと思いました。 背景真っ白で面白みのないサイトが次のようになりました。デプロイ先はこちら（無料版のHerokuなので30 分間ア […]

「【初心者向き】AxiosによるWeb APIへのアクセス方法～その① Axiosの使い方」の続きになります。 まずは前回のプログラム（医療機器の識別子を与えるとブランド名を返す）を複数呼び出せるように関数にします。 実 […]