📑 レポート目次

🎬 動画要約＆ツール分析レポート

📺 元動画：【ヤバすぎる…】AIのサイトビルダーでWEBデザイナーいらず？

📝 動画の要約

「AIサイトビルダー」の進化が止まらない

従来の「AI生成」とは一線を画す、超高品質なAIサイトビルダーが登場しました。
プロンプト（指示文）を入力するだけで、構成・配色・レイアウトが完璧に整ったWebサイトが数分で完成します。

紹介された2つの革新的ツール

  1. Stitch（ステッチ）：
    UIデザインやワイヤーフレームの生成に特化。Figmaへのエクスポートやコード生成が可能で、デザイナーの「下書き」作業を劇的に効率化します。
  2. Readdy AI（レディAI）：
    レスポンシブ対応のWebサイト全体を構築し、公開まで完結できるツール。既存サイトのデザインを取り込んで参考にしたり、テンプレートからAIで一括修正する機能も強力です。

デザイナーの未来はどうなる？

結論：AIを「味方」につけよう

AIが台頭しても、デザイナーの仕事がなくなるわけではありません。
「0から1を作る作業（ワイヤーフレーム等）」をAIに任せて時短し、人間にしかできない微調整やクライアントとのすり合わせに時間を使うことで、「AIを使えるデザイナー」としての価値が高まります。

🛠️ 紹介ツールの詳細分析

動画内で紹介されたツールについて、無料版の制限やGemini（Googleの生成AI）との違いを調査しました。

① Stitch（ステッチ）

UIデザイン・ワイヤーフレーム生成に特化したツールです。

無料枠の制限
  • 無料プランあり：基本的な生成機能は試用可能。
  • 制限：本格的な利用やFigmaへのエクスポート機能などに制限がかかる場合あり（有料プランは月額$19〜目安）。
Geminiとの比較 【Stitch】UI特化型
視覚的なレイアウト（ボタン配置や余白など）を直接生成します。デザイナーがFigma等で編集することを前提としています。

【Gemini 1.5 Pro】汎用型
「HTML/CSSコード」を出力することはできますが、それを視覚的に確認・編集するには別の環境が必要です。デザインの「見た目」を直接いじるならStitchが有利です。

② Readdy AI（レディAI）

サイト構築から公開までを完結させる「No-code」AIビルダーです。

無料枠の制限
  • クレジット制：月間250クレジット（1サイト生成で約100消費するため、実質2〜3回試行可能）。
  • プロジェクト数：最大2つまで。
  • 公開制限：公開サイトに「Readdy」のロゴが表示される。カスタムドメイン使用不可。
Geminiとの比較 【Readdy】完結型ビルダー
サーバーやドメインの知識不要で、ドラッグ＆ドロップで修正し、その場で公開できます。

【Gemini 1.5 Pro】開発アシスタント
サイトの構造や文章、JavaScriptのロジックを考えるのは得意ですが、それを「公開」するにはサーバー契約やファイルアップロードの手間が必要です。

🤖 Google Gemini (1.5 Pro) 等との使い分け

「Readdy / Stitch」と「Gemini / Google生成AI」は、競合するものではなく補完しあう関係です。

使い分けのポイント
  • Webサイトを「爆速で形にしたい」時 👉 Readdy AI / Stitch
    デザイン、レイアウト、レスポンシブ対応を数分で終わらせたい場合に最適。コーディング知識がなくても使えます。
  • Webサイトの「中身や機能」を作りたい時 👉 Gemini 1.5 Pro
    「魅力的なキャッチコピーを考えたい」「複雑なJavaScriptの計算処理を書きたい」「SEO対策のキーワードを分析したい」といった、中身の質を高める作業に最適です。
  • 素材を作りたい時 👉 Google ImageFX / VideoFX
    Readdyなどで使うための「高品質な画像」や「背景動画」を生成するのに、Googleの画像・動画生成ツールが役立ちます。

結論：
「Readdy」で枠組みを作り、「Gemini」で文章やコードを洗練させ、「ImageFX」で素材を作る。
これらを組み合わせるのが、最強のWeb制作フローと言えそうです。