マンガ付♪バイブコーディング入門講座⑥生成AIにサクッとWebサイトを作ってもらおう

マンガ付バイブコーディング(生成AIコーディング)入門講座

バイブコーディング入門講座、今回は第6回目。

くまたくんは、ChatGPTとの壁打ちでWebサイトの中身を決められました。そのあとはいよいよ、Webサイト制作です。

 

「ここからが大変」と思うくまたくんの目の前で、ひつじ先生は、なんと一瞬でWebサイトを作ってしまいました。

実はClaude CodeやGemini CLIといった生成AIツールを使えば、Webサイトの中身を丸ごと作ってもらえます。

ただもちろん、Claude CodeやGemini CLIには、どんなものを作るかの指示(プロンプト)が必要となりますが、このプロンプト自体もChatGPTなど生成AIに作ってもらうことができます。

Claude CodeやGemini CLIでどんなふうにWebサイトを作るか、

ご興味あれば、下記の動画をチェックしてくださいね。

↓↓↓

AI対決!Claude Code vs Gemini CLI|Web制作比較&セキュリティ対策解説

くまたくんのお母さんの英語塾を作成する方法をご覧いただけます。2つのツールの比較もチェックできます。なお作成したサイトは、こんな感じになります。

次回からも、バイブコーディングについて、色々なツールや方法ご紹介していきます。

「面白い」「続きみたい」と思っていただけたら、ぜひ、Xでフォローしてください。新しくマンガを書いたら、Xに投稿していきます。

第1話からからすべて通して読みたい方はこちらから↓↓

なお、今回の連載で行っている「バイブコーディングを基本から学んでWebサイトを公開する」方法は、【バイブコーディングセミナー】にて実践いただけます。

くまみさんの英語塾のようなサイトを作って、その場で公開する内容です。

現在、その【バイブコーディングセミナー】を一部、無料でプレゼントしております。ご興味あれば、ぜひ下記からご覧ください。

バイブコーディングセミナーの案内

無料プレゼントを手に入れる

 

わたしのほうでは、Webアプリ開発セミナー、コンサル、内製化支援なども行っております。本格的なご相談をご希望の方は、こちらのページもご覧ください。

お仕事のご相談はこちら

マンガ付バイブコーディング(生成AIコーディング)入門講座 生成AI関連

ご相談受付

お問い合わせ

社内Webアプリ開発内製化支援研修・生成AIを使った開発等各種ご相談承っています。お気軽にお問い合わせください。

詳細を見てみる

ご相談受付

お問い合わせ

社内Webアプリ開発内製化支援研修・生成AIを使った開発等各種ご相談承っています。お気軽にお問い合わせください。

詳細を見てみる

Laravelの本を書きました。


ひつじが目印♪

Laravelの使い方を分かりやすく解説した書籍を出版しました。 ご好評につき、最新版に対応した改訂版を2025年7月に発売
書店やAmazon等のオンラインショップにて販売中です。 詳しくは下記ボタンをクリック

書籍の詳細を見てみる

Laravelの本書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravelの使い方を分かりやすく解説した書籍を出版しました。ご好評につき最新版対応の改訂版発売。書店やAmazon等のオンラインショップにて販売中です。

書籍の詳細を見てみる
Twitter始めました。
40代からプログラミング!
タイトルとURLをコピーしました