React・Vue・Svelte のプロジェクトを、どこでもホストできる静的ファイルに変換
React → HTML/CSS/JSAIコーディングツールで作ったものなら、たいてい対応します。React、Vue、Svelte など。
エクスポート元
使用技術
Google AI Studio、Claude Code、CursorなどのAIコーディングツールからZIPファイルをエクスポートし、ここにドロップします。
本物のサイト作りは、このページの中、つまりあなた自身のパソコンの上で行われます。コードが端末の外に出ることはありません。
Cloudflare Pages、Vercel、Netlifyに無料でホストできる純粋なHTML/CSS/JSファイルを取得できます。
すべての処理が、あなた自身のブラウザの中で動きます。プロジェクトを送る先のサーバーはありません。それが無料である理由でもあります。
これから公開するファイルに15項目のチェックをします。訪問者に読まれてしまう場所に残ったパスワード、まだ自分のパソコンを指しているリンク、抜けているページのタイトルなど。サイトが公開されてしまうと、これらを代わりに直してくれるものは何もありません。だから先に見つけます。
全項目はこちらReactプロジェクトをZIPファイルとしてアップロードし、「ビルド開始」をクリックするだけです。React2Staticはブラウザ内で実際にサイトを作り、ダウンロードしてどこでも公開できるHTML、CSS、JSファイルを出力します。
はい。React2StaticはGoogle AI Studioのエクスポート向けに設計されており、Claude Code、Cursor、CodexなどのAIコーディングツールで生成されたReactプロジェクトにも対応しています。
完全なログに加えて、平易な言葉の診断が出ます。既知の原因のどれに該当し、何を変えればよいか。最も多いのは、package.jsonに書かれていないパッケージをコードがimportしているケースです。どれにも該当しない場合は、推測せずそう伝えます。誤った診断は、診断がないことより悪いからです。
いいえ。サイトの作成はすべてあなたのブラウザ内で行われ、コードがデバイスの外に出ることはありません。
Netlifyへならできます。ご自身のNetlifyアカウントを認可すると、ファイルはブラウザから直接そこへ送られます。間に私たちのサーバーはありません。ZIPをダウンロードして、Cloudflare PagesやVercelなど好きな場所に上げることもできます。
静的ファイルを配信できる場所ならどこでも可能です：Cloudflare Pages、Vercel、Netlify、GitHub Pagesなど、いずれも十分な無料枠があります。下のデプロイガイドで手順を確認できます。