1 つのサーバーで 60 のコンテナ
1 台のベアメタルで、数十から数百の Hoody コンテナを動かす。KSM と BTRFS の重複排除で、限界コストはほぼゼロ。
コンテナ·スナップショット
タイプ標準
ステージクイックウィン
難易度シンプル
ジョブモバイルで開発
対象バックエンド開発者
対象フロントエンド開発者
対象ソロ起業家
サービスディスプレイ
サービスターミナル
サービスファイル
サービスコンテナ
サービスコード
Hoody の利点HTTP ネイティブ
タイプ標準
ステージクイックウィン
難易度シンプル
ジョブモバイルで開発
対象バックエンド開発者
対象フロントエンド開発者
対象ソロ起業家
サービスディスプレイ
サービスターミナル
サービスファイル
サービスコンテナ
サービスコード
Hoody の利点HTTP ネイティブ
タイプ標準
ステージクイックウィン
難易度シンプル
ジョブモバイルで開発
対象バックエンド開発者
対象フロントエンド開発者
対象ソロ起業家
サービスディスプレイ
サービスターミナル
サービスファイル
サービスコンテナ
サービスコード
Hoody の利点HTTP ネイティブ
タイプ標準
ステージクイックウィン
難易度シンプル
ジョブモバイルで開発
対象バックエンド開発者
対象フロントエンド開発者
対象ソロ起業家
サービスディスプレイ
サービスターミナル
サービスファイル
サービスコンテナ
サービスコード
Hoody の利点HTTP ネイティブ
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS
本物の VS Code、スマホで、本物の Linux ボックスで
Code Orchestrator がコンテナ内で VS Code を実行し、通常の URL として提供します。空港でスマホから、ソファでタブレットから、デスクでノートパソコンから開きます。同じエディター、同じファイル、昨日から動いたままの同じ dev サーバー。
code-1.…hoody.com
code-1.…hoody.com
code-1.…hoody.com
1 コンテナ · 1 URLPROJECT-CONTAINER-code-1.SERVER.containers.hoody.com
オンライン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/projectPROJECTPROJECT
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
エクスプローラーsrc/components/Layout.tsxpage.tsxpackage.jsontsconfig.json
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
TERMINAL · bash実行中
# 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 パターンはそれらすべてをデバイスから動かします。
旅するデベロッパー向け
ノートパソコンが作業ではなくなる
ノートパソコンがデスクに、スマホが手にあれば、両方が同じ URL を開いて同じファイルを引き継げます。旅はワークフローの決定ではなく、ハードウェアの決定になります。
オンコールエンジニア向け
修正がノートパソコンを待たない
空港の列で 1 行のコードが気になっています。URL を開きます。ファイルを編集します。組み込みターミナルでテストを実行します。コミット。プッシュ。タブを閉じる。サイクル全体がスマホではなくコンテナで動きます。
ソロファウンダー向け
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 を開く。修正する。タブを閉じる。あなたのコンピューターは決して手元にはありませんでした。
use-cases / vscode-from-your-phone / related