![見出し画像](https://assets.st-note.com/production/uploads/images/52240816/rectangle_large_type_2_6e415c8117012d1b2164141b06e2f839.jpg?width=800)
プロがお手伝いする プログラミング学習環境構築 〜Chocolatey, Homebrew, VSCode〜
プログラム自学案内の2回目です。前回はプログラミング学習の心構えを書きましたが、今回から実践をはじめます。まずは手始めに、「パッケージマネージャとIDEのインストール」という作業をします。
準備:ネットにつながったパソコンと管理者権限
以下の準備をしてください。この記事では以下パソコンをPCと略します。
(1)ネットにつながったPCを用意
PCからこの記事が読めれば、インターネットに接続されていると言えるでしょう。
(2)PCがWindowsかMacか確認
WindowsかMacかによって、この先の手順が変わってくるからです。
(3)管理者権限が有ることを確認
あなたにPCの「管理者権限」が与えられているかどうか確認してください。その方法は、 「Mac 管理者権限 確認」「Windows 管理者権限 確認」などの検索キーワードで調べてみてください。
あなたにPCの「管理者権限」が与えられていない場合、PCの管理者に頼んで、管理者権限をつけてもらいましょう。
パッケージマネージャのインストール
パッケージマネージャとは、ツールをインストールするためのツールです。WindowsとMacとでは、使うパッケージマネージャが違います。
・Windowsの場合 (Chocolatey)
Windows PC 用のパッケージマネージャは「Chocolatey」です。インストールしましょう。
(1) Windows PowerShellを管理者として起動します
この指示の意味が分からない場合、「Windows PowerShell 管理者として起動」などの言葉でgoogle検索してみてください。
![画像1](https://assets.st-note.com/production/uploads/images/52240929/picture_pc_611ce344ee6ab2d54f4fd3d32397ea2a.png?width=800)
起動するとこんな画面が現れるはずです。もし管理者権限がない場合、ここまでたどりつけないはずです。
(2) インストールコマンドを入力します
PowerShellの画面に、次のインストールコマンドをコピペします。(コマンドとは、コンピューターに与える指示文のことです)
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
するとこうなります。
![画像2](https://assets.st-note.com/production/uploads/images/52240982/picture_pc_0ddc4b513eadfa47d5a0e5706e090896.png?width=800)
(3) インストールコマンドを実行します
Enterキーを押してください。インストールコマンドが実行されます。
![画像3](https://assets.st-note.com/production/uploads/images/52241010/picture_pc_de84e35751f1339fe58cf0cf3e7edc05.png?width=800)
赤い←のところをみると、”Chocolatey (choco.exe) is now ready.” とありますね。インストールされたようです。 赤い←から下を翻訳してみるとこんな感じになります。
(4) インストールされたことを確認します
Powershellをいったん閉じて、開きなおしてからChocolateyのコマンドを入力します。
choco
上のコマンドを入力して実行します。
![画像4](https://assets.st-note.com/production/uploads/images/52241210/picture_pc_406d5ba1139e064efc7002b46d3fd223.png?width=800)
こんな感じで応答がChocolateyから返ってくれば、Chocolateyがインストールされていて、使える証拠です。
・Macの場合 (Homebrew)
Mac用のパッケージマネージャが「Homebrew」です。Macにインストールしましょう。
(1) ターミナルを起動します
この指示の意味が分からない場合、「Mac ターミナル起動」などの言葉でgoogle検索してみてください。
起動するとこんな画面が現れるはずです。
![画像5](https://assets.st-note.com/production/uploads/images/52241279/picture_pc_75d3a03e35d6328f0551d03f0394d460.png?width=800)
(2) インストールコマンドを入力します
出てきたターミナルの画面に、次のインストールコマンドをコピペします。(コマンドとは、コンピューターに与える指示文のことです)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
こうです。
![画像6](https://assets.st-note.com/production/uploads/images/52241335/picture_pc_1f2166c86414c64b1edff36fd03473f5.png?width=800)
(3) インストールコマンドを実行します
Returnキーを押してください。インストールコマンドが実行されます。ただし、ところどころで、処理が一時停止し、入力が求められることがあります。
![画像7](https://assets.st-note.com/production/uploads/images/52241426/picture_pc_954886fccd221b58d8ac736bdaa7af01.png?width=800)
上の画面では、赤い←のところで、あなたがMacにログインするときのパスワード入力が求められています。パスワードをタイプしてReturnキーを押しましょう。なお、もしあなたにPCの管理者権限がない場合、パスワードが正しくてもこれ以上先に進めないはずです。
![画像8](https://assets.st-note.com/production/uploads/images/52241439/picture_pc_3fee2f9e6163a8e13d9cfc9e7882d952.png?width=800)
上の画面では、赤い←のところで、進める場合にはReturnキーを押すよう促されています(そしてそれ以外のキーを押すと中断されることが示されています)。素直にReturnキーを押しましょう。
![画像9](https://assets.st-note.com/production/uploads/images/52241449/picture_pc_ea9a0c4fcdcb1b5ac2fa4d08c522a352.png?width=800)
上の画面までくれば、赤い←で、インストールが成功したことを示しています。インストールされたようです。
(4) インストールされたことを確認します
Homebrewのコマンドを実行します。コピペで次のコマンドを入力してReturnキーを押してください。
brew --version
![画像10](https://assets.st-note.com/production/uploads/images/52241703/picture_pc_01efc7495115ae4e746bb51cf0e60206.png?width=800)
この赤い←のような感じで応答がHomebrewから返ってくれば、Homebrewがインストールされていて、使える証拠です。
IDE (VSCode) のインストール
IDEとはプログラムを書いたり動かしたりするためのツールです。いま、チマタで一番人気のIDEは「VSCode」です。正式名称は Visual Studio Code。
さっそくインストールしましょう。
・Windowsの場合
Chocolateyでインストールします。
コマンドプロンプトを管理者として起動し、以下のChocolateyコマンドを実行します。
choco install -y vscode
下の画面のようにやります。
![画像11](https://assets.st-note.com/production/uploads/images/52241775/picture_pc_8ed7c08ebdccd2154a72548670623555.png?width=800)
ここでEnterを押すと、インストールが始まりいろいろ文字が出ますが、しばらくするとこうなります。
![画像12](https://assets.st-note.com/production/uploads/images/52241805/picture_pc_56da9332241b4cbc356e6b93d9c9a863.png?width=800)
赤い←のところでインストール成功がわかります。
・Macの場合
Homebrewでインストールします。
ターミナルに以下のHomebrewコマンドをコピペして実行します。
brew install visual-studio-code --cask
![画像13](https://assets.st-note.com/production/uploads/images/52241897/picture_pc_d618caca3aaaa527c9f2ec6a6cc1cf32.png?width=800)
赤い←のメッセージが出ればインストール成功がわかります。
VSCodeを起動してみる
VSCodeがインストールされたら、早速起動してみましょう。 アイコンはこんな感じです。
![画像14](https://assets.st-note.com/production/uploads/images/52242171/picture_pc_6d4afcac58904424fe212fc5f9b3f50c.png)
起動すると、VSCodeの画面が表示されます。いろいろできそうで、わくわくしますね。
![画像15](https://assets.st-note.com/production/uploads/images/52242201/picture_pc_831ce71891f8a31ce222376a714c09ee.png?width=800)
ここまで自分で出来たら、大したものです。自分で自分をほめてください。お疲れ様でした。
VSCode の Command Palleteを開いてみる
Windowsの場合は Ctrl + Shift + P , Macの場合は Shift + Command + P で Command Palleteというものが開きます。VSCodeの操作は全部ここからできるという優れものです。 適当にアルファベットを打ってみて、VSCodeが操作の候補を提案することを確認してください。
英語との付き合いについて
ところで、今回の手順をすすめるうちに、気づいたことがあると思います。画面に表示される、英語の嵐。 うんざりですね。とはいえ、フランス語や中国語の嵐にさらされないだけ、だいぶマシだと私は思っています。
日本語恋しさに、うっかり「VSCode 日本語化」とかを調べて、VSCodeの日本語化をしまった方もいるかと思います。しかし、これは私はあまりお勧めしません。
なぜなら、英語のメッセージを避けるクセがついてしまうと、手詰まりやつまづきが起きたときに、自力での解決が難しくなるからです。 問題解決のカギになるエラーメッセージや、Web上にある有益な情報は、多くの場合、英語で書かれているものです。これらを無視して事態を把握しようとするのは、自ら目隠しをしてから進むような、無謀なやり方なのです。
英語は不得意のままでも、英語を避けたり、無視したりさえしなければよいのです。 私も英語が不得意です。できるに越したことはないですが、できないならできないで、機械翻訳をかければいいではないですか。
あるいは考え方を変えて、プログラミング学習で多くの英語に接することを、英語学習の機会としてとらえてもいいのではないでしょうか。世界全体で日本語話者の割合が減っていくのが明らかなご時世、日本人はそろそろ、英語から逃げられなくなってきている、そう私は思います。
プログラム自学のための超厳選リンク集
というわけで、次の2つのサイトを、ブラウザのブックマークに入れておきましょう。
DeepL翻訳
https://www.deepl.com/ja/translator
Google検索 英語版
https://www.google.com/?gl=us&hl=en
まとめと次回予告
長い記事になりましたが、今回はパッケージマネージャとIDEをインストールして、英語しかない画面に慣れました。
今回インストールしたChocolatey, Homebrew, VSCodeの使い方が気になる方は、使いかたをググって、何ができるか試してみてください。これ1つ1つのツールが、それぞれ奥の深いテーマなのです。使いこなせれば、もう半分ITエンジニアかも。
今回を乗り越えれば、ツマラナイ作業は終わり(のはず)です。次回からいよいよプログラミングの実践。まずは、HTMLの学び方を紹介します。
この記事が気に入ったらサポートをしてみませんか?