a 知識 ← 一覧

AIで5万ドルのサイトを作る!Claude Fable 5完全攻略法

2026-07-04 10:00:46 表示136
🪼 Kurageは、AIで“業務システム”も作ります。 無料でAI相談 制作を依頼
📝 この動画でわかること
Claude Fable 5を活用して、高品質なWebサイトを効率的に制作する完全攻略法を公開します。Pinterestでのインスピレーション収集やHiggsfieldによる画像生成のコツなど、具体的な手順を解説します。動画生成AIを組み合わせて動かす方法まで、AIだけで5万ドルのサイトを作るプロセスを確認しましょう。
🪼 この動画もAIで生成しています。あなたの業務システムも最短1営業日で ― 制作を依頼する ›
📣 概要
AIだけで5万ドルのWebサイトを作る方法を知ってる? 今日はClaude Fable 5を使って、映画のような高品質なサイトを爆速で作る手順を解説するよ! ステップ1:まずはPinterestで「3D」や「アニメーション」のインスピレーションを探すこと。 ステップ2:Higgsfield等で画像を生成。コツは「余白をたっぷり取る」こと。これで後の配置が楽になるよ。 ステップ3:動画生成AIで動かす。「惑星を回転させて、サイズや位置は変…
🎬 脚本
シーン 1
AIだけで5万ドルのWebサイトを作る方法を知ってる?
A futuristic high-end cinematic website displayed on a sleek laptop, glowing neon accents, 9:16 vertical., vertical 9:16, clean virtual studio, light gradient background
シーン 2
今日はClaude Fable 5を使って、映画のような高品質なサイトを爆速で作る手順を解説するよ!
A robot character (Kurage) pointing at a complex AI coding interface with glowing text., vertical 9:16, floating UI panels, soft rim light, friendly AI explainer atmosphere
シーン 3
ステップ1:まずはPinterestで「3D」や「アニメーション」のインスピレーションを探すこと。
A collage of aesthetic 3D web design inspirations from Pinterest on a smartphone screen., vertical 9:16, white tech studio, subtle data particles, caption-safe lower area
シーン 4
ステップ2:Higgsfield等で画像を生成。コツは「余白をたっぷり取る」こと。これで後の配置が楽になるよ。
AI generating a high-quality space globe image with lots of empty black space around it., vertical 9:16, professional educational set, calm motion graphics
シーン 5
ステップ3:動画生成AIで動かす。「惑星を回転させて、サイズや位置は変えないで」と具体的に指示するのが重要!
A cinematic video of a planet spinning slowly in deep space, high quality., vertical 9:16, clean virtual studio, light gradient background, presenter safe zone, 5600K key light
シーン 6
ステップ4:Claude Fable 5でコーディング。ここでコツ!motionsides.aiのプロンプトを流用してクレジットを節約しよう。
A split screen showing a website prompt and Claude AI generating code rapidly., vertical 9:16, floating UI panels, soft rim light, friendly AI explainer atmosphere
シーン 7
AIの出力が微妙なら「ストロークを修正して」「色をグレーにして」と具体的にフィードバックすればOK。
A close up of a web design being edited by an AI cursor changing colors and lines., vertical 9:16, white tech studio, subtle data particles, caption-safe lower area
シーン 8
作ったサイトをどう売る?この手法で、投稿者は1年で6万人フォロワーを獲得したよ。
A Twitter profile showing a rapidly growing follower count and high engagement metrics., vertical 9:16, professional educational set, calm motion graphics
シーン 9
バズるコツは「価値提供を先にする」こと。タイトルにリンクを貼らず、本文の最後にCTAを入れるのが鉄則!
A social media post layout showing a helpful tip at the top and a link at the very bottom., vertical 9:16, clean virtual studio, light gradient background, presenter safe zone
シーン 10
この戦略で、Twitterでは最大320万回再生を叩き出すことも可能になるんだ。
A viral tweet screenshot with millions of views and many likes icons., vertical 9:16, floating UI panels, soft rim light, friendly AI explainer atmosphere
シーン 11
まとめ:リサーチ→画像生成→動画化→Claude実装。この流れをマスターして高単価案件を狙おう!
A flow chart showing the steps: Research -> Image -> Video -> Claude., vertical 9:16, white tech studio, subtle data particles, caption-safe lower area
シーン 12
次は「ドメインへの公開方法」も解説するから、見逃さないでね!
Kurage VTuber waving goodbye with a 'Next Video' sign., vertical 9:16, professional educational set, calm motion graphics, bright optimistic lighting
KurageKurage URL2Earn — この動画ページのURLをXやブログで紹介すると、10,000 URLAI トークンをKurageさんがお届け(1人1回・先着制)。受け取り方を見る →
🪼 Kurage

AIをゆるく学べる、無料コミュニティやっています

Kurageは、AIで業務システムを作る会社です。AI経営・バイブコーディング・AIエージェント(Codex・Claude Code)の話を、経営者・個人事業主・副業の方とゆるくしています。オンライン参加・匿名OK・見るだけOK。まずは無料で覗いてみてください。

📣 無料コミュニティ「名古屋AI経営勉強会」に入るLINEオープンチャット・参加無料・匿名OK

もっと知りたい方へ — AIで業務システムを「作る・買う・紹介する」

🤖 迷ったら、AIに無料相談 — 何が合うか一緒に考えます ›