はじめに
クイックスタート
Setherionで最初のアプリを作ります。一文で説明し、書かれていく様子を見守り、頼んで変更し、オンラインに公開します。
ここでは、Setherionの流れをひと通り紹介します。アプリを説明すると作られ、変えたいところを変更し、公開します。所要時間は5分ほどで、例にするのはコーヒーショップのランディングページです。
アカウントが必要です。無料で作成できますし、カードの登録は不要です。
1. 作りたいものを説明する
ダッシュボードを開いて、思い浮かべているものを書きます。最初は、はっきりした一文で十分です。
人に話すように書いてください。それが何で、誰のためのものかを伝え、必ず入れたいものがあれば挙げます。「メニューと営業時間のあるコーヒーショップのランディングページ」なら、この3つがすべて入っています。
入力欄のまわりには知っておくと便利なものが4つありますが、最初のアプリでは、どれも無視して構いません。
| 場所 | 役割 |
|---|---|
| 入力欄の上の6つのマーク | Website、Web App、Mobile App、Landing Page、3D Game、SaaS。作るものを固定したいときは1つ選びます。選ばなければ、Setherionが言葉から判断します。選んだマークをもう一度押すと、固定が外れます。 |
| Build | Buildはすぐに作り始めます。Planは、先にいくつか簡単な質問をして、何かを書く前にアプリの全体図を見せます。その下のAgent modeで、どれだけ作るかを選びます。Seth、Power Seth、Max Sethの3つです。ビルドモードを参照してください。 |
| モデルのボタン | Autoと表示され、リクエストごとに最適なモデルを選びます。開くと、自分でモデルを選べます。AIモデルを参照してください。 |
| 「+」とマイク | 参考にする画像や文書を添付したり、FigmaやCanvaのデザインや他で作ったアプリを取り込んだり（アプリのインポートを参照）、スキルを選んだり、入力せずに声で伝えたりできます。意図を見せるを参照してください。 |
2. 見た目を選ぶ
何かを作る前に、Setherionは作ろうとしているものを一、二文で答え、その見た目で作った場合の最初の画面を画像で見せます。この画像が質問です。Build this oneはその見た目で作り始め、See two moreは比べるために別の2つを描きます。Power SethまたはMax Sethでは、3つが同時に描かれます。
選んだ見た目で作られます。
3. 作られていく様子を見る
Setherionはリクエストを読み、パーツを計画し、色を選び、ファイルを書き、そのあと自分の作業を読み直します。何かを見せる前に、画面に出さずにアプリを開いて動くか確かめます。そのときステータス行にはTesting the appと表示されます。ここで何かが壊れた場合は、先に修復されます。費用はかかりません。
各ステップには1行ずつ表示されます。何をしているか、何を決めたか、どれくらいかかったかです。ステップの下のThoughtsを開くと、その背景にある考えが表示され、hide stepsですべて折りたたまれます。コードが書かれている間は、届いたファイルが1つずつ名前付きで表示され、何のためのファイルかが1行で添えられます。最後の行には、ファイルと行の数が表示されます。
どれも読む必要はありません。何も隠さないために、そして、あとでどこを指せばよいか分かるように表示されています。
最初のビルドには数分かかります。ページを離れてあとで戻ってきても大丈夫です。アプリは書き上がった瞬間からあなたのものになり、My Projectsで待っています。
4. アプリが完成
ステップは、ファイル数つきの1行Built your appにまとまります。最後のメッセージの下には、いま作られたバージョンのカードがあります。作られた時刻、名前、使われている写真、そして3つのボタンです。Previewで見て、View filesでコードを読み、Publish this versionでオンラインに公開します。公開は無料で数秒しかかからないので、早めに何度行っても問題ありません。
あとから加えた変更にも、それぞれPreviewとView filesのあるカードができます。Publish this versionがあるのは最新のカードだけです。公開は常に、アプリの現在の状態をオンラインにするからです。古いバージョンは、エディタの上部にあるHistoryで待っています。
カードの下のI looked it overは、Setherionがあなたに渡す前に見たとおりのアプリを、ページごとに表示します。Expandで1ページ全体を見られます。画像の下には、アプリに組み込まれたもののリストがあります。
5. 確認する
会話は左に残り、右側にアプリが表示されます。プレビューの上部には次のものがあります。
- Preview、コード、そしてManageを開く積み重ねたアイコン。アプリ、その書かれ方、そしてまわりのすべてです。プレビューとコードを参照してください。
- Editでは、プレビュー上の言葉をクリックして書き換えられます。Themeは、アプリ全体の色とフォントを変えます。
- 中央のボックスには、いま見ているセクションの名前が表示され、ほかのセクションにも移動できます。
- 画面のアイコンは、アプリをスマートフォン、タブレット、デスクトップのサイズで表示します。どのアプリも、この3つすべてで動くように作られています。
6. 頼んで変更する
変更したいことを、会話の下にあるボックスに書きます。アプリを説明したときと同じ要領です。
Make the header dark and add a Reserve a table buttonそのボックスには、Buildボタンの先に3つのモードがあります（ボタンには、いま使っているエージェントモードの名前、たとえばPower Sethが表示されます）。Buildは変更を加えます。Chatはアプリについて話し、コードには一切触れません。「このページに何を加えたらいい？」と、アプリに何も起こさずに聞けます。Planは、大きな変更のために先に質問をします。
変更にはクレジットがかかります。小さな変更なら、わずかです。クレジットは、作ることと変更することのためのものです。公開は無料です。各プランで使える内容は、プランとクレジットを参照してください。
Buildボタンの横のマイクを使うと、入力する代わりに声でリクエストを伝えられます。左上のキューブはConnectorsを開き、作業中のアプリを離れずに、決済やメールなどのサービスを接続できます。どちらもBuild、Chat、Planで説明しています。
7. オンラインに公開する
右上のPublishを押して、Publish to webを選びます。
Setherionは、アプリの名前から作ったアドレスを提案します。ほかの人が使っていない限り、好きなものに変えられます。
Continueを押すと、数秒で公開されます。
このアドレスは、送った相手なら誰でも開けて、ずっと有効です。もう一度公開すると、オンラインの内容が現在の状態に置き換わります。公開していないものは、あなた以外の誰にも見えません。
公開は、どのプランでも、何度でも無料です。有料プランなら、上のアドレスの代わりに、coffeeshop.comのような自分のドメインでアプリを公開できます。
同じメニューには、Setherionから外に出る方法がもう2つあります。Publish to app storesは、アプリをApp StoreとGoogle Playに出せる形にする手順を案内し、先に各ストアの要件に照らして確認します。アプリストアへの公開を参照してください。Export to GitHubとExport to GitLabは、コードをあなたのリポジトリに置きます。有料プランで使えます。
次にすること
ビルドが終わると、Setherionは次にすることを提案します。追加できる機能、仕上げのポイント、そしてオンラインへの公開です。
これらは提案であって、手順ではありません。機能の下のものやPolishのものを押すと、次のリクエストとしてボックスに入るので、送る前に変更できます。Go liveの下のものはコードが要りません。PublishやAnalyticsなど、それを行う画面が開きます。
このページは役に立ちましたか？