VS Codeのエージェントモードを拡張するには、を試してください！

ChromebookでVS Codeを学ぶ

2020年12月3日 Alessandro Segala、@ItalyPaleAle

ここ数年、Google Chrome OSを搭載したChromebookは、「従来の」ノートPCに代わる選択肢を提供しています。非常に手頃な価格のモデルからハイエンドなものまで多くの選択肢があるため、Chromebookは特に学生の間で人気があり、学習、課題の完了、仮想授業への参加に利用されています。

ChromebookとChrome OSは通常、ウェブブラウザを中心に設計されていますが、ネイティブのデスクトップアプリケーション（Visual Studio Codeを含む！）をインストールできるLinux環境を有効にすることもできます。

ChromebookでVS Codeを実行することで、さまざまな言語やフレームワークで簡単かつ迅速にコーディングを開始できます。これには、Python、JavaScriptとNode.js、Java、C#などの言語が含まれます！

この記事（全2回のうちの1回目）では、ChromebookにVisual Studio Codeをインストールする方法と、PythonまたはJavaScript/Node.jsでコーディングを開始するための環境をセットアップする方法について説明します。次の投稿では、VS Codeのリモート開発拡張機能を活用して、より強力な開発環境に接続する方法についても説明します。

必要なもの

VS Codeは、Crostiniを介してLinuxアプリケーションを有効にできる限り、最近のすべてのChromebookで動作します。その方法については、すぐに説明します。

Visual Studio Codeは軽量なエディターなので、最低1 GBのRAMがあれば、低電力のChromebookでも実行できます。さらに、VS Codeは現在、ARMv7およびARM64版Linuxで利用可能であり、ARMチップを搭載したChromebookでも実行できることを意味します！

このチュートリアルでは、ARM64 CPU、4 GBのRAM、32 GBのディスクを搭載したエントリーレベルのChromebookを使用します。控えめなスペックにもかかわらず、VS Codeはこのマシンで問題なく動作します！

ChromebookでLinuxを有効にする

Chrome OSにVS Codeをインストールする前に、Crostiniを使用してネイティブLinuxアプリのサポートを有効にする必要があります。

まず、システムの「設定」を開き、サイドバーでLinux (ベータ版)を探します。そこから、Linuxサポートをオンにします。

Enabling Linux support on Chrome OS

画面の指示に従ってLinux環境を設定します（ほとんどの場合、デフォルト値を受け入れるだけで十分です）。Chromebookは、Linux環境を作成し、構成するためのツールをダウンロードします。舞台裏では、これは実際にDebian 10を実行するコンテナを作成しているため、完全なLinuxディストリビューションを試すことができます！

Linux環境が設定されると、新しいターミナルウィンドウが表示されます。

Terminal running on Linux

VS Codeをインストールする前に、Linuxターミナルでいくつかのコマンドを実行する必要があります。Linuxパッケージのリストを更新し、オプションの（ただし強く推奨される）依存関係gnome-keyringをインストールする必要があります。ターミナルで、以下の2つのコマンドを入力します（各コマンドの最後にEnterキーを押して実行します）

sudo apt-get update
sudo apt-get install -y gnome-keyring

出力は次のようになります

Output of the commands in the terminal

2番目のコマンドが終了したらすぐに、次のステップに進むことができます。

VS Codeをインストールする

これでVS Codeをインストールする準備ができました！

Visual Studio Codeのダウンロードページにアクセスしてください。そこから、お使いのChromebookに適したパッケージを選択する必要があります

  • IntelまたはAMDチップを搭載したChromebookの場合は、64 bit版の.debを選択します。
  • お使いのChromebookがARM64チップで動作している場合（私がテストしているものと同様）、代わりにARM64版の.debパッケージを選択します。

List of downloads

お使いのChromebookがどのような種類のCPUを使用しているか不明な場合は、Linuxターミナルでdpkg --print-architectureコマンドを実行して確認してください。amd64（IntelとAMDの両チップの場合：VS Codeの64 bit版を選択）またはarm64（ARM64を選択）のいずれかが表示されます。

Output of the command to find the architecture: this laptop is running on arm64

VS Codeをダウンロードすると、パッケージはダウンロードフォルダにあります。パッケージをダブルクリックしてインストーラーを起動します

Package installer asking to install VS Code

ChromebookはVS Codeとその他のすべての依存関係をインストールします。

インストールが完了すると、アプリのリストにLinuxアプリというフォルダ（Linuxターミナルも含む）内にVisual Studio Codeが見つかります。これでVS Codeを起動できます。

Launching the Visual Studio Code app

VS Codeが実行されているはずです。これでコーディングを開始する準備ができました！

VS Code running on the Chromebook

VS Codeを初めて使用し、エディターの使い方を知りたい場合は、以下のリソースを参考にしてください

  • VS Code入門ビデオ: これらのビデオでは、VS Codeを使用してファイルやフォルダーを開く方法、テーマや拡張機能をインストールする方法、エディターを設定する方法などを説明します。
  • VS Codeでコーディングを学ぶ: 私たちの「学習」セクションには、コーディングを始めたばかりの人や、これから始めたい人向けの記事、チュートリアル、ビデオが含まれています。

JavaScriptとNode.jsでコーディング

JavaScriptは非常に柔軟なプログラミング言語であり、ウェブブラウザ内で実行されるアプリや、Node.jsを使用したウェブサーバー上のアプリを構築するために使用できます。今日では、JavaScriptはネイティブデスクトップアプリ（Electron）やモバイルアプリ（Apache Cordoba、React Nativeなど）、モノのインターネット（IoT）デバイスのプログラミングなど、さらに多くの用途にも使用されています。

ヒント: JavaScriptを学びたい場合は、同僚が作成した無料のビデオシリーズがあります: 視聴: JavaScript入門シリーズ

Visual Studio Codeは、JavaScriptとNode.jsでのコーディングに非常に人気のあるエディターであり（State of JS調査）、JavaScriptをネイティブにサポートしています。

ただし、ChromebookでNode.js（およびJavaScript全般）を使用するには、Node.jsランタイムをインストールする必要があります。そのためには、Node.jsのインストールと更新を容易にする小さなオープンソースユーティリティであるnvmを使用します。

nvmをインストールするには、Linuxターミナルで以下のコマンドを実行します

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
source .bashrc

Installing nvm

nvmがインストールされたら、このコマンドでNode.jsの最新バージョンをインストールできます

nvm install node

Installing Node.js via nvm

ヒント: VS Codeに統合ターミナルがあることをご存知でしたか？ターミナルメニューから新しいターミナルを選択して起動できます。VS CodeはLinux環境のコンテキストで実行されているため、統合ターミナルもLinuxで実行されます。

nvmは、Node.jsのセットアップ、更新、管理に関してかなりの数のオプションを提供します。興味があれば、公式のnvmドキュメントで詳細を確認できます。

Node.jsがインストールされたら、ターミナルでnodeコマンド（node --versionを実行してNode.jsのインストールを確認するのが良い方法です）を使用できます。また、Node.jsおよびJavaScript用の統合タスクランナーやデバッガーなど、VS Codeのすべての組み込み機能も利用できます。VS CodeでJavaScriptとNode.jsを使用する方法の詳細については、VS Codeドキュメントをご覧ください！

Pythonでコーディング

Pythonも人気のあるプログラミング言語であり、特に初心者には最適です。Pythonを使用すると、ウェブ、デスクトップ、コマンドライン用のアプリを構築できます。Pythonはデータサイエンスや人工知能（AI）の作業に最も適した言語の1つであり、IoTデバイス、マイクロコントローラーなどのプログラミングにも使用されます！

VS Codeは、Pythonのコーディングや言語の学習に優れたエディターです。VS CodeでPythonを使用して、あらゆる種類のアプリを構築したり、データサイエンティストが使用するようなノートブックを操作したりできます。

ヒント: Pythonを始めたいと考えている方にも、無料のビデオシリーズがあります: 視聴: Python入門ビデオシリーズ

Chrome OSにはPython 3インタープリターがプリインストールされていますが、最高のPythonコーディング体験を得るためには、さらにいくつかのパッケージをインストールする必要があります。これには、pip（Pythonの依存関係マネージャー）、venv（Python仮想環境の管理用）、およびネイティブパッケージを操作するためのいくつかのビルドツールが含まれます。ターミナルで実行してください

sudo apt-get install -y python3-pip python3-dev python3-venv build-essential libssl-dev libffi-dev

Installing Python dependencies

VS CodeでのPythonサポートは、Microsoft Python拡張機能を通じて提供されます。Python拡張機能をインストールするには、VS Code内から左のアクティビティバーを使用して拡張機能ビューを開き（⇧⌘X (Windows, Linux Ctrl+Shift+X)）、"python"を検索してMicrosoftが提供する拡張機能をインストールします

Installing the Python extension for VS Code

これで、VS CodeでPython開発を開始する準備ができました！コードの実行、統合デバッガーの使用、リンティングなど、VS CodeでPythonを使用する方法の詳細については、VS CodeでのPythonに関するドキュメントをご覧ください。

次回: リモート開発の利用

本日はここまで！この記事では、ChromebookにVS Codeをインストールする方法と、JavaScript/Node.jsおよびPythonでのコーディングを開始する方法について説明しました。

しかし、まだあります。Chromebookは、私がテストしているような低電力バージョンでもVS Codeを問題なく実行できますが、開発にはより高速なマシン、より多くのメモリ、またはより高速なCPUが必要になる場合があります。たとえば、ARM搭載のChromebookを使用しているが、Intel/AMDチップでコードを実行する必要がある場合。あるいは、人工知能を扱いたいが、強力なGPUを備えたマシンへのアクセスが必要な場合などです。

VS Codeとリモート開発拡張機能（SSHおよびコンテナ）、さらにGitHub Codespacesを使用すると、上記のすべての問題を解決できます。それだけではありません。

このチュートリアルの次のパートでは、VS Codeのリモート拡張機能とGitHub CodespacesがどのようにChromebookを開発の強力な拠点に変えることができるかについて学びます！

それでは、楽しいコーディングと学習を！

Alessandro Segala、VS Code プロダクトマネージャー @ItalyPaleAle