7. 最終プロジェクト プロジェクト レッスン 2/7
ToDoリストアプリの作成
これまで学んだJavaScriptの知識を使って、ToDoリストアプリを作成します。
プロンプト
これまで学んだJavaScriptの知識を総合的に活用して、高機能なToDoリストアプリを作成したいと思います。以下の機能を持つアプリのHTML、CSS、JavaScriptコードを作成してください:
1. タスクの追加、編集、削除
2. タスクの完了状態の切り替え
3. タスクのカテゴリ分け
4. タスクの優先度設定
5. タスクの期限設定
6. タスクの検索、フィルタリング、ソート
7. ローカルストレージを使ったデータの永続化
8. レスポンシブデザイン
モダンなJavaScript構文を使い、オブジェクト指向的なアプローチでコードを書いてください。また、コードの各部分の説明と、どのようにJavaScriptの概念が使われているかについても教えてください。
解説
このプロンプトでは、これまで学んだJavaScriptの知識を総合的に活用して、高機能なToDoリストアプリを作成します。実際にコードを書いて動かすことで、JavaScriptの理解が深まります。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。