Chakra UI は UI ライブラリの一つでコンポーネントを利用して効率よくユーザインターフェイスを構築することができます。Chakra UI には 1 つのコンポーネントから作成できる Button コンポーネントから複数のコンポーネントを組み合わせて作成できる Modal コンポーネントまで用途毎にさまざまなコンポーネントが提供されています。どのようなコンポーネントが提供されているのかはドキュメントの Components ページから一覧で確認することができます。 コンポーネント一覧 Chakra UI は React だけではなく Vue でも利用することができますが、本文書では React を利用して動作確認を行なっているので React の知識があることを前提としています。提供されているコンポーネントの数も多いので利用頻度の高いコンポーネントを利用して Chakra UI の
![はじめてのChakra UI | アールエフェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/816b1c2a220291b41329d4af5e1ec9528e5b054e/height=288;version=1;width=512/https%3A%2F%2Freffect.co.jp%2Fwp-content%2Fuploads%2F2023%2F04%2Fchakra_ui.png)