はてなブックマーク

VSCodeを使っている時、こう思うことありませんか？ 「空白とか改行とかいちいち調整するの面倒...」 今回は、上記の悩みを解決する記事です。 結論から言うと、「Prettier」というツールを使えば解決です。 この記事ではVSCodeでPrettierを使う方法を解説します。 VSCodeは、当サイトでおすすめしているエディタです。 VSCodeのインストールの方法は、以下の記事で解説しております。

「React開発でEmotionを導入したい」 「styled-componentsより使える？」 「TypescriptでEmotionを使いたい」 「Emotion使ってみたけど、なんかCSSが適用されないんだけど...」 上記の悩みにお答えします。 「Emotion」はJavaScriptでCSSを記述するために作られたライブラリで、いわゆるCSS-in-JSのひとつです。 同じCSS-in-JSの中で、「styled-components」というものがあります。 Emotionとstyled-componentsはよく比べられますよね。 Emotionを使うべきなのか、どうやって使えばいいのか悩んでいる方も多いはず。 そこで、この記事ではReactでEmotionを使う方法を解説します。 内容は以下です。 Emotionを使うメリット Emotionの導入 基本的な使い方 応用的な