More than 1 year has passed since last update.

【超初心者向け】プログラミングの勉強をはじめる際のフォルダ周りとVSCodeのおすすめ設定 for Mac

Last updated at 2022-03-30Posted at 2022-03-24

はじめに

プログラミングをはじめたばかりの人を対象に、やっておくと便利な設定を紹介する記事です

プログラミングを書くエディターはVSCodeがおすすめです
VSCodeダウンロードページ

詳細な使い方はこの記事など参考にしてみてください

うっかり入れてしまった全角スペースをみつけやすくする
=> EvilInspector

以上、最低限これだけはやっておいたほうが良いと思う拡張機能(設定)でした

どこでもよいので「プログラムを勉強する用のフォルダ」を準備しましょう

フォルダには日本語を使わず、半角英数字のみで設定するようにしましょう。
のちのち苦労しなくて済みます。

プログラミングで環境周りの設定を行う際に、「隠しファイル」と呼ばれる「.（ドット）」からはじまるファイルを編集することがよくありますが、Finderの初期設定では非表示になっています。
ショートカットキーで簡単に切り替えられるのでやっておきましょう

Finderを開いて、command + shift + .（コマンド + シフト ＋ ピリオド）

プログラミングをやるときにファイルのパス（URLみたいなもの）が必要になることがよくあります。

Finderを開いて、option (または alt) ⌥ + command + P（オプション(またはアルト) + コマンド ＋ P）

するとFinderの以下の部分にパスが表示されるようになります

右クリックでパスをコピーすることも簡単にできます

プログラミングをやる際に、ターミナルと呼ばれる画面から操作する必要があります
VSCodeだと以下の部分です

なれないうちはターミナルで現在のディレクトリを移動するということが難しいと思います（cdというコマンドを利用します）
そこで、3. プログラミングを勉強する用のフォルダを作るで作ったフォルダに一発で移動できるようにおまじないを設定します

Finderを開き、隠しファイルを見えるようにしておいて]　、「HOME の .zrsh」というファイルを開きます

このファイルを編集すると自分用にカスタマイズされたコマンドを作ることができます

alias 自作コマンド='やりたいこと'

既存のコマンドを上書きするのは絶対に避けた方がよいです
aliasを設定する前にターミナルで作りたいコマンドが利用されていない(command not foundになる)ことを確認してください

プログラミングの勉強用に作成したフォルダのパスをコピーして、「移動したいフォルダのパス」と置き換えて保存してください（.zshrc にすでに何か記述がある場合は消さないでください）

alias cdhome='cd 移動したいフォルダのパス'

ターミナルから設定ファイルの再読み込みを行います

source ~/.zshrc

さきほど追加したcdhomeというコマンドが有効になり、どこにいても一発でプログラミング学習用のフォルダが開けます
(pwdは現在のフォルダ階層を表示するコマンドです)

VSCodeでプログラミング学習用のフォルダを開いて、「ファイル > Save Workspace As ...」を選択し、現在のフォルダをすぐVSCodeで開けるショートカットを作っておきましょう

TSKR=「たすかる」

Clipy
プログラミングをする際に、コピーアンドペーストはよくすることになると思いますが、30件まで履歴が取れてものすごく効率があがります
使い方などはこちらを参考にしてみてください

以上、思いつく限りですが、プログラミング初心者の方でMacの扱いに慣れていない人が最初にやっておいた方が良さそうな設定でした。