「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > VSさまざまな外観のコードブラウザバージョン

VSさまざまな外観のコードブラウザバージョン

2025-04-15に投稿されました
ブラウズ:464

The Many Faces of VS Code in the Browser

vsコードは、Webテクノロジー(HTML、CSS、およびJavaScript)を使用して構築され、主にローカルにインストールされたアプリケーションとして使用されます。 ただし、Webベースのアクセシビリティは急速に拡大しており、VSコードが最高のWeb開発の世界で重要な発展となっています。このWebの可用性は、ソフトウェアのインストールの必要性を排除します。これは、多数のデバイスを管理する学校や、ローカルソフトウェアのインストールを制限するChromebookなどのプラットフォームなどの機関にとって非常に有利です。

VSコードのWebバージョンの拡散は混乱する可能性があるため、現在の状況を調べてみましょう。

vscode.dev

最近発売された、vscode.devはファイルシステムアクセスAPI(現在はEdgeとChromeによってサポートされている)をレバレッジして、ローカルファイルシステムにアクセスします(ユーザーの許可を得て)。 このAPIがなくても、ユーザーはファイルをアップロードしたり、より実際にはオープンリポジトリをアップロードしたりできます。 基本的に、ブラウザベースのコードエクスペリエンスを提供し、ローカルフォルダーを開き、デスクトップアプリケーションの機能をミラーリングします。基本的な使用は似ていると感じていますが、許可管理とキーボードのショートカットには調整が必要であり、現在端末は利用できません。 これらの制限にもかかわらず、「プロジェクトの検索」などの機能は、大規模なプロジェクトであっても、デスクトップバージョンに匹敵する速度を維持します。

github.dev:the "。"ショートカット

github.devは、別のブラウザベースのコードインスタンスを提供しますが、異なるアプローチがあります。 ローカルフォルダーアクセスはありません。代わりに、GitHubリポジトリの迅速なアクセスと変更に焦点を当てています。 変更は、ブラウザ内で直接開始されたリクエストを保存、コミットし、プルすることができます。 vscode.devとの潜在的な合併は推測されていますが、現在は明確なままです。 逆に、GitHubリポジトリは、クローンなしでローカルにインストールされたコードとコードで直接開くこともできます。

githubコードスペース:端末とプレビューが含まれています

Github Codesspacesは、より高度なブラウザベースのコードエクスペリエンスを提供します。 Microsoft認証により、ローカルにインストールされている拡張機能へのアクセスが可能になります。 さらに重要なことに、機能的な端子が含まれています。 起動すると、さまざまなランタイムとツール(Python、node.js、dockerなど)へのアクセスを提供し、ユーザーがNPMスクリプトを実行し、URLを介してプロジェクトプレビューを生成できるようにします。

gitpod:強力な競争相手

gitpodミラーGithub Codespaces。完全なDocker/Linux環境を提供する端末を備えたブラウザベースのコードを提供します。 この強力なセットアップにより、GitPodのサポートされているテクノロジーに応じて、生産環境ミラーリングが可能になります。 GitPodは、サービスを管理する「ワークスペース」を統合し、MongoDBインスタンスの実行などの機能を使用してプロジェクトのプレビューをエレガントに処理します。 Microsoftによる潜在的な買収は、両社の収束方向を考えると、もっともらしいシナリオです。

codeSandboxおよびstackblitz:同様の代替

CodeSandboxとStackblitzは、ブラウザベースのコード代替とブラウザベースの代替品も提供するか、少なくともVSコードコンポーネントを使用しています。

自己ホストvsコード:code-server

Coderのコードサーバーは、VSコードの自己ホスティングを許可し、サードパーティのWebバージョンに代わるものを提供します。 これは、制御されたクラウドサーバーでコードとコードを実行し、サーバー自体で直接ファイル編集を可能にするのに特に役立ちます。 このアプローチは、ローカルソフトウェア機能が限られている学校や環境に利点を提供し、集中タスクをサーバーにオフロードすることでバッテリー寿命を改善する可能性があります。

WebベースのIDESの台頭は否定できません。 Figmaの成功は、使いやすさ、共同機能、アクセシビリティを組み合わせたWebファースト開発の利点を示しています。 開発環境の未来はますますWebを指しています。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3