diff --git a/README.md b/README.md index 5c4780a..ff7cf1d 100644 --- a/README.md +++ b/README.md @@ -1,87 +1,35 @@ -# Welcome to React Router! +# React スキルチェック -A modern, production-ready template for building full-stack React applications using React Router. +## 解答方法 -[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/remix-run/react-router-templates/tree/main/default) +以下の設問を用意しています。ソースコードを直接編集して解答してください。 -## Features +| 設問 | URL | src | 説明 | +|---|---|---|---| +| useState | [/state](http://localhost:5173/state) | `./app/work/01/index.tsx` | 画面の動的な更新をができる | -- 🚀 Server-side rendering -- ⚡️ Hot Module Replacement (HMR) -- 📦 Asset bundling and optimization -- 🔄 Data loading and mutations -- 🔒 TypeScript by default -- 🎉 TailwindCSS for styling -- 📖 [React Router docs](https://reactrouter.com/) +## AIの利用について + +解答の作成にあたり、AIツール(ChatGPT、Copilotなど)の利用は問題ありません。ただし、以下の点に注意してください。 + +- AIツールに指示した内容を、コメントとしてコード内にすべて残すこと。 ## Getting Started -### Installation +### インストール -Install the dependencies: +依存ファイルをインストール: ```bash npm install ``` -### Development +### 実行 -Start the development server with HMR: +サーバーを起動: ```bash npm run dev ``` -Your application will be available at `http://localhost:5173`. - -## Building for Production - -Create a production build: - -```bash -npm run build -``` - -## Deployment - -### Docker Deployment - -To build and run using Docker: - -```bash -docker build -t my-app . - -# Run the container -docker run -p 3000:3000 my-app -``` - -The containerized application can be deployed to any platform that supports Docker, including: - -- AWS ECS -- Google Cloud Run -- Azure Container Apps -- Digital Ocean App Platform -- Fly.io -- Railway - -### DIY Deployment - -If you're familiar with deploying Node applications, the built-in app server is production-ready. - -Make sure to deploy the output of `npm run build` - -``` -├── package.json -├── package-lock.json (or pnpm-lock.yaml, or bun.lockb) -├── build/ -│ ├── client/ # Static assets -│ └── server/ # Server-side code -``` - -## Styling - -This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer. - ---- - -Built with ❤️ using React Router. +`http://localhost:5173`でアプリケーションにアクセスできます。