00:00:00これはCode Serverです。リモートマシンでVS Codeを実行し、ブラウザからアクセスできるオープンソースプロジェクトです。
00:00:07ビルドの負荷でノートPCが熱くなったり、頻繁にマシンを切り替える必要があるなら、これはまさにうってつけです。
00:00:12Webエディタのクローンではなく、本物のVS Codeがサーバーで動作しており、そこに接続するだけなのです。
00:00:19使い方はそれほど簡単だと言われていますが、実際に役立つのでしょうか?それが今回の疑問です。
00:00:23動画を随時配信していますので、ぜひチャンネル登録をお願いします。
00:00:30さて、Code Serverが実際に何をするかというと、リモートマシン上でVS Codeを実行します。
00:00:36そのマシンはクラウドVMや自宅のサーバー、あるいはハイスペックなデスクトップかもしれません。それをブラウザで開くのです。
00:00:45NodeやDocker、Postgres、Pythonをすべてのデバイスにインストールする代わりに、サーバーに一度入れるだけで、どこからでもログインできます。
00:00:54ノートPCはもちろん、その気になればスマホからでも可能です。
00:00:57ターミナルも機能しますし、拡張機能やGitもそのまま使えます。
00:01:01自分のコンピュータは単なる画面になり、実際の作業はクラウドなどの別の場所で行われる、と考えてください。
00:01:08これが大きな変化です。
00:01:10セットアップは非常に簡単です。私はMac M4 Proを使っているので、今回はクラウドVMではなくローカルで実行してみます。
00:01:18まずDockerを開き、ターミナルでこのDockerセットアップコマンドを実行します。
00:01:23正しく動作しているかクイックチェックを行います。ご覧の通り動いていますね。返されたパスワードも確認できます。
00:01:33localhostにアクセスしてパスワードを入力すれば、ほら、ブラウザの中にVS Codeが表示されました。
00:01:41見た目は全く同じです。Copilotも拡張機能もターミナルもあり、プロジェクトをドラッグ&ドロップできます。これは入れたばかりのDjangoプロジェクトです。
00:01:53コードの実行も同様です。仮想環境を構築し、必要なパッケージをpipインストールして実行します。
00:02:00正直、このプロジェクト自体は大したものではなく、Djangoのランディングページにテキストがあるだけですが、ターミナルがブラウザでどう動くか見てほしかったのです。
00:02:08ブラウザ版のVS Codeでも標準版でも、得られる機能はすべて同じです。
00:02:14ビルド中にバッテリーが減るのを眺めたり、Dockerイメージのコンパイルでファンの音が鳴り響いたりした経験は誰しもあるはずですが、これが解決してくれます。
00:02:24将来的にパワーが必要になれば、VMをアップグレードするだけで済みます。
00:02:28これで状況は少し変わります。「自分の環境では動く」という問題はなくなり、一つのマシン、一つの環境、共通のNodeバージョン、Docker設定、拡張機能になります。
00:02:40あらゆるデバイスが同じ場所に接続するのです。
00:02:43ハイブリッドチームにとって、この一貫性は想像以上に大きな意味を持ちます。
00:02:47私のように移動が多い場合、サーバーに環境を置いておけるのは、より自由度が高いと感じます。
00:02:52そして、これは活発にメンテナンスされています。放置されたサイドプロジェクトではなく、本番環境で使えるインフラです。
00:02:58では視点を変えてみましょう。Code Serverは完璧に聞こえるかもしれませんが、そうではありません。
00:03:02そもそも完璧なものなど、そうそうありませんよね?
00:03:05長所としては、まず無料でオープンソースであること、そして私が試した限りでは非常にレスポンスが良いことです。
00:03:11さらに、インフラに合わせて拡張可能で、個人で作業するならプラットフォームを管理するより安上がりです。
00:03:16しかし、自分のマシン上ではないことによる落とし穴もあります。
00:03:19ネット環境が悪いと、使い心地も最悪になります。
00:03:23レイテンシ(遅延)は無視できませんし、サーバーにはそれなりのメモリが必要です。
00:03:27スペックの低いVMで動かして、快適さを期待してはいけません。うまくいかないでしょう。
00:03:31標準状態のセキュリティは非常に基本的です。
00:03:34外部に公開する場合は、認証を正しく設定する必要があります。
00:03:38GitHub Codespacesと比較している方もいるでしょう。
00:03:43Codespacesはいわば「プラグアンドプレイ」で即使えるものです。
00:03:46対してCode Serverは、より高度なコントロールが可能です。
00:03:49試してみたいなら、難しく考えないでください。立ち上げるのはとても簡単でした。
00:03:53まずは小さく始めて、自分のワークフローに合うか試してみてください。クラウドVMを立てるか、
00:03:58あるいは私のように自宅のマシンのDockerで動かしてみるのもいいでしょう。
00:04:02本格的にテストしたいなら、Dev Containers(開発用コンテナ)と組み合わせるのも手です。
00:04:07そうすれば環境は単にリモートであるだけでなく、
00:04:09再現可能になります。これはオンボーディングにおいて素晴らしいことですし、
00:04:12デバッグや一貫性の維持にも非常に役立ちます。
00:04:14すでに試した人なら、バッテリーの持ちが良くなっていることに気づいているはずです。
00:04:18スペックの低いデバイスでもコードが書けますし、仕事用と個人用のマシンの切り替えも楽になります。
00:04:24まずはプライベートでテストして、それから規模を広げましょう。
00:04:26Code Serverを使えば、環境はポータブルでスケーラブル、そしてより一貫したものになります。
00:04:32ノートPCなどのデバイスが限界を決めることはなくなります。もし興味が湧いたなら、
00:04:36ぜひ実際に触って体感してみてください。それでは、また別の動画でお会いしましょう。