AI Deck

Same ─ WebサイトのURLやキャプチャからレイアウトを解析し、コードとして再現・自動デプロイできるAI開発ツール

Same は、既存の Web サイトの URL や画面キャプチャを渡すだけでレイアウト・配色・構成を解析し、React/Next.js + Tailwind CSS のコードとして再現・自動デプロイできる AI 開発プラットフォームである。既存サイトのクローンだけでなく、チャットでの自然言語指示だけでゼロからフルスタックの Web アプリを組み立てることもでき、API ルートを含むバックエンドも自動生成される。GitHub・Neon/Supabase・Clerk といった外部サービスとの連携にも対応し、コーディング知識がなくても最初の動作版を素早く作れる点が特徴だ。

主な特徴

  • URLクローン: 既存サイトのURLを渡すだけでレイアウト・配色・構成を解析し、React/Next.js + Tailwind CSSのコードとして再現する
  • チャットでのゼロ構築: 自然言語の指示だけで新規のフルスタックWebアプリを生成できる。Next.jsベースでAPIルートも自動生成される
  • ワンクリックデプロイ: Netlifyと連携し、生成したプロジェクトを自動デプロイして公開ドメイン（Preview/Main Domain）を発行する
  • 外部サービス連携: GitHub（バージョン管理）、Neon/Supabase（データベース）、Clerk（認証）と統合できる。いずれも MCP インテグレーションとして提供される
  • リミックス・ダウンロード: 既存プロジェクトを複製（Remix）して派生版を作成したり、生成コードをダウンロードして手元で編集を続けられる

料金

プラン月額料金主な内容
Free$0500,000トークン/月
Basic$102,000,000トークン/月。プレミアムモデル・プロジェクトのダウンロード・複製が可能
Pro$255,000,000トークン/月。プレミアムモデル・プロジェクトのダウンロード・複製が可能
Max$5010,000,000トークン/月。プレミアムモデル・プロジェクトのダウンロード・複製が可能
Ultra$10020,000,000トークン/月。プレミアムモデル・プロジェクトのダウンロード・複製が可能

料金は2026年8月時点の情報です。年額プランの記載はなく、Ultraプランの利用量を超えた分は200万トークンあたり$10の従量課金となります（未使用分の繰り越しはありません）。最新の料金は公式サイトをご確認ください。

メリット・デメリット

✅ メリット

  • 既存サイトのURLからコード化・デプロイまでを数十秒〜数分で完了できる
  • コーディング知識がなくても最初の動作版を作れる
  • GitHub・Neon/Supabase・Clerkと直接統合でき、手動のAPI連携が不要
  • 無料プランでも実際に試用できる

⚠️ デメリット

  • デザインの自由度はFigma等の専用デザインツールに比べ限定的
  • オフライン・ローカル実行モードがなく、常時ネット接続が必要
  • ネイティブモバイルアプリは生成できない（レスポンシブWeb/PWAのみ）
  • クローンした出力をそのまま商用公開すると著作権上のリスクを伴いうる
  • 既存サイトを丸ごと複製できる性質上、セキュリティ企業Netcraftによりフィッシングサイト作成など悪用事例が報告されている（2025年6月）。生成物を公開する際はなりすまし・著作権侵害にならないか事前に確認したい

類似サービスとの比較

比較項目SameV0 (Vercel)Bolt.newLovable
主な入力既存サイトのURL・画面キャプチャプロンプト・画像プロンプトプロンプト
対応フレームワークReact/Next.js中心Vercelエコシステム中心幅広いフレームワークに対応─
特徴URLクローンに特化Vercelエコシステムに直接デプロイNext.jsに限定されない幅広い対応CMS内蔵・ノーコードのビジュアル編集パネル
無料プランあり（500,000トークン/月）ありありあり

Same の特徴は、プロンプトや画像からのオリジナルUI生成が中心のV0やBolt.newと異なり、既存サイトのURLを渡すだけでレイアウト・配色を解析してそのまま再現する「URLクローン」に強みを置いている点にある。デザインをゼロから考える手間を省き、模写・改修用途に特化したツールと言える。

こんな人におすすめ

  • 既存サイトのデザインを新しい技術スタックで作り直したい開発者
  • クライアントサイトの模写・改修を素早く行いたい制作会社
  • 本番相当のUI構造の作られ方を学びたいコーディング学習者
  • アイデアを素早く動くプロトタイプにしたい起業家・非エンジニア

まとめ

Same は、既存サイトのURLを渡すだけでレイアウト・配色を解析し、コードとして再現・デプロイまで完了できる点に強みを持つAI開発プラットフォームである。GitHub・Neon/Supabase・Clerkとの連携やワンクリックデプロイにより、模写やプロトタイピングを高速化できる一方、生成物をそのまま商用公開する際は著作権やなりすましのリスクに注意が必要だ。まずは無料プランで実際にクローン精度を試し、本格利用する場合は用途に応じてBasic以上のプランを検討するとよい。

関連リンク

← ブログ