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

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

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

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

----------------------------------------------------
【はじめてのNext.js】書籍豫約受付中です📘
Amazon豫約リンク：https://amzn.to/4upSOj8
樂天ブックス豫約リンク：https://books.rakuten.co.jp/rb/185620...

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

------------------------------------------------------
【Udemy90%割引クーポンも配布中】
http://shincode.info/2021/12/31/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以上
・生きがい：プログラミングでサイトやアプリを作ること

★チャンネル登録はこちらから★
   / @programming_tutorial_youtube  

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

★運營者SNS★
Twitter：  / 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
※アフィリエイトリンクになりま