中級

中級者：Reactアプリ開発

基本を学んだ人がGitHub CopilotとCursorを使ってTODOアプリを開発する事例

所要時間

1-2日

対象者

プログラミング基礎知識のある人

成果物

TODOアプリ（React + TypeScript）

技術数

4つの技術

使用ツール

GitHub Copilot

Cursor

React

TypeScript

タスク追加・削除・編集

カテゴリ分類

優先度設定

ローカルストレージ保存

ダークモード

ReactTypeScriptTailwind CSSVite

npm create vite@latest todo-app -- --template react-ts
cd todo-app
npm install

コメントでAIに指示を出します：

// TODOアイテムの型定義を作成
// タスク追加、削除、編集の機能を持つコンポーネント

この事例を参考に、あなたも同様のプロジェクトを作成できます。