------（ReactとTypeScriptを合わせた構築方法）----------------------------------------

作成したいフォルダに移動 ↓ コマンドプロンプトで npx create-react-app プロジェクト名　--template typescript

-------（通常のcreate-react-appの構築方法）----------------------------------------

作成したいフォルダに移動 ↓ コマンドプロンプトで npx create-react-app プロジェクト名

-------（chakra-uiの構築方法）----------------------------------------------------

作成したディレクトリに移動 ↓ npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion ↓ ChakraProvider の設定 ↓ src/index.js または src/index.tsx ファイルを開き、以下のように変更 ↓ 元のコードを全て削除して以下のコードを張り付ける ↓ import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { ChakraProvider } from "@chakra-ui/react";

ReactDOM.render( <React.StrictMode> <ChakraProvider> <App /> </ChakraProvider> </React.StrictMode>, document.getElementById('root') );

reportWebVitals();