PostgreSQL
プロジェクトごとに独立した PostgreSQL 互換データベースを提供します。
Runlot Studio作りたいウェブアプリを
作りたいウェブアプリを
教えてください。
Studio が書いたコードの動作をプレビューで確認し、修正したい内容を伝えてください。完成したアプリは runlot にデプロイできます。
macOS · Apple silicon または Intel
cafe-order · mainRunlot Studio
カフェの注文画面を作ってください。メニューはデータベースに保存したいです。
- 読込 src/App.tsx
- 作成 src/order/MenuList.tsx
- 実行 migrate — menu・order テーブルを作成
- 確認 プレビューを実行
プレビューlive
Claude · 自分のサブスクリプションクレジット消費なしバックグラウンドで実行中
使い方
アプリの作成からデプロイまで
コードとプレビューを同じ画面で確認できます。プレビューはウェブ版ではブラウザー内、デスクトップ版では自分のコンピューターで実行されます。
- 01
作りたいアプリを説明
ホーム画面に作りたいアプリを入力すると、Studio が名前を決めてプロジェクトを作成し、コードを書き始めます。別途設定フォームを埋める必要はありません。
- 02
プレビューで確認
コードの変更はプレビューに反映されます。ページ全体を再読み込みせずに結果を確認し、修正を依頼できます。
- 03
runlot にデプロイ
公開ボタンを押すと、ビルドとプレビューデプロイを行い、動作確認後に本番環境へデプロイします。確認には本番から分岐した別のデータベースを使用します。
標準機能
データベースとログインも標準で提供
アプリは runlot プロジェクトとしてデプロイされます。データベース、ログイン、ファイルストレージを別のサービスと連携する必要はありません。
ログイン
env.auth でメール・GitHub・Google ログインを実装できます。
ファイルストレージ
env.storage でファイルをアップロードし、公開できます。
メール
アプリのメールアドレスから送信し、受信したメールをアプリで処理できます。
Git リポジトリ
依頼ごとに変更内容をプロジェクトの Git リポジトリにコミットします。
ドメイン
自分のドメインを接続すると、SSL 証明書を自動で発行・更新します。
ログ、ドメイン、メンバー、請求はダッシュボードで管理します。Studio から各画面へ移動でき、データベースは Studio 内でも照会できます。
サブスクリプションの接続
Claude・ChatGPT のサブスクリプションを利用
デスクトップアプリで Claude または ChatGPT のアカウントを接続すると、そのサブスクリプションでコードを作成できます。
runlot AI クレジットの消費なし
サブスクリプションで処理した作業は runlot AI クレジットを消費しません。モデル選択画面にはクレジット消費なしと表示され、サブスクリプションの 5 時間・7 日の利用上限を確認できます。
サブスクリプションなしでも開始できます
アカウントを接続しなくても、runlot が提供するモデルで作業できます。この場合は AI クレジットを使用します。サブスクリプションは後からモデル選択画面で接続できます。
ログイン情報は自分のコンピューターに保存
サブスクリプションのログイン情報と API キーは OS のキーチェーンに保存され、runlot のサーバーには送信されません。
ウィンドウを閉じても実行を継続
アプリはバックグラウンドで実行を続けます。ログイン時の自動起動は初期状態で有効です。完全に終了するにはメニューから終了を選択します。
サブスクリプションの共有
ウェブやデプロイ済みアプリでも利用できます
デスクトップアプリを起動しておくと、ウェブ版 Studio でも接続済みのサブスクリプションを利用できます。チームのデプロイ済みアプリに提供するかどうかも、自分で選択します。
ウェブ版 Studio で自分のサブスクリプションを利用
studio.runlot.io のモデル選択画面で自分のデスクトップを選びます。ブラウザーから依頼した作業を、接続済みのデスクトップが自分のサブスクリプションで処理します。
デプロイ済みアプリでチームのサブスクリプションを利用
プロジェクトでこの機能を有効にすると、アプリの env.ai.run 呼び出しをチームメンバーの Studio デスクトップで処理し、AI クレジットは消費しません。利用できるデスクトップがない場合にクレジットを使用するモデルへ切り替えるかは、別途設定します。
アプリへのサブスクリプション共有は初期状態では無効です。提供する本人が有効にし、許可するモデルを選びます。アプリからのリクエストはコンピューター内のファイルにアクセスできません。anthropic/* と openai/* のモデルに対応しています。
ウェブ・デスクトップ比較
同じプロジェクトをウェブとデスクトップで編集
一方で編集したコードはもう一方にも同期されます。ファイルを手動で移さずに、ウェブとデスクトップを同時に開いて作業できます。
利用環境
- ウェブ
- studio.runlot.io
- デスクトップ
- macOS アプリ · Windows 対応予定
インストール
- ウェブ
- インストール不要
- デスクトップ
- ダウンロードしてインストール
プロジェクトファイル
- ウェブ
- ブラウザー内
- デスクトップ
- ~/runlot/組織/プロジェクト
プレビュー
- ウェブ
- ブラウザー内のワーカーと PGlite
- デスクトップ
- runlot dev と PGlite
モデル
- ウェブ
- runlot 提供モデル、または接続済みデスクトップのサブスクリプション
- デスクトップ
- Claude・ChatGPT のサブスクリプション、または runlot 提供モデル
同じ runlot アカウントでログインすると、ウェブとデスクトップの両方で同じ組織とプロジェクトにアクセスできます。
Studio でアプリを作ってみてください。
デスクトップアプリをインストールするか、ブラウザーからすぐに始められます。
macOS · Apple silicon または Intel