カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

0-2

開発環境

本教材における開発環境について

コマンドバトルを開発するためには、エディタとブラウザが必要です。
エディタはVisual Studio Codeを推奨します(他のエディタでも問題ありません)。
ブラウザはChrome、Safari、Firefoxを推奨します。

Visual Studio Code(MacOS版)のインストール方法

Visual Studio Code(MacOS版)のインストール方法を掲載します。まず、以下のリンクからVisual Studio Codeをダウンロードしてください。

Visual Studio Codeのダウンロードページ

image

ダウンロードが完了したら、ダウンロードしたファイルを展開してください。その後、展開したファイルをアプリケーションフォルダに移動してください。移動の方法は、以下の動画を参考にしてください。Finderを2つ開き、ドラック&ドロップで移動します。新しいFinderは、command + Nを押すと現れます。

image

アプリケーションフォルダに移動できたら、Visual Studio Codeを起動してください。
下記のような画面が表示されれば、Visual Studio Codeのインストールと起動は成功です。

image

拡張機能の追加

Visual Studio Codeには、様々な拡張機能が用意されています。ここでは、Visual Studio Codeを日本語化する、以下の拡張機能を導入します。

  • Japanese Language Pack for Visual Studio Code

下記の画像に示す左側にあるアイコンをクリックしてください。

image

色々な拡張機能が表示されます。
検索バーに、 Japanese Language Pack for Visual Studio Code と入力しましょう。
(入力中に、Japanese Language Pack for Visual Studio Codeが、拡張機能一覧の一番上に現れれば、それ以上入力する必要はありません)

image

Japanese Language Pack for Visual Studio Code の側にある「Install」ボタンをクリックすれば、インストールがはじまります。

image

その後、Visual Studio Codeを再起動してください。
再起動後、メニューなどが日本語に切り替わります。

ターミナル

ターミナルとは、コマンドと呼ばれる命令文を入力することでMacの操作や設定を行うためのツールです。Macにはデフォルトで用意されているので、インストールする必要はありません。
ターミナルはVisual Studio Codeにも付属しています。下記のようにVisual Studio Codeの下部をクリックするとターミナルを表示できます。

image

開発環境についての説明は以上です。