7. 最終プロジェクト プロジェクト レッスン 6/7
最終プロジェクト
これまで学んだすべての知識を使って、総合的なWebアプリケーションを作成します。
プロンプト
これまで学んだすべてのJavaScriptの知識を総合的に活用して、シンプルなEコマースサイトを作成したいと思います。以下の機能を持つアプリのHTML、CSS、JavaScriptコードを作成してください:
1. 商品一覧表示
2. 商品詳細表示
3. カートへの追加と削除
4. カート内の商品の表示と合計金額の計算
5. 商品の検索、フィルタリング、ソート
6. ユーザー登録とログイン(モック)
7. 注文処理(モック)
8. レスポンシブデザイン
モダンなJavaScript構文を使い、モジュール化されたコードを書いてください。また、パフォーマンス、セキュリティ、アクセシビリティを考慮したコーディングを行ってください。コードの各部分の説明と、どのようにJavaScriptの概念が使われているかについても教えてください。
解説
このプロンプトでは、これまで学んだすべてのJavaScriptの知識を総合的に活用して、シンプルなEコマースサイトを作成します。実際にコードを書いて動かすことで、JavaScriptの総合的な理解が深まります。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。