バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ1
バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ2
バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ3
バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ4
バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ5
バイブコーディング・Web1枚ページ作成教えます カリキュラム付きサポート・未経験者OK イメージ6
1/6

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

カリキュラム付きサポート・未経験者OK

評価
販売実績
1
残り
10枠 / お願い中:0
提供形式
ビデオチャット
初回返答時間
1時間以内(実績)
ジャンル
匿名
1ヶ月前
1時間という短い時間でAIを使って簡単にホームページを作成することができることに驚きました。 初心者でしたが丁寧に説明していただけましたし、気軽に質問もできたので大変助かりました。 資料もあり、ホームページ作成時の難しい用語や構造もわかりやすく教えていただけ...

サービス内容

【この教材について】 この教材は「はじめてのバイブコーディング×業務アプリ開発」の全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(インターネット上で公開済み)

購入にあたってのお願い

【重要】ご購入前に必ずお読みください ・プログラミング未経験者向けのサービスです ・複雑な機能や高度なカスタマイズは別途相談となります ・既存サイトへの組み込みは対応範囲外です ・AIツールのアカウントはお客様でご用意ください(無料プランでOK) ・公開には外部サービスを使って簡易公開します(アカウント不要で簡単に公開可能) ・ご要望が明確でない場合は、ヒアリング時間がかかる場合があります ・本商品は専用教材と1時間のハンズオンサポート付きです。教材は購入後すぐに提供いたします。

有料オプション

3,000 円(60分)