コードのエクスポート

すべてのアプリは本物のReactコードで、持ち出すことができます。このページでは、エディターから外へ出す方法、手に入るもの、自分のコンピューターやホストで動かす方法、そして外へ出したあともSetherionに頼る部分を説明します。

コードを持ち出せるのは、有料プランのProとBusinessです。Freeでは、エディターでコードを読んだり検索したりできますが、コピーやダウンロードはできません。データは別で、どのプランでもエクスポートできます。詳しくは下記をご覧ください。

持ち出す方法

最初の4つは、アプリのビルドが終わるまで使えません。ビルドや変更の実行中、またはまだ何もビルドされていないときは、ボタンはグレーです。

ZIPをダウンロードする

GitHubへエクスポートする

いつでももう一度エクスポートして、リポジトリを更新できます。エクスポートのたびに、「Update from Setherion」というコミットが、すでにある履歴の上のデフォルトブランチに追加され、プロジェクトのすべてのファイルがもう一度書き込まれます。リポジトリで変更したファイルのうち、プロジェクトにも含まれているものは置き換えられるので、ご自身の作業は自分のブランチで行ってください。プロジェクトに含まれないファイルはそのままです。

Setherionがリポジトリを作るとき、その説明文は、あなたがアプリのために書いた指示の冒頭から作られます。Private repositoryのチェックを外す前に、そのことを思い出してください。

GitLabへエクスポートする

GitHubと同じ方法です。

リポジトリは、あなた自身のユーザー名で、GitLab.com上に作られます。チェックを外さない限り非公開で作られ、すでにあるリポジトリは、GitHubとまったく同じように更新されます。

プロジェクトの中身

ZIPと2つのリポジトリには、同じプロジェクトが入っています。アプリ自身のファイルと、それを動かすために周りに必要なものです。

画像はプロジェクトにコピーされません。コードはウェブアドレスで画像にリンクしているので、Setherionが保管している場所から読み込まれ続けます。

別の場所で動かす

アプリを動かすコンピューターやホストに、Node.jsが必要です。npmも一緒に入ります。

npm install
npm run dev
npm run build

アプリに複数のページがある場合は、ホストの設定で、すべてのパスにindex.htmlで応答するようにしてください。多くの静的ホストでは、シングルページアプリの設定やリライトと呼ばれています。この設定がないと、/pricingのようにページを直接開いたとき、アプリではなく「見つかりません」と表示されます。Setherionでは、これは自動で行われます。

あなた自身のSupabaseを使うアプリでは、.env.exampleを.envにコピーして、VITE_SUPABASE_URLとVITE_SUPABASE_ANON_KEYを記入します。どちらも、もともと公開されるものです。ホストがサイトをビルドするときにも、同じ2つの値が必要です。

それでもSetherionに頼る部分

エクスポートしたコードは、公開したアプリが動かしているコードそのものなので、サーバーが裏にあるものについては、引き続きSetherionにアクセスします。どの部分がそうかを知っておくと、外へ移る前に何をすべきかがわかります。

クライアントはブラウザーからSetherionのAPIを呼び出し、そのAPIはどのアドレスからの呼び出しも受け付けるので、エクスポートしたアプリは、どこでホストしてもAPIにアクセスできます。アプリを削除したり、バックエンドを一時停止したり、月の連携クレジットの上限を超えたりすると、公開したアプリと同じように、それらの呼び出しは止まります。詳細設定と連携クレジットをご覧ください。

プランが終了すると、アカウントはFreeに移り、Freeではコードを持ち出せません。その前にエクスポートするか、必要な間はプランを続けてください。

データをあなた自身のSupabaseへ移す

Setherionのバックエンドから離れるには、Manageを開き、続いてCloud、Advanced settingsを開いて、Move this app to your own Supabaseを使います。すべてのプランで使え、行をエクスポートできるのは、アプリのオーナーか管理者だけです。

• Build the exportは、テーブルのSQLと、現時点の行を書き出します。各コレクションの最初の2,000行までで、実際の合計も表示されるので、切り捨てがあるかどうかがわかります。
• それを、あなたのSupabaseプロジェクトで実行します。Supabaseアカウントを接続していればRun it for meで、そうでなければ、コピーするか.sqlファイルをダウンロードします。
• 続いてRewrite the app for my Supabaseが、あなたのプロジェクトを使うようにアプリを変更するよう、アシスタントに頼みます。ほかの変更と同じようにクレジットがかかり、Supabaseコネクタが必要です。

3つのものは移りません。パスワードは移せないので、人々のログイン情報（人々は新しく登録し直します）、アップロードした画像と動画（Setherionに残ります）、そして各コレクションの2,000行を超える行です。1つのコレクションだけなら、Cloudの下のDatabaseにあるExport CSVで、最新の最大10,000件のレコードをダウンロードできます。詳細設定とデータベースをご覧ください。

スマートフォン用プロジェクト

Nativeは、アプリ全体をスマートフォン用プロジェクトとして、ZIPで、またはGitHubリポジトリへのプッシュで渡します。上のプロジェクトにCapacitorのシェルを加えたもので、Android Studioと、MacのXcodeでビルドし、Node 22以降が必要です。ウェブ版のプロジェクトと同じ方法で、引き続きSetherionにアクセスします。コマンド、アプリID、署名については、ネイティブプロジェクトをご覧ください。

アプリを取り込む

インポートはその逆の方向です。コードのリポジトリやZIP、Lovable、Bolt、v0、Base44で作ったアプリ、またはスプレッドシートを取り込みます。インポートはコピーではなく、作り直しです。Setherionはコードを読み、その動作を平易な説明に書き起こし、その説明からアプリをもう一度作ります。ここからエクスポートしたリポジトリでも同じです。新しいアプリ1つ分に、読み取りの分が加わった料金がかかり、最初のインポートは無料です。アプリのインポートをご覧ください。