アプリのインポート

ゼロから始める必要はありません。アプリがすでにほかの場所にあるなら、Setherionがそれを読み取ってここで再構築し、それ以降は普通のSetherionのアプリとして、頼むだけで変更できます。

取り込み方は5つあります。どれが合うかは、お持ちのものによって決まります。

Import an app

コードを取り込む入口です。ダッシュボードの3か所にあります。入力欄の隣の「+」メニューのImport an app、左の列のImport、そしてコマンドパレット（Ctrl K）のImport an appです。

GitHubから

https://github.com/owner/nameのようなリポジトリのアドレス、またはowner/nameだけを貼り付けて、Importを押します。公開リポジトリなら、ほかに必要なものはありません。

非公開のリポジトリの場合は、同じウィンドウでConnect GitHubを押します。GitHubへのログインは一度だけで、その後はご自身のリポジトリを検索して選べます。非公開のものにはPrivateと表示されます。これは、GitHubへのエクスポートで使うGitHubの接続と同じものです。一覧には、最近プッシュした順に100件のリポジトリが表示されます。それ以外のものも、アドレスを貼り付ければ取り込めます。

読み取られるのは、デフォルトのブランチです。60 MBを超えるリポジトリは受け付けられません。写真や動画を除いたZIPをダウンロードして、それを取り込んでください。

ZIPから

.zipをウィンドウにドロップするか、選びます。ZIPはブラウザで開かれ、コードだけが送られます。80 MBを超えるZIPは受け付けられないので、写真や動画は入れないでください。

Lovable、Bolt、v0、Base44から

これらのビルダーは、データやサーバー側のロジックなど、アプリを動かす要素の一部をコードの外に持っています。そのため、ウィンドウにはexport promptが表示されます。これは、そのビルダー自身のAIに、SETHERION_EXPORT.mdというファイルを1つ追加するよう頼むものです。そこには、アプリのページ、データ、サーバー側のロジック、アカウントの説明と、テーブルごとの架空のサンプルレコードがいくつか入ります。キーやパスワードは決して書かないよう指示されています。

export promptをコピーする

Copy export promptを押します。先に読みたい場合はShow itを押します。

ビルダーのチャットに貼り付ける

ファイルがプロジェクトに追加されます。

コードを取り出す

Lovable：LovableからプロジェクトをGitHubに接続するか、ZIPとしてダウンロードします。Bolt：ZIPをダウンロードするか、GitHubにプッシュします。v0：ZIPをダウンロードするか、Vercelのプロジェクトが公開に使っているリポジトリを使います。Base44：Base44のプランにコードのエクスポートが含まれている場合は、GitHubに送るか、ZIPとしてダウンロードします。

ここで取り込む

Setherionは、まずSETHERION_EXPORT.mdを読みます。ファイルがない場合は、ウィンドウでそう表示され、アプリはコードだけから再構築されます。

読み取られるもの

Setherionは、プロジェクトのテキストファイルを読み取ります。コード、スタイル、HTML、SQL、Markdownなどです。シークレットのファイル、インストールされたパッケージ、ビルドのフォルダ、テスト、ロックファイル、写真、フォントは読み取られません。それでもコードの中にキーが現れた場合は、モデルが何かを読む前に、伏せ字にされます。

非常に大きなプロジェクトは、ページやデータなど、最も内容のわかるファイルから先に読み取られ、ウィンドウには、読み取られるファイルの数と、余裕がなくて外れたファイルの数が表示されます。

どのウェブアプリでも使えます。React、Next.js、Vue、または素のHTMLです。

再構築されるもの、されないもの

これは再構築であり、コードのコピーではありません。モデルがプロジェクトを読み、何をするものかを平易な言葉で書き出し、その説明からアプリが作られます。コードそのものがコピーされることはありません。

サーバー関数と支払いは、Setherion独自の方法で説明され、再構築されるので、あとでいくつか変更が必要になることがあります。アカウントは、移行されるのではなく、Setherionのバックエンド上のログインとして再構築されます。プロジェクトの中に保存された写真は、入れ替えられる、内容に合った写真に置き換えられます。

データがSupabase、Base44、Firebase、Prismaにあった場合、その構造は引き継がれますが、中のレコードは引き継がれません。レコードを取り込むには、下のスプレッドシートのインポートをご覧ください。

費用

インポートの費用は、新しいアプリ1つ分と、コードを読み取る分です。読み取りの分は、新しいアプリの価格に約40%を上乗せした額です。価格は、押す前にボタンに表示され、押すまでは何も使われません。新しいアプリは、Buildメニューでどれを選んでいても、標準のSethモードで作られます。

最初のインポートは無料です。アカウントにつき一度、ビルドは私たちが負担するので、何も支払う必要はありません。プランの初期設定より高いモデルを選んだ場合は、ビルドの実行時に差額を支払います。最初のインポートが失敗しても、その権利は残ります。

有料のインポートで読み取りが失敗した場合、その分のクレジットは戻ります。クレジットが足りない場合は、ボタンにそう表示され、課金はされません。プランとクレジットをご覧ください。

Import from Figma

Figmaはアプリのインポートではありません。新しいアプリや、お持ちのアプリへの変更のために、ビルダーに見た目を真似るためのフレームを渡すものです。+メニューにあります。ダッシュボードではImport from Figma（Canvaも使える場合はImport a designの中）、エディターではDesignのImport from Figmaです。

フレームのインポートにクレジットはかかりません。それを使うビルドや変更は、通常どおり課金されます。

Figmaに必要なもの

• FigmaのEditor seat。 FigmaはViewerとCollaboratorのアカウントにはAPIを許可していないため、ブラウザで読めるファイルでも、ここでは受け付けられないことがあります。
• Designファイル。 FigJamのボードとSlidesは取り込めません。
• 接続したアカウントが開けるファイル。 他人のチームにあるファイルや、ご自身の下書きに複製せずにCommunityから開いたファイルは、開けません。

取り込みが失敗すると、ウィンドウがこの一覧を自動で開きます。

Import from Canva

Canvaのデザインは、再構築するレイアウトではなく、画像として取り込まれます。Canvaでデザインを開き、ブラウザのアドレス（/design/が含まれています）をコピーして、Import from Canvaに貼り付けます。最初の3ページが画像として入力欄に入り、アプリに配置できる状態になります。デザインは、あなたのものか、あなたに共有されたものである必要があり、短いcanva.linkのアドレスは受け付けられません。長いほうを使ってください。初回はConnect to Canvaを求められ、Canva側では何も変更されません。

インポートにクレジットはかかりません。画像を使うビルドは、通常どおり課金されます。

スプレッドシートから

スプレッドシートのインポートは、2つの別の用途のために2種類あります。

スプレッドシートを中心に作る新しいアプリ

Import an appでSpreadsheetを選び、Excel（.xlsx）またはCSVのファイルを渡します。Googleスプレッドシートは、先にファイルメニューからダウンロードして保存してください。古い.xlsファイル、.odsファイル、.numbersファイルは、.xlsxまたは.csvとして保存し直す必要があります。30 MBを超えるファイルは受け付けられません。

ファイルはブラウザで読み取られます。その後、列が表示され、それぞれにテキスト、数値、日付、メール、写真など、入っている内容の種類と、最初の5行が示されます。アプリに入れない列のチェックを外し、必要ならアプリの用途を書いて、Build the appを押します。スプレッドシートの読み取りは無料で、ボタンには新しいアプリの価格が表示されます。

得られるのは、あなたの行を中心にしたアプリです。検索、行ごとのページ、追加と編集のフォームがあります。行は、コードが作られたあとにそのままコピーされるので、最初のプレビューからあなた自身のデータが表示され、AIが打ち直すことはありません。AI自身が見るのは、列の名前と最初の5行だけです。

コピーされるのは300行までです。ファイルにそれより多い行がある場合は、アプリが何行で始まるかがウィンドウに表示され、残りは、アプリができたあとに、下のImport a catalogueで追加できます。

メールアドレス、電話番号、給与など、列が個人の情報に見える場合は、公開したアプリを開いた誰もがそれを読めるという警告がウィンドウに表示されます。アプリに必要なければ、チェックを外してください。

複数のシートがあるブックでは、どれを使うかが尋ねられます。1つのシートが1つのリストになります。セルの色や書式は引き継がれず、数式の値は引き継がれます。

お持ちのアプリに行を追加する（Import a catalogue）

アプリを開き、Manage、Databaseの順に開いて、Import a catalogueを選びます。Excel、Googleスプレッドシート、Shopifyから出力した、CSVまたはExcel（.xlsx）のファイルを渡します。ファイルはブラウザで読み取られ、アップロードはされないので、サイズは問題にならず、費用もかかりません。

行を入れるためのリスト、たとえば商品リストが、アプリに必要です。ない場合は、先にチャットで頼んで作ってもらいます。Setherionは、あなたの列をリストの項目に名前で対応させ、その対応は1つずつ変更できます。バリエーションのあるShopifyのファイルは、商品ごとに1行にまとめられます。

次に、行の入れ先を選びます。

• In the appはすぐに終わります。約1,000行までに向いています。それを超えるとサイトの読み込みが遅くなり、保存もできなくなるので、アプリが重くなりすぎるインポートは受け付けられません。
• In the databaseは、アップロードに少し時間がかかりますが、カタログ全体を扱えます。アプリは、1ページずつ読み込みます。800行を超えるファイルでは、これが初期設定で選ばれます。リストがすでにデータベースから読み込んでいる場合は、これしか選べません。

Freeプランのデータベースには、1つのアプリにつき最大10,000行を保存できます。有料プランでは最大500,000行です。クラウドをご覧ください。

インポートが失敗したら

ウィンドウに、わかりやすい言葉で理由が表示されます。出会いやすいものは次のとおりです。

• 「We could not find owner/name.」 非公開のリポジトリの場合は、先にConnect GitHubを押します。接続済みの場合は、接続したアカウントにそのリポジトリを読む権限がない可能性があります。
• リポジトリまたはZIPが大きすぎる。 ZIPから写真や動画を除いてください。
• 「There is no code in this ZIP that we can read.」 中のファイルがテキストのコードではないか、node_modulesのように、読み取られないフォルダにすべて入っています。
• Figmaのフレームが受け付けられない。 ウィンドウで「What Figma requires」を開いてください。大きすぎて描画されるフレームは、ページ全体よりも1つの画面にしたほうがうまくいきます。
• 「This import costs N credits and you have M.」 クレジットを購入するか、月ごとの付与を待ちます。プランとクレジットをご覧ください。