はじめに

Draftlyへようこそ — 1つのプロンプトから映画のような、本番環境対応のウェブサイトを作成できるAI搭載プラットフォームです。

Draftlyとは？

Draftlyは、1つのテキストプロンプトから、映画のようなヒーロー画像、スクロール同期モーションビデオ、本番環境対応のHTMLを備えた、完全な公開準備済みウェブサイトを3分以内に生成するAI搭載ウェブサイト生成プラットフォームです。

一般的なAIツールとは異なり、Draftlyはデザインパターン、タイポグラフィ、空間階層、ブランドアイデンティティを理解しています。生成されるすべてのサイトはユニークで、あなたのビジネスに特化しており、クリーンなセマンティックHTMLで構築されています。

Draftlyはdraftly.spaceでブラウザ上で完全に動作します — インストール、コード、デザイナーは不要です。

1.ヒーロースチル — サイトの縦方向とカラーの雰囲気に合わせてサイズとスタイルが調整された、AI生成のシネマティックな背景画像

2.モーションビデオ — ヒーローを生き生きとさせる、5～8秒のスクロール同期型背景ビデオ（Google Veo 3.1）

3.スクロールフレーム — ビデオから抽出された約200枚のWebPフレームで、スムーズなスクロール駆動アニメーションを実現

4.フルサイトHTML — ナビゲーション、フッター、スクロールアニメーションエンジン、SEOメタタグを含む、マルチセクションのレスポンシブHTML

5.ライブURL — *.draftly.space の独自のサブドメインに即座に公開

Draftlyは、コンテンツが途切れたり繰り返されたりすることのないサイトを生成するために設計された、5段階のチャンク生成パイプラインを使用しています。

1.計画 — AIがプロンプトからブランド名、見出し、セクション、カラーの雰囲気、差別化要因を抽出

2.シェル — ナビゲーション、ヒーローセクション、CSS変数、スクロールフレームエンジンを最初に生成

3.セクション — 各コンテンツセクション（機能、料金、お客様の声など）を並行して生成

4.フッター — 連絡先情報、ナビゲーションリンク、ブランド詳細 — 常に生成され、スキップされることはありません

5.組み立て — すべての要素を結合し、SEOタグを挿入してデプロイ

このアーキテクチャにより、フッターは常に存在し、各セクションは独自のAI呼び出しを受け、出力がトークン制限に達することはありません。

•3Dウェブサイトビルダー — 1つのプロンプトで、ヒーロー画像、モーションビデオ、フレーム、HTMLを含む完全なシネマティックサイトを生成

•精密チャット編集 — 会話を通じて色、テキスト、レイアウトを変更（1編集あたり0.5クレジット、完全再生成は400+）

•インラインテキスト編集 — プレビュー内の任意のテキストをクリックして直接編集 — クレジット不要、即時反映

•デザインプリセット — SaaS、レストラン、ポートフォリオなど、業界を横断したワンクリックでのスタイル変換

•即時公開 — Cloudflare CDNを介して、数秒で独自のサブドメインにライブ公開

•ビデオ生成 — プランに応じて720pから4K出力に対応したVeo 3.1 Fast (Google)

•画像生成 — Nano Banana Pro、Seedream 4.5、Flux Proを含む12以上のAIモデル

•ビジネスOS — ウェブサイトと連携したAI搭載ビジネスインテリジェンスダッシュボード（Pro+）

•バージョン履歴 — すべての生成チェックポイントを保存。いつでもロールバック可能

Draftlyは完全にブラウザ内で動作します。ソフトウェアのインストールは不要です。

対応ブラウザ: - Chrome 90+（最高のスクロールパフォーマンスとビデオデコードのために推奨） - Firefox 88+ - Safari 14+ - Edge 90+

インターネット接続: 必須。ビデオ生成は大きなファイルをストリーミングするため、安定したブロードバンド接続（10 Mbps以上）を推奨します。

デバイス: デスクトップおよびタブレットで動作します。3Dビルダーは幅1280px以上の画面に最適化されています。