DeepSeekのコード出力を
静的サイトとして公開
DeepSeekが生成したHTML、CSS、JavaScript、React / Viteの出力を、公開前に確認してHTTPSの公開リンクにできます。
DeepSeek出力に合う公開方法を選ぶ
DeepSeekは単一HTMLから依存関係の多いアプリまで生成できます。公開方法は、最終的に何が生成されたかで決まります。
HTML / CSS / JS
そのままアップロードできます。index.htmlがルートにあり、ローカル素材が含まれているか確認します。
React / Viteプロジェクト
先にビルドコマンドを実行します。node_modulesや生のソースファイルではなく、distまたはbuildを公開します。
Tailwindプロジェクト
Tailwindをビルドに含めている場合はCSSを生成してからアップロードします。開発用CDN前提のままにしないよう確認します。
バックエンドを含むアプリ
フロントエンドは静的に公開できます。API routes、データベース、認証、ファイルアップロード、非公開キーは別バックエンドに置きます。
DeepSeekの出力を公開する流れ
必要なファイルツリーを出してもらう
HTML、CSS、JavaScript、package.json、公開用素材、画像、フォント、フレームワーク設定まで、DeepSeekが想定しているファイルを一覧化します。
依存関係がある場合はビルドする
React、Vite、Tailwind、npmパッケージを使っている場合は、依存関係を入れて本番ビルドを実行してから公開します。
静的な結果をアップロード
単純なページならindex.html、バンドル済みアプリならdist / buildフォルダをアップロードし、公開リンクをブラウザで確認します。
アップロード前に生成コードを確認
AI生成コードはデモとして動いても、公開URLにする前に公開前チェックが必要です。
依存関係の確認
importがパッケージを参照している場合は、package.jsonがあり、ローカルでビルドできるか確認します。
素材の確認
架空の画像ファイル名、仮CDN URL、存在しないアイコンパスを、実際に使う素材に置き換えます。
秘密情報の確認
APIキー、データベースURL、管理トークン、サービス認証情報をフロントエンドコードから取り除きます。
ブラウザ確認
公開リンクをデスクトップとスマートフォンで開き、コンソールエラーを確認してから共有します。
DeepSeek 生成サイトでよくある問題
生成されたプロジェクトがパッケージをimportしている
依存関係をインストールして本番ビルドを実行します。バンドラーで処理していないbare npm importはブラウザで直接読み込めません。
Tailwindのスタイルが反映されない
アップロード前にTailwindをCSSとして生成します。開発専用の前提は本番用スタイルシートに置き換えます。
存在しないファイルを参照している
DeepSeekにファイルツリーを出させ、参照されている素材をすべて作成または差し替えてから公開します。
データベースやログイン機能を前提にしている
フロントエンドは静的に公開し、バックエンド処理はAPI、サーバーレス関数、マネージドサービスに移します。
DeepSeek 生成サイト FAQ
DeepSeekのモデルバージョンが違っても公開できますか？
はい。DeployPagesが見るのは最終的なWebファイルであり、どのDeepSeekモデルが生成したかには依存しません。
外部画像やスクリプトはそのまま動きますか？
URLが有効であれば動きます。ローカル素材の場合は、相対パスが保たれるようフォルダに含めてアップロードします。
修正版をアップロードしても同じ URL を使えますか？
既存の公開を更新する場合は、現在のビルドを置き換えて同じプロジェクトURLを使い続けられます。
node_modules もアップロードしますか？
いいえ。先にビルドして、生成された静的出力をアップロードします。node_modulesは開発用の依存フォルダで、公開用サイトではありません。
DeepSeekがバックエンドコードも生成した場合は？
フロントエンドとバックエンドを分けます。静的ホスティングはUIを配信し、バックエンドコードはサーバー、サーバーレス関数、worker、マネージドAPIで動かします。