コンテンツにスキップ
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS

本物の VS Code、スマホで、本物の Linux ボックスで

Code Orchestrator がコンテナ内で VS Code を実行し、通常の URL として提供します。空港でスマホから、ソファでタブレットから、デスクでノートパソコンから開きます。同じエディター、同じファイル、昨日から動いたままの同じ dev サーバー。

code docs を読む
use-cases / vscode-from-your-phone / url

あなたのコンピューターには URL があります

Code Orchestrator (すべての Hoody コンテナに同梱されているサービス) は、1 つの HTTPS エンドポイントから VS Code Web インターフェースを提供します。URL はどのプロジェクト、どのコンテナ、どのフォルダーをエディターが開くかを正確に綴ります。

アドレスバー
https://PROJECT-CONTAINER-code-1.SERVER.containers.hoody.com/?folder=/home/user/project
PROJECTPROJECT
CONTAINER-CONTAINER
ROLE-code-1
SERVER.SERVER.containers.hoody.com
FOLDER?folder=/home/user/project

1 度ブックマークしてください。ブラウザを持つどのデバイスからでも開きます。Code Orchestrator は id ごとに同じ VS Code インスタンスを再利用するため、2 番目のデバイスの 2 番目のタブは新しいワークスペースを作るのではなく、同じワークスペース状態を引き継ぎます。

use-cases / vscode-from-your-phone / editor

本物の VS Code、本物の Linux ボックス

VS Code のふりをした手抜きのスマホ用エディターではありません。Orchestrator は /data/instances/ に独自のデータディレクトリを持つ本物の VS Code プロセスをコンテナ内で生成し、フル拡張機能と、dev サーバーがバインドするローカルポートのプロキシエンドポイントを備えています。

code-1.containers.hoody.com/?folder=/home/user/site
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
TERMINAL · bashstill running
# dev server you started yesterday$ bun run devready in 412ms→ proxy/3000 http://localhost:3000

ポートプロキシは Orchestrator に組み込まれています。ローカルポートにバインドされたあらゆるプロセス — vite、next、rails サーバー、python repl — は同じ URL の /proxy/PORT/ で到達可能です。スマホのブラウザがあなたの dev サーバーを見るのは、コンテナの localhost がコンテナの localhost であって、スマホの localhost ではないからです。

use-cases / vscode-from-your-phone / angles

問題でなくなるもの

スマホをエディターにする提案は、通常スマホを悪い開発ボックスにする崖で挫折します。Orchestrator パターンはそれらすべてをデバイスから動かします。

FOR THE TRAVELLING DEVELOPER

ノートパソコンが作業ではなくなる

ノートパソコンがデスクに、スマホが手にあれば、両方が同じ URL を開いて同じファイルを引き継げます。旅はワークフローの決定ではなく、ハードウェアの決定になります。

FOR THE ON-CALL ENGINEER

修正がノートパソコンを待たない

空港の列で 1 行のコードが気になっています。URL を開きます。ファイルを編集します。組み込みターミナルでテストを実行します。コミット。プッシュ。タブを閉じる。サイクル全体がスマホではなくコンテナで動きます。

FOR THE SOLO FOUNDER

1 つの環境、すべてのデバイス

拡張機能は 1 度インストール、設定は 1 度同期、dev サーバーは 1 度起動。状態はノートパソコンではなくコンテナのもの。新しいデバイスを買うことは、それで URL を開くこと。

use-cases / vscode-from-your-phone / punchline

コンピューティングは、手元のデバイスに紐付かなくなります。

スマホ、タブレット、ノートパソコン — それらはレンダリング表面です。CPU、ディスク、dev サーバー、ビルドキャッシュ、動いているプロセスはすべてコンテナ内で生きています。どんなブラウザでもそこに到達するのに十分です。

  • ノートパソコン不要
  • 同期競合なし
  • URL がワークスペース
use-cases / vscode-from-your-phone / replaces

これが置き換えるもの

ノートパソコン以外のデバイスでノートパソコン級のエディターが欲しいときに開発者が手を伸ばすパターン。それぞれがデバイスかワークフローを曲げます。Orchestrator はどちらも曲げません。

  • GitHub Codespacesブラウザのエディターだが、ボックスは彼らのもの
  • Gitpod同じモデル、エフェメラル、ベンダーロック
  • Replit彼らのランタイム、彼らのファイルシステム、彼らの価格
  • スマホ上の Cursorスマホ上の Cursor は存在しない
  • ノートパソコンから作業作業を運ぶことはデバイスを運ぶこと
use-cases / vscode-from-your-phone / cta

URL を開く。修正する。タブを閉じる。あなたのコンピューターは決して手元にはありませんでした。

Code Orchestrator docs を読む
use-cases / vscode-from-your-phone / related

他のユースケースを読む