Zenn
🚀

Chromebookで情報オリンピックに挑戦する環境を作る

2025/03/30に公開
2
C++
VS Code
競技プログラミング
Chromebook
joi
tech

Chromebook[1]に、日本情報オリンピック（JOI）に挑戦するための環境を作る方法を紹介します。

本記事では次の環境を作ります。

  • Visual Studio Code[2]
  • C++[3] (GNU コンパイラーコレクションより)

環境を用意せずに気軽に挑戦したい人には、プログラミング言語PythonとPyTryをおすすめします。（ただし、情報オリンピックでPythonをつかって満点が取れることは保証されていません。）

Linux環境のインストール

  1. 左下の◯をクリックしてメニューを開き、検索欄に"terminal"（カタカナでターミナルでも良い）と入力して、ターミナルをクリックします。
  2. つぎのようなウィンドウが開くので、Linuxの”設定”をクリックします。
  3. Linux開発環境の”設定”をクリックします。
  4. ”次へ”をクリックします。
  5. ユーザー名を入力します。ユーザー名は半角英数字にしましょう。（_は使えます）
  6. インストールが終わると次のようなウィンドウが開きます。このようなウィンドウはターミナル（または、端末）と呼ばれ、コンピューターに文字で指示を与えるコマンドを実行するのに使います。
  7. ターミナルに次のコマンドを入力（コピー＆ペースト）して実行します。ターミナルでの貼り付けは右クリック（指2本でクリック）でできます。
    sudo apt update
  8. 無事に終わったら、次のコマンドを実行し、必要なソフトウェア（C++コンパイラなど）をインストールします。コンパイラは人が読めるソースプログラムを、コンピューターが実行できるファイルに変換するプログラムです。
    sudo apt-get install build-essential gdb python-is-python3
  9. インストールするのに同意を求められるので、”Y"（Yes）を入力してEnterキーを押します。

AtCoderライブラリーのダウンロード

AtCoderライブラリーは、AtCoderで使える便利なプログラム集です。後で使いたくなるかもしれないので、事前にインストールしておきましょう。

  1. 次のコマンドを実行して、AtCoderライブラリーを保存するディレクトリ（Linuxでのフォルダーの呼び名）を作ります。
    mkdir ~/cpp && cd ~/cpp
  2. 次のコマンドを実行して、AtCoderライブラリーをダウンロードします。
    git clone https://github.com/atcoder/ac-library.git

Visual Studio Code（VS Code)のインストール

Visual Studio Codeはプログラムを書くために使うエディタと呼ばれるソフトウェアです。

  1. ターミナルで次のコマンドを実行します。実行した後で何が表示されたかは覚えておいてください。これは計算を行うCPUの種類（アーキテクチャー）を表します。
    dpkg --print-architecture
  2. Visual Studio Codeのダウンロードページを開きます。
  3. 中央のペンギンのイラストがある列の、".deb"の右側にあるもののうち、手順１で表示されたものをクリックします。（amd64と表示された場合は"x64"をクリックします）
  4. ダウンロードしたファイルをダブルクリックで開きます。
  5. インストールをクリックします。
  6. インストールが終わるまで待ちます。
  7. インストールが終わるとこのような通知が出ます。
  8. 左下の◯をクリックしてメニューを開き、Visual Studio Codeを検索、実行します。
  9. VS Codeが起動したら、田のような形のアイコンをクリックして、表示された検索欄に”Japanese"と入力します。検索結果にある”Japanese Language Pack for Visual Studio"を探し、"Install"をクリックします。
  10. 右下に「再起動しますか？」というメッセージが出るので、”Change language and Restart"をクリックします。
  11. ”ファイル”→”フォルダーを開く”をクリックします。
  12. 右上の”新しくフォルダーを作る”アイコンをクリックして、フォルダー名を入れ、Createをクリックします。ここではtestとします。フォルダー名は英数字であれば割となんでもいいです。
  13. 右下の”Open"をクリックします。
  14. 自分で作ったフォルダーなので、”はい、作成者を信頼します”をクリックします。
  15. "表示”→”ターミナル”をクリックします。VS Codeの下側にターミナルが開きます。
  16. ターミナルで次のコマンドを実行します。
    code ~/.bashrc
  17. ”開く”をクリックします。
  18. 開かれたファイルの最後に、次を追加して保存（CtrlキーとSを同時押し)します。（スクリーンショットは操作を間違えています。初めに書いてあったものは消さないでください。）
    export CPLUS_INCLUDE_PATH="$CPLUS_INCLUDE_PATH:/home/$USER/cpp/ac-library"
ulimit -s unlimited
  19. .bashrcの設定を反映させるため、VS Codeを一度終了し、もう一度起動させます。
  20. 新しいファイルを作るアイコンをクリックします。
  21. ファイル名の入力を求められるので、"main.cpp"と入力し、Enterキーを押します。
  22. C++のプラグインをインストールするか聞かれるので、インストールします。
  23. AtCoderのページから、プログラムをコピーして貼り付けます。
  24. ”実行”→”デバッグの開始”をクリックします。
  25. コンパイラーの指定を求められるので、"g++"（何もついていないやつ）を選択します。
  26. 次のような画面になり、しばらくするとプログラムが実行されます。画面の下側が”ターミナル”になっていない場合は、”ターミナル”をクリックしてターミナルを表示してください。
  27. AtCoderの問題ページを開いて、入力例１をコピーします。
  28. ターミナルの右クリックメニューを開いて、貼り付けをします。確認を取られるので、”貼り付け”をクリックします。
  29. つぎのような出力が得られたら成功です。お疲れ様でした。

参考にした記事・動画

脚注

  1. GIGAスクール構想で採用された端末の一つである ↩︎

  2. 高度な機能を備えおり、比較的動作が早いことから採用した ↩︎

  3. JOIで満点が取れることが保証されており、競技プログラミングでもっともよく使われているため採用した ↩︎

2

Discussion

ログインするとコメントできます