副業

【プログラミング学習】初心者でも使えたオススメのエディタ

Pocket

 

 

Nana
Nana
こんにちは!ななです!

 

 

今日は

【プログラミング学習】

初心者でも使えたオススメのエディタ

(無料)

 

を紹介していきたいと思います!

 

私も現在取り組んでいるLP作成でも

毎日のように使っているエディタです!

 

 

まず最初に

 

私もエディタ選び結構悩みました・・・。

 

でも、調べてみると、結局初心者は、

エディタは何でも良い、という記事が多かったです。

私もそう思います。

人それぞれ、そのエディタが合う・合わないがあります

 

それでも、今回の記事は、

  1. 無料
  2. 標準機能で便利に使える
  3. 初心者の私も使いやすい

ということで、

こんなエディタもあるんだなぁと、

思っていただけたら幸いです。

 

プログラミング初心者にオススメのエディタ

 

まず最初に、そのエディタを紹介したいと思います!

こちらです!! ↓↓

Visual Studio Code
(ヴィジュアルスタジオコーデ)

です!

 

※VSCとかで略されることもあります!

 

私はこのエディタを使っています!

結構色々なところで、オススメされているエディタですが、

これは初心者の私でも本当に使いやすく、

本当オススメのエディタです!!

 

Visual Studio Code

 

 

そもそもエディタとは?

Visual Studio Codeがいいのはわかったけど、

そもそもエディタって何????

 

 

これは私がプログラミング学習を

始めた時本当に疑問に思ったことです笑

 

Nana
Nana
エディタって何ですかぁああ

 

 

そんな言葉に触れずとして生きてきた初心者にとっては、

知らない言葉=むずかしそう・・・

ってなってしまっていました。

 

でも大丈夫です!簡単に考えていきましょう!!

 

てことで、初心者の私が、

今からプログラミング学習を始めようと

思ったあなたに対して言える説明文としては、

 

コードを書くノート みたいな感じです!

 

ここのノートにコードを書くことによって、

ブラウザで開いたときに、そのコードが

反応してくれます!

 

 

なのでこのノート(エディタ)は

プログラミング学習をする際には必ず必要に

なるものです!

 

以前プログラミング学習を始める際に

【初心者がまず覚えとくべき単語】

という記事でも紹介しています。

よかったらのぞいてみてください!

https://nana-days365.com/it-word/

 

progateでのエディタ

 

ちなみにProgateでは、このノート(エディタ)を

最初から用意してくれています!

 

 

こちらの画像の、真ん中の黒い部分です!

こちらがProgateが最初から用意してくれている

エディタです!

 

なので、Progate以外で

※例えばドットインストールなど

「コードを打っていきたい!」となると

どうしてもこのノート(エディタ)が必要に

なります!

 

 

 

 

実際に私が使った他のエディタ atom

 

実は私、VisualStudioCodeでエディタを

ダウンロードする前に、

atomというエディタを使っていました。

 

なぜまず最初に、このエディタにしたかと言いますと、

Progate でも ドットインストール でも

atomエディタを推奨していたからです!

 

しかし、なんだか私には合いませんでした・・・。

 

 

何だかうまく日本語に変えれなくて意味わからないし、

英語のゆえに、ファイルさえ開くのに一苦労。。。

っという感じでした。

 

 

Nana
Nana
意味がわからなあああああい

 

ただの私の知識不足なんですが、笑

 

 

初心者の私が言えることではないかもですが、

エディタにも人それぞれ、

「合う・合わない」

があると思います!

 

その中でも一つ、

この

VisualStudioCode

を試すのは私なりにはオススメです!

 

 

VisualStudioCode のここが便利

 

 

まだまだ専門的な知識がない初心者が思う、

VisualStudioCodeのここが便利!と思う点としては、

 

めちゃめちゃコードを打つのを楽にしてくれる

Emmetという機能が標準機能としてついているからです!

 

 

Progateのコードを打つとき、一文字一文字間違えないように、

気をつけてコードを打つんですが、

このEmmetという機能が付いてれば、

ものすごく簡単にコードを作ってくれます!

 

コードを全て打つということを

省略してくれます!

 

ほんと初心者にはありがたすぎる機能です。

一文字違うだけで、うまく反応してくれませんからね、、泣

 

 

 

語彙力なくてスイマセン・・・。

 

こちらのEmmetについては、

この記事がとても参考になります

https://haniwaman.com/emmet/

 

この記事に私が言いたいことは全て詰まっています!笑

 

そしてVisualStudioCodeは、

30DAYSトライアル という、

初心者にはありがたすぎる、サイトでも

紹介されています!!!

 

 

もっとVisualStudioCode知りたい!

早速ダウンロードしたい!

 

という方はこちらのサイトが超参考になります!!

 

30DAYSトライアル

 

 

まとめ:プログラミング初心者にはVisual Studio Codeがオススメ!

 

【プログラミング学習】

初心者でも使えたオススメのエディタ

(無料)

の紹介をさせていただきました!

 

 

本当、人それぞれ合う・合わないがあると思うので、

その中でも少しでも参考になりましたら幸いです。

 

こんな感じで、

HTMLとCSSの画面を一緒に見れたりもできます!

何だかカッコイイですよね!笑

 

 

 

Nana
Nana
少しでも参考になれば幸いです!

 

ではまた次回の記事で会いましょう〜!