【激震】外注なら30万のWebサイト、Claude Design × GPT image 2で作ってみた！

#claudecode #claude #vibecoding #バイブコーディング #ai

※動画のタイトルは少し誇張しています。最終的な人間のレビューや手直しは必要になります。
ただ、以前と比べるとだいぶ効率化できるようになった印象です。

今回作ったWebサイトはこちら👇
https://shin-sibainu.github.io/design-lp-yt/

——————————————————
Claude Code Academyを正式にリリースしました🚀
https://claude-code-academy.dev/
※買い切りで永久視聴可能です。購入以降でアップロードする動画も無料でご視聴可能にしております。

—————————————————-
【はじめてのNext.js】書籍予約受付中です📘
Amazon予約リンク：https://amzn.to/4upSOj8
楽天ブックス予約リンク：https://books.rakuten.co.jp/rb/18562001/?l-id=search-c-item-text-01

——————————————————
プログラムの基礎やAIを使ったアプリ開発でビジネスを挑戦できるようになりたい方はこちら👇
▼YouTubeチャンネル登録者限定▼
今だけ20%OFFクーポン【shincodepro】を発行中です。下記リンクより利用可能。
こちらも買い切りのみのご提供となります。
https://code-s-school-5bc2.thinkific.com/bundles/shincode-pro

——————————————————
【Udemy90%割引クーポンも配布中】

【Udemy割引クーポン】視聴者様限定で92%オフのUdemyクーポンを配布します

——————————————————
【ShinCodeへのお仕事のご依頼】
Youtubeスポンサーを受け付けております👇
ShinCodeのXのDMにてお願いいたします。
X：https://x.com/Shin_Engineer

——————————————————
00:00 はじめに
01:05 gpt image 2を使ったWebサイトデザイン画像を生成しよう
06:09 Claudeを使って素材画像の切り出し・透過しよう
07:40 Claude Designを使ってWebサイト/LPを作ろう
10:49 Claude Codeに移行して微修正をしよう
15:05 さいごに
———————————————————–
【この動画を視聴するメリット】
・Claude Designとgpt image 2を使ったWebサイト作成の方法が分かる
・Claude DesignからClaude Codeへの移行方法が分かる

【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること

★チャンネル登録はこちらから★
https://www.youtube.com/channel/UCNTxclE0N4qsUuirssL_D8w?sub_confirmation=1

★今回のソースコード★
https://github.com/Shin-sibainu/design-lp-yt

★運営者SNS★
Twitter：https://twitter.com/Shin_Engineer

★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：https://amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：https://amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：https://amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
https://amzn.to/3se5onZ
※アフィリエイトリンクになりま