初心者向け学習方法一覧はこちら
Visual Studio Code (以下VS Code)
実際にソースコードを書くためのツールです。
エディタの流行り廃りはありますが、最近だとVS Codeがおすすめです。動作が軽量で拡張機能も豊富であることから、初心者にもおすすめのテキストエディタです。今後、開発に慣れ親しむ過程で、好みやトレンド、開発言語にあわせたテキストエディタ、またはIDEを選び直せばいいので、何から始めていいかわからなければ、VS Codeを選びましょう。
VS Codeをインストールすればそのまま、プログラミングを書くこともできますが、日本語化したい人や色々カスタマイズしたい方もいると思います。
色々種類があるので、「VS Code 日本語」「VS Code 拡張機能」「VS Code 初期設定」というキーワードで検索してみてください。ただし、あまりわからないまま適当に進めると、バージョン管理やエラーなどで後々苦労することもあるので、初心者におすすめする最低限の設定をご紹介します。
日本語化
- 画面左の拡張機能アイコン(ブロック)をクリック
- 開いたタブにて、「Japanese」と検索
- Japanese Language Pack for Visual Studio Codeをインストール
- インストール後、左下のポップアップから、Restartを押して再起動
再起動後、日本語が表示されていれば完了です。
設定
- 画面左下の管理アイコン(歯車)から設定をクリック
- 下記設定をカスタマイズする
- 検索ボックスで「Ambiguous Characters」と検索
- Editor > Unicode Highlight: Ambiguous Characters
- 検索ボックスで「Rulers」と検索
- 「setting.jsonで編集」を押す
- {}内に
"editor.renderIndentGuides": trueと入力して保存
全角スペースの可視化
Onにする(チェックがついていればそのままで大丈夫です)
インデントに線を入れる
※ここでは追加しませんが、jsonで二行目以降を追加するときは、行の終わりに「,」を忘れないようにしてください。
拡張機能
手順は、日本語化設定時と同様です。
- Ruby：Rubyのシンタックスハイライトや入力補完ができる
特に、初心者の時に陥りやすいのが、スペルミスやインデントがずれることによる、意図しないエラーの発生で詰まることです。紹介した以外にも、HTMLタグや各言語に合わせた自動補完機能など便利な拡張機能があるので、自分に合った設定をしてみましょう。Web上には随時おすすめの拡張機能を共有してくれる諸先輩方がたくさんいます。
プログラミングスクールの選び方
転職を検討中の方向け
フリーランス・副業で活躍したい方向け
教養・キャリアアップしたい方向け
給付金について詳しく知りたい方向け
