悩む人プログラミングを始めるのに「テキストエディタ」が必要みたいだけど、何を使っていいかわからない。おすすめのエディタがあれば知りたいな。ついでに、しておいた方がいい設定があれば知りたい。このような質問に答えたいと思います。Code」(以下、VSCode)がおすすめです。理由としては下記の理由があります。下記のように使いやすいエディタを求めて色々使ってきた結果、VSCodeにたどり着きました。AtomSublimeTextBracketDreamWeaver今回は、VSCodeをおすすめする理由と、おすすめの拡張機能についてもさらっと紹介していきますね。エディタはとりあえず使ってみるVSCodeをおすすめする理由3つまずVSCodeはMicrosoftが開発した無料配布されているテキストエディタです。こちらの公式サイトからダウンロードしてすぐに使えるので、まずはダウンロードしてみてください。主要なプログラミング言語にほぼ対応できているので、コレ一つあれば十分対応が可能だと思っています。Code公式サイトもちろん、人によって使いやすいエディタは異なると思いますので、好きな物を使えばオッケーだと思います。僕がたくさんのエディタを使ってきた中で、最も早く、操作性がよかったのがVSCodeでした。おすすめする主な理由としては、下記の3点。深掘りしつつ解説していきます。カスタマイズなしでも十分使えるカスタマイズなしでも、すぐに使えます。プログラミング初心者でもサクッと使えるので、エディタの設定に時間を取られることなく、その分学習時間に当てることができますね。VSCodeの基本機能として、Emmetの機能が標準搭載されており、優秀です。Emmetで爆速コーディングEmmetは、効率よくコーディングするための記法です。下記の動画をみてみてください。https://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-01-23.07.09.mp4https://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-01-23.09.15.mp4全てをきっちりタイピングしていると、時間がかかります。ショートカットのような形で入力することで、単純にタイピング量を減らすことができますね。href=""></a></li></ul>このように出力されます。拡張機能が豊富なので、VSCode一つあれば、ほとんどのことができてしまいます。VSCodeでGitを使ったりローカルサーバーを立ち上げたり、FTPで本番環境にアップしたりこんなことがVSCode一つで実現することができます。あれこれアプリを立ち上げるより、一つで完結する方が何かとわかりやすいので、とっても助かりますね。おすすめの拡張機能については、あとでまとめてご紹介します。僕が一番お勧めする理由が、マルチカーソルです。マルチカーソルを使いこなさないVSCodeはVSCodeではないと言っても過言ではないくらい、マルチカーソルは好きですw基本的なマルチカーソルの説明はこの記事で解説してますので、興味のある方はご覧ください。【プログラミング】VSCodeの便利なショートハンド【効率化】プログラミングに必要不可欠なのがテキストエディタ。僕がおすすめしているのが、VisualStudioCodeと言う無料の...VSCodeおすすめの拡張機能おすすめと言うか、僕が実際に使用している拡張機能です。Pro(テーマ)結構入ってるように思えますが、かなり厳選してる方だと思います。一つずつ丁寧に解説していると、朝になりそうなので(今夜中です)要点だけ抑えて解説していきますね。拡張機能を入れる方法についてVSCodeのサイドメニュー、一番下の四角いアイコンをクリックすると、検索バーが出てくるので、そこに拡張機能の名前を入れて検索します。あとは、出てきた拡張機能をインストールするだけでOKです。Codeまずは日本語化するために必要な拡張機能です。英語ができる人は不要。Colorizer開始タグと閉じタグのペアをカラーリングしてくれるプラグインコード量が多くなってくると、色分けがすごく助かります。Peek「HTML要素にどんなスタイルがあたっているか」がすぐに確認できるプラグイン意外と便利です。GitLensGitを使うなら入れておきたい。Taghttps://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-02-0.07.13.mp4HTML要素のタグをハイライト表示してくれる。閉じタグ忘れを防げるので便利。indent-rainbowインデント部分がレインボーになる。インデントを揃えるのにみやすいし、単純にかっこいい。Serverhttps://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-02-0.15.40.mp4ローカルサーバーを簡単に立ち上げてくれます。VSCodeで保存をすると、ブラウザも自動更新されるのでわざわざ更新する必要がないのが助かります。Autocompletehttps://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-02-0.24.01.mp4画像などのパスを自動補完してくれます。パス記述がかなり楽になるので必須の拡張機能です。Formatterhttps://keibloglife.com/wp-content/uploads/2020/02/画面収録-2020-02-02-0.26.30.mp4Sassを書くならフォーマッターを入れておけば、綺麗に整形してくれるのでみやすくなります。自分でインデント整えたりするのもいいですが、拡張機能で整形した方がミスもないし、毎回統一できるので便利です。Spaces変な場所に入ってるスペースをチェックして、赤くハイライトしてくれます。Pro(テーマ)これは番外編で、僕が使ってるテーマす。完全に気分の問題ですが、僕が好きな色なので使ってます。エディタはとりあえず使ってみるこんなこと言っちゃあおしまいですが、結局は人それぞれです。僕が使いやすいからと言って、万人が同意するわけではありません。参考程度に思っていただければと思います。いえ、初心者のうちはどのエディタを使ったとしても旨味は変わらないと思っているので、「見た目のかっこよさ」や「起動の速さ」など、実感しやすいポイントで選んでもいいかと思います。BlogスポンサーリンクスポンサーリンクSearchWebコーダーKohei8年勤めた職場を退職し、完全未経験からWebコーダーに転職しました。