バイブコーディング・Web1枚ページ作成教えます

【この教材について】 この教材は「はじめてのバイブコーディング×業務アプリ開発」の全7レベルのうちのレベル1です。バイブコーディング（AIを活用したプログラミング手法）のロードマップの第一歩です。 【教材に沿って1枚ページを作成します】 プログラミング未経験でも大丈夫！専用教材に沿って一緒に1枚ページを作成します。AIツール（ChatGPT、Gemini、Claude）を使いながら学べます。インターネット上にデプロイして、動くページを完成させます。 【提供内容】 ✓ 専用教材（PDF形式） - カリキュラム詳細、HTML/CSS/JavaScriptの役割の理解 - Webページの基本用語、AIツールの使い方、プロンプト作成のガイド ✓ ハンズオンサポート（1時間） - 教材の説明、一緒に手を動かしながら進める、つまずきのサポート 【教材の内容】 ・ステップ1: 準備と環境構築 ・ステップ2: HTML/CSS/JavaScriptの役割の理解 ・ステップ3: AIツールの使い方 ・ステップ4: Webページの基本用語 ・ステップ5: 実践プロジェクト ・ステップ6: デプロイと動作確認 【こんなページが作れます】 自己紹介ページ、商品紹介ページ、ランディングページ、ポートフォリオページ、インタラクティブなクイズページ 【対応ツール】 ChatGPT、Gemini、Claude（Canvas/Artifact機能対応） 【プログラミング未経験者の方へ】 プログラミングの知識がなくても大丈夫です。専門用語はできるだけ使わず、手を動かしながら一緒に進めていきます。Webページ公開サービスを使ってインターネット上に公開し、実際に動くページを完成させます。 【納品物】 ■ 提供者が事前に用意するもの ・専用教材（PDF形式） ■ 一緒に作成する成果物 ・完成したHTML/CSS/JavaScriptファイル（動作確認済み） ・デプロイ済みのURL（インターネット上で公開済み）