コンテンツにスキップ

アプリのコードをエクスポートする

要点「設定 → エクスポート」で「.zip をダウンロード」を押すと、アプリ全体を独立した TanStack Start プロジェクトとして入手できます。設定ファイル、データベースのマイグレーション、実行とデプロイのコマンドをまとめた README も入っています。シークレットの値、データベースの行、アップロードされたファイルは MonstarX に残ります。変更のたびに最新に保たれるコピーがほしい場合は、代わりに GitHub リポジトリをリンクしてください。

アプリのコードはあなたのものです。エクスポート では、コードをすべて zip ファイルでダウンロードできます。中身は普通の Web プロジェクトで、開発者なら開いてノートパソコンで動かし、MonstarX なしでデプロイできます。バックアップ、コードレビュー、開発チームへの引き渡しに使えます。

アプリのコードをダウンロードするには?

Section titled “アプリのコードをダウンロードするには?”
  1. プロジェクトを開き、ワークスペースのヘッダーの 設定 をクリックします。

  2. エクスポート を選びます。

  3. .zip をダウンロード をクリックします。MonstarX が zip を作り、ブラウザがプロジェクト名の付いたファイル(例:lotus-flow-yoga.zip)として保存します。

  • アプリのすべてのファイル。アカウント、データベース、メール、ストレージ、AI のために MonstarX が管理するファイルと、それらを説明する MONSTARX.md も含みます。
  • プロジェクトの設定:package.json、Vite と TypeScript の設定、wrangler.jsonc(Cloudflare の設定ファイル)。npm install ですぐに使えます。
  • データベースのマイグレーション:アカウント用を含む、すべてのテーブルを作るための手順です。
  • アプリのシークレットの名前を記した .dev.vars.example と、実行・デプロイのコマンドをまとめた README。

シークレットの値、アプリのデータベースの行、ユーザーがアップロードしたファイルは zip に含まれません。これらは MonstarX に残ります。

これにより、あなたのキーとユーザーのデータが守られます。アプリのデータはデータベースに残り、バックエンドデータベース と 「管理」タブ で確認できます。

エクスポートしたアプリを動かすには?

Section titled “エクスポートしたアプリを動かすには?”

正確なコマンドは zip の中の README に書かれています。簡単に言うと、Node.js をインストールした開発者が次を実行します。

ターミナルウィンドウ
npm install
cp .dev.vars.example .dev.vars # then fill in the secrets
npm run db:migrate:local # creates the tables in a local database
npm run dev # runs the app on their computer

ご自身の Cloudflare アカウントでオンラインにする手順も README にあります。wrangler login、データベースの作成、マイグレーションの適用、シークレットの追加、npm run deploy です。

アプリのデータが Supabase や Railway Postgres にある場合は、README もその構成に合わせて書かれています。インポートしたアプリ は、アプリ自身の構成のままエクスポートされます。

zip と GitHub、どちらを使いますか?

Section titled “zip と GitHub、どちらを使いますか?”

zip はこの瞬間のコピーです。 一方、リンクした GitHub リポジトリは、すべての変更を双方向に追いかけます。MonstarX が作成したものはそこにプッシュされ、開発者がそこにコミットしたものはプロジェクトに取り込まれます。常に最新のコピーがほしい場合は、同じページの GitHub に接続 をクリックしてください。GitHub をご覧ください。

MonstarX が書いたコードは私のものですか?

はい。エクスポートですべてダウンロードでき、MonstarX なしで動かしたり変更したりできます。

エクスポートにユーザーやデータは含まれますか?

含まれません。シークレットの値、データベースの行、アップロードされたファイルは MonstarX に残ります。zip に入っているのはテーブルの構造(マイグレーション)で、中身ではありません。

プロジェクトをエクスポートできるのは誰ですか?

オーナーだけです。プロジェクトを共有された人はダウンロードできません。

コードのフレームワークは何ですか?

TanStack Start のアプリです。React と TypeScript に、サーバー関数と Tailwind CSS を組み合わせ、Cloudflare Workers で動くように設定されています。

エクスポートしたアプリでも、メールの送信や AI は使えますか?

メール、ストレージ、AI のためのファイルは含まれています。MonstarX の外では、それらの設定を入力するか、ご自身のプロバイダーを使う必要があります。方法は MONSTARX.md と README で説明しています。