よんなーハウス

7. 最終プロジェクト プロジェクト レッスン 6/7

最終プロジェクト

これまで学んだすべての知識を使って、総合的なWebアプリケーションを作成します。

プロンプト

これまで学んだすべてのJavaScriptの知識を総合的に活用して、シンプルなEコマースサイトを作成したいと思います。以下の機能を持つアプリのHTML、CSS、JavaScriptコードを作成してください: 1. 商品一覧表示 2. 商品詳細表示 3. カートへの追加と削除 4. カート内の商品の表示と合計金額の計算 5. 商品の検索、フィルタリング、ソート 6. ユーザー登録とログイン(モック) 7. 注文処理(モック) 8. レスポンシブデザイン モダンなJavaScript構文を使い、モジュール化されたコードを書いてください。また、パフォーマンス、セキュリティ、アクセシビリティを考慮したコーディングを行ってください。コードの各部分の説明と、どのようにJavaScriptの概念が使われているかについても教えてください。

解説

このプロンプトでは、これまで学んだすべてのJavaScriptの知識を総合的に活用して、シンプルなEコマースサイトを作成します。実際にコードを書いて動かすことで、JavaScriptの総合的な理解が深まります。

AIサービスへのリンク

以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。

※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。

※ サービスによっては、アカウント登録が必要な場合があります。

AIプログラミング学習サービス

プロンプトを教材として利用する新しい学習方法

© 2025 AIプログラミング学習サービス. All rights reserved.

©makaniaizu 2024