Chromebookの開発者用セットアップ【2024年版】

最近あたらしいChromebookの開発環境をセットアップしたので、その内容を記します。

環境

• ASUS ExpertBook CX54 Chromebook Plus(CX5403)
  • Intel Core Ultra 5 115U
  • 16GB RAM
  • 128GB SSD
  • 本稿執筆時のOSバージョン: 129.0.6668.99

初回起動時の操作

Chromebookの電源をつけると最初にOSのバージョンアップが実行され、しばらくするとセットアップできます。Androidスマートフォンがあると、同じGoogleアカウントで設定できるので少し楽です。
Googleアカウントで設定を同期すると、以前使っていたChromebookと同じアプリなどが自動的にインストールされます。

たとえば、私はctrlキーとランチャーキーを入れ替えているんですが、そういうのも同期してくれるようです。
変更する場合は「設定」→「デバイス」→「キーボードと入力」→「キーボードのキーをカスタマイズ」から。

特典

Chromebookは、初めて買うとYouTube PremiumとかGoogle Oneとかの特典が付いてくることが多いです。「使い方・ヒント」アプリから。貰えるものはもらっておきましょう。

なお多くのものは「新規ユーザー限定」になっているので、Chromebookをたくさん買っていたりGoogleサービスをよく使っている人はあまり何も貰えないと思います。

Chromebookの基本的な操作方法

Chromebookの操作ですが、Windows PCでChromeブラウザを使っている人ならだいたい違和感無く使えると思います。基本的な操作方法などは公式の使い方ページを参考に。

Chromebook特有の操作はいくつかありますが、おすすめはトラックパッドの3本指操作です。3本指で左右にスワイプすると、Chromeブラウザ¹のタブを切り替えられます。メモリを豊富に持っていてタブをたくさん開いて使うChromebook Plusと相性が良い機能です。

Chromebookが起動してChromeブラウザが使えるようになったら、開発環境のセットアップに進みます。

Linux開発環境のセットアップ

開発者にとってのChromebookの目玉である「Linux開発環境」のセットアップを進めます。もともと「crostini」と言われていたものです。古いChromebookだと利用できる端末に制限があったり、ChromeOS Flexだと対応していないことがあるようですが、2024年現在市場で一般販売されているChromebookであれば、Linux開発環境はすべて使えると思います。

使い方は簡単で、Chromebook で Linux をセットアップする - Chromebook ヘルプを参考に有効化します。
Linux開発環境は、ChromeOSのホスト側とストレージの容量を分け合います。デフォルトの10GBは苦しいので、適当に増やしましょう。本稿で取り扱っているASUS CX54は全体で128GBしかストレージが無いですが、適切に設定してください。

Linux開発環境のセットアップには何十分も時間が掛かる時もありますが、今回は1分程度で完了しました。

GitHubのSSHキーを設定して自分用のドットファイルを設定したりします。

日本語設定

ChromeOSのLinux開発環境は現在デフォルトで日本語の入力ができるため、基本的に特別な設定は必要ありません。

localectlでシステムロケールを日本に設定しましょう。

$ localectl list-locales
C.UTF-8
en_US.UTF-8
ja_JP.UTF-8

$ sudo localectl set-locale LANG=ja_JP.UTF-8

必要であれば、日本語フォントをダウンロードして利用できます。
IPAexフォントなどはaptで手に入ります。

$ sudo apt install fonts-ipaexfont

Myricaなどは、~/.fontsに配置することで使えるようになります。

$ mkdir ~/.fonts/
$ mv ./Myrica.TTC ~/.fonts/
$ fc-cache --force --verbose

Fontconfigの設定をすると、ホストのChromeOSと同じNotoシリーズの日本語フォントをLinux側のアプリケーションでも表示できます。
~/.config/fontconfig/fonts.conf に下記を作成します。Notoシリーズではないフォントを用いる場合は適宜変更して下さい。

~/.config/fontconfig/fonts.conf

<?xml version='1.0'?>
<!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>
<fontconfig>
 <match target="pattern">
   <test qual="any" name="family"><string>serif</string></test>
   <edit name="family" mode="prepend" binding="same"><string>Noto Serif CJK JP</string> </edit>
 </match>
 <match target="pattern">
   <test qual="any" name="family"><string>sans-serif</string></test>
   <edit name="family" mode="prepend" binding="same"><string>Noto Sans CJK JP</string> </edit>
 </match>
 <match target="pattern">
   <test qual="any" name="family"><string>monospace</string></test>
   <edit name="family" mode="prepend" binding="same"><string>Noto Sans Mono CJK JP</string> </edit>
 </match>
</fontconfig>

VS Code

Linux開発環境でVS Codeをインストールする方法は複数ありますが、今は公式サイトから.debをダウンロードするのが最も簡単だと思います。ChromeOS上で、ダウンロードした.deb拡張子のファイルを開くとLinux側へインストールされます。良い時代になりました。

他のインストール方法は公式ドキュメントのRunning Visual Studio Code on Linuxを参照してください。

Docker

通常のLinux用のDocker EngineをインストールすればDockerを利用できます。

• Debian | Docker Docs
• Rootless mode | Docker Docs

参考

• この記事は数年前に書いた ChromebookのLinux開発環境構築 のリメイクです
• Windowsの場合は Windows11の開発用セットアップ手順 です

1. 厳密には、ChromeOSのネイティブで動作するアプリが3本指のスワイプによるタブ切り替えに対応していると思われる。具体的に言うとChromeブラウザの他にLinux開発環境の「ターミナル」アプリが該当する。 ↩