ChromebookにVisual Studio Codeをインストールする方法

ChromebookにVisual Studio Codeのデスクトップ版をインストールするには、ChromeOSのLinux開発環境を有効にし、公式のDebianパッケージをダウンロードして、APTでインストールします。以下の手順では.deb、サポートされているパッケージを使用します。これは、手動でダウンロードした古いビルドよりもメンテナンスが容易です。インターフェースの図は例であり、ラベルやレイアウトはChromeOSのバージョンによって若干異なる場合があります。

始める前に

お使いの Chromebook が Linux 開発環境をサポートしていることを確認してください。学校や職場の端末では、管理者が無効にしている場合があります。また、Linux コンテナ、VS Code、およびプロジェクト ファイル用に十分な空きストレージ容量が必要です。Linux アプリは ChromeOS の Linux 環境で実行され、Chromebook の他の部分とは分離されています。共有 Linux 領域外のファイルは、明示的に共有する必要がある場合があります。

最新のVS Codeダウンロードページと、Visual Studio CodeおよびChromebookヘルプにあるChromebookの手順を使用してください。パッケージのバージョンが変更される可能性があるため、古い直接ダウンロードURLは使用しないでください。

ChromebookにVisual Studio Codeをインストールしてください。

  1. Linux開発環境を有効にします。右下隅の時刻を選択し、「設定」を開いて、「ChromeOSについて」>「開発者」に進みます。 「Linux開発環境」の横にある「セットアップ」を選択し、画面の指示に従ってください。セットアップには数分かかる場合があります。完了すると、ChromeOSはDebian環境のターミナルアプリを開きます。
    設定アイコンが表示されたChromebookのクイック設定パネル
    ステータスエリアからChromebookの設定を開きます。
    ChromeOSの設定で開発者向けオプションを開き、Linux開発環境をセットアップできます。
    Linux開発環境については、「ChromeOSについて」と「開発者向け情報」をご覧ください。
  2. Debianコンテナを更新します。ターミナルで、penguinコンテナセレクタが表示されたらシェルを選択してください。以下のコマンドを1つずつ実行し、プロンプトが表示されたら確認してください。
    sudo apt updatesudo apt upgrade
    apt updateパッケージリストを更新し、apt upgrade利用可能なアップデートをインストールします。コンテナを最新の状態に保つことで、VS Code のインストール中に発生する依存関係エラーを回避できます。
    Linuxターミナルアプリでペンギンコンテナシェルを開く
    ターミナルアプリは、penguinコンテナ内でDebianシェルを開きます。
    Penguinターミナルにapt updateコマンドとapt upgradeコマンドを入力した。
    パッケージリストを更新してから、利用可能なDebianのアップデートをインストールしてください。
  3. プロセッサのアーキテクチャを確認し、対応するパッケージをダウンロードしてください。ターミナルで以下を実行します。
    dpkg --print-architecture
    結果をMicrosoftのLinuxダウンロードページの選択肢と照合してください。
    ターミナル結果ダウンロードオプション
    amd64x64
    arm64ARM64
    armhfARM32

    VS Codeのダウンロードページを開き、該当するアーキテクチャ用のLinux.debパッケージを選択してダウンロードしてください。Chromebookのモデルによってプロセッサが異なるため、すべてのデバイスでx64ビルドが必要になるとは限りません。

    Visual Studio Codeのダウンロードページには、x64、ARM32、ARM64向けのDebian Linuxパッケージが表示されています。
    ChromebookのLinuxアーキテクチャに合ったDebianの.debファイルをダウンロードしてください。
  1. パッケージを Linux のファイルフォルダに配置します。ChromeOSのファイルアプリを開き、 「ダウンロード」フォルダからダウンロードしたパッケージを探します。パッケージ名を に変更し、 Linux のファイルフォルダcode.debにコピーまたはドラッグします。このフォルダは Debian コンテナからアクセスできるため、ターミナルからファイル名を指定してインストールできます。
    ChromeOSのファイルアプリが、ダウンロードフォルダからcode.debパッケージをLinuxのファイルフォルダにコピーする
    ダウンロードしたパッケージをLinuxファイルフォルダにコピーして、Debianコンテナがアクセスできるようにします。
  2. パッケージをインストールします。ターミナルに戻り、以下を実行します。
    sudo apt install ./code.deb
    これは、./APT にローカル ファイルをインストールするように指示します。インストーラーが Microsoft のパッケージ リポジトリと署名キーを追加するかどうかを尋ねてきた場合は、VS Code がシステム パッケージ マネージャー経由でアップデートを受け取るようにするには、承認してください。Microsoft はこの Debian インストール方法をLinux セットアップ ガイドで説明しています。
    LinuxターミナルでAPTを使用してローカルのcode.debパッケージをインストールする
    APTを使用してローカルのDebianパッケージをインストールします。
  3. VS Code とプロジェクトを開きます。Chromebookランチャーを開き、Visual Studio Codeを検索します。Linux アプリのグループに表示される場合があります。VS Code で、[フォルダーを開く]を選択し、 Linux ファイル内のプロジェクトを選択します。ChromeOS ストレージ内の別のフォルダーを操作するには、ファイル アプリを開き、そのフォルダーを右クリックして、利用可能な場合は Linux 共有オプションを選択します。
    ChromebookのデスクトップにVisual Studio Codeのウェルカムウィンドウが開きます。
    インストール後、VS Codeを起動し、プロジェクトフォルダを開きます。

一般的なインストールの問題を修正します

  • Linux の設定が見つかりません。Chromebookがこの機能をサポートしていないか、学校または職場の管理者が無効にしている可能性があります。管理者またはデバイスのサポート情報をご確認ください。
  • APT がファイルを見つけられません。Linuxのファイルcode.debフォルダにファイルが存在すること、およびコマンドに が含まれていることを確認してください。元のファイル名を保持していた場合は、コマンドでそのファイル名をそのまま使用してください。./
  • アーキテクチャまたは依存関係のエラー:再実行しdpkg --print-architecture、対応するビルドをダウンロードして、sudo apt update再度インストールする前に実行してください。VS Code のシステム要件は、公式の要件ドキュメントに記載されています。
  • VS Code はプロジェクトファイルを認識できません。プロジェクトをLinux のファイルフォルダにコピーするか、ファイルアプリでそのフォルダを Linux と共有してください。

ChromebookでLinuxアプリが動作しない場合は、ブラウザベースの編集ツールとしてVS Code for the Webを使用できます。これは別のオプションであり、Linuxデスクトップアプリケーションはインストールされません。

(29) コメント

  1. タナカ0212 -

    Pythonの開発環境を整えたいけど、やり方わかりますか

  2. ミユウ -

    この情報のおかげで、テレワークがもっと楽になりました。本当に助けられてます

  3. 鈴木 太郎 -

    インストール手順を共有してくれてありがとう!やっとChromebookでプログラミングが始められそう

  4. リュウタ -

    もしかして、マシンパワーが必要なアプリは動かないですか?期待してたのに…。教えてください

  5. エリック -

    この方法でインストールしたら、私のChromebookが次元の違う速さになった!感謝

  6. カイト -

    Chromebookのスペックが足りるか心配だったけど、思ったより快適に使えました

  7. クマのプーさん -

    笑っちゃった!PCじゃなくてChromebookでこのエディタ使えるなんて、驚きです!

  8. 田中 正義 -

    このガイドは本当に役立ちました!ChromebookにVisual Studio Codeをインストールするのは簡単でした。ありがとう!

  9. 猫好きなサクラ -

    このタイトル見て、すぐに読み始めました。実際に試してみて、上手く行ったので感謝です

  10. モモコ -

    私もChromebookでコーディングしてます!この情報、仲間にも教えます

  11. 佐藤 美香 -

    この情報、すごく助かりました。特に必要な拡張機能の説明が良かったです

  12. ヒロシ -

    エラーが出た時の対処法についても詳しく書いてほしかったです。今後の参考に

  13. キョウコ -

    こんなに特集されるなんて、ChromebookにVisual Studio Codeが流行ってるんですね!

  14. ハルキ -

    ガイド見て無事にインストールできた!いいね!プラグインも後で追加しようかな。

  15. タケシ999 -

    手はず手続きがわかりやすい!でも、もう少し詳しい説明があっても良かったかも。

  16. サヤカ -

    Chromebookに対応したアプリの選び方、もっと教えてほしいです!

  17. キム0505 -

    特にキーボードショートカットのカスタマイズとか詳しく知りたいな

  18. タケル -

    まさに必要としていた情報でした!おかげで効率が上がります

  19. トモヒロ -

    まさかChromebookでもVisual Studio Codeが使えるとは…!感激です!

  20. カレン -

    友達にもこのリンクシェアしたら喜んでた!皆のChromebookも活用できるね!

  21. リショウ -

    説明が古かったのか、私のChromebookではその通りに行きませんでした。新しい更新情報希望

  22. リュータ -

    これを読んで挑戦してみましたが、エラーが出て悲しい。解決方法あれば知りたいなあ

  23. 翔子 -

    このガイドのおかげで仕事がかなり楽になりました。ありがとう

  24. マナブ -

    すごく良い情報をありがとう!おすすめのプラグインもあれば良かったなー

  25. ハナコ -

    ガイドを見てインストールしましたが、最初の設定がちょっと手間取った…。次回は頑張ります!

  26. 中村 明子 -

    Visual Studio Code、Chromebookで動くのが嬉しい!業務にも使えるので本当に助かります

  27. 山田 奈美 -

    この方法でインストールしたら、すごくスムーズに動きました。皆も試してみた方がいいよ

  28. ナオミ -

    ここまで簡単だとは思わなかった。もっと早く知っていればよかった

  29. Mika IT -

    なんか、すごく期待してたのに、私のChromebookではちょっと重かったです。最適化の方法あれば教えて~

コメントを残す

ChromeOSでEmbyを視聴する方法

ChromeOSでEmbyを視聴する方法

ChromebookでEmbyウェブアプリを開き、サーバーにサインインすれば、Linuxをインストールすることなく、映画、番組、音楽、写真を再生できます。

ChromebookでSyncthingを設定する方法

ChromebookでSyncthingを設定する方法

ChromebookにSyncthingをインストールし、ChromeOSのフォルダをLinuxと共有し、別のデバイスを接続し、Webインターフェースを非公開に保つことができます。

ChromebookでTorブラウザを使用する方法

ChromebookでTorブラウザを使用する方法

ChromebookでLinuxを有効にし、TorプロジェクトのFlatpakランチャーを使ってTorブラウザをインストールし、Torに接続して、この設定が何を保護しているのかを理解しましょう。

ChromeOSでBitwardenを使用する方法:インストール、保存、自動入力

ChromeOSでBitwardenを使用する方法:インストール、保存、自動入力

ChromebookにBitwardenをインストールし、初回ログイン情報を保存し、ウェブサイトの情報を自動入力する方法を学び、オプションのLinuxデスクトップアプリが役立つ場面を把握しましょう。

Chromebookに代替ブラウザをインストールして使用する方法

Chromebookに代替ブラウザをインストールして使用する方法

Linuxを搭載したChromebookにFirefox、Brave、Edge、またはOperaをインストールする方法を学びましょう。Debian環境の有効化方法、互換性のあるパッケージの選択方法、および制限事項について理解を深めます。

Chromebookで電子書籍を読む方法:Play BooksとFoliate

Chromebookで電子書籍を読む方法:Play BooksとFoliate

ChromebookではGoogle PlayブックスでEPUBやPDFを読むことができます。また、Linux経由でFoliateをインストールすれば、より多くのフォーマットに対応したローカルリーダーを利用できます。

ChromebookにVLCをインストールして使用する方法

ChromebookにVLCをインストールして使用する方法

Google PlayからChromebookにVLCをインストールして、ローカルファイルやネットワークメディアを再生したり、必要に応じてLinuxデスクトップ版をセットアップしたりできます。

ChromebookにKritaをセットアップする方法

ChromebookにKritaをセットアップする方法

ChromeOS LinuxとFlatpakを搭載したChromebookにKritaをインストールし、アプリを起動して共有アートワークを開き、一般的な設定上の制限事項のトラブルシューティングを行います。

ChromebookでMicrosoft Teamsを使用する方法

ChromebookでMicrosoft Teamsを使用する方法

ChromebookでTeamsを使用するには、Chromeブラウザ経由でログインし、職場または学校のアカウントでサインインし、オプションのWebアプリをインストールし、カメラやマイクの問題を解決してください。

ChromebookにVisual Studio Codeをインストールする方法

ChromebookにVisual Studio Codeをインストールする方法

ChromeOS Linuxをセットアップし、お使いのChromebookに適したVS CodeのDebianパッケージを選択して、APTを使用してデスクトップエディタをインストールします。