この記事について 内容を一言でまとめると CSS in JSのライブラリであるEmotionを使ってどのようにスタイルを書いているか 自分のポートフォリオサイトはこの記事に書いたようにスタイルを当てています 何故書いたか Emotionの機能紹介のような記事は多いけど、実際のプロダクトに当てはめて書き方を紹介している例が少ないなあと思ったから 自分なりに考えて一旦書き方が定まってきたから 今のやり方を公開すればこれを叩き台にしてもっと良いやり方が生まれていく可能性もあるから こんな人が読んでくれたら嬉しい CSS in JSのライブラリは一杯あるけど、それぞれ具体的なメリットデメリットがわからん!と困っている人 npm trendsでstyled-componentを抜いたし、気にはなっているけど若干尻込みしている人 実際にEmotionを使っているけど書き方が定まらない人 目次 css