chot Inc.

What is Jamstack?

Emotionエモーション

Emotionは、CSS in JSのライブラリの一種です。Reactのスタイリングとしても使われます。

メリットとして、同じコンポーネント内にCSSを書けることによって、ファイル管理がしやすいという点もあります。

styled-componentsと似たような書き方をすることも可能です。


いくつか書き方がありますが一般的に以下のような書き方になります。

例:

  <a css={buttonStyle} href={}>ボタン</a>

  const buttonStyle = css`
  display: inline-block;
  padding: 10px 20px;
  background: black;
  color: white;
`
back to Top

関連する用語を探す

  • daisyUI
  • Sass
  • Storybook
よくみられている用語

よくみられている用語

仮想DOMDOMツリーSPAStrapiReact SuspenseMPACSS ModulesヘッドレスCMSSSG
RECRUIT

エンジニア、デザイナーを積極採用しています。
一緒にやりがいのある仕事をしませんか?

リクルートページへ
CONTACT

より良いサービスを提案させていただきます。
まずはお問い合わせください。

コンタクトページへ
chot Inc.

© chot Inc.