プログラミング学習をスタートする際には、
【ブラウザ】と【エディタ】を最初に準備します。
【ブラウザ】に関しては、「Google Chrome」で問題ないです。

ただし、【エディタ】は聞いたことないし、
いろいろあってどれにすればよいのかがわかない。

無料で使えるものだけですので、もし同じ悩みを持った方がいましたら、
参考程度にご覧ください。

メモ帳

以前「勉強日記３」で紹介した本で、
「文系でもプログラミング副業で月10万円稼ぐ! / 日比野新」で
プログラミング学習する際に使用しました。

本の中で紹介されていたのですが、
「メモ帳」でもできるのだと少し衝撃を受けたのを覚えています。

本当にできるのかという疑いの部分を持ちつつ、試しに使ってみました。
感想としては、とてもシンプルです。

Atom

こちらも「勉強日記３」で紹介した本で、
「1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]」の中で
使われていた【エディタ】でした。

「メモ帳」との大きな違いで補完機能が備わっていて便利。
パッケージと呼ばれる拡張機能もあります。

コードに色がついてわかりやすく、間違い防止にもなります。
「Atom」はシンプルで使いやすい印象です。

Visual Studio Code

こちらは、Microsoft製のようで、MACユーザーではないぼくは、
ちょっとした対抗心から使ってみました。

「Atom」と同じくコードに色がついており、感覚的には「Atom」より
画面はハッキリと色の違いがわかり、視覚的にも使いやすいと感じました。

豊富な拡張機能があるようで、
自分が使いやすいようにカスタマイズしていくのが良いでしょう。

Sublime Text

画面の印象ですが、コードに色や字体が優しい感じです。
動きも素早く、こちらもカスタマイズできて便利！

使っている人が多いため、拡張機能が豊富で、
ネットにも使っている人の情報が多いので安心。

YouTubeでマナブさんがオススメと言っていました。

Brackets

こちらに関しては、印象に残っていません。
これは先ほどの紹介した本
「1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]」の中に
記載があったのですが、
記述や編集した内容が即座にライブプレビューできるのが特徴です。

まとめ

と、ここまで読んだでいただいた方は、お気づきだと思います。
初心者なので正直なところハッキリとした違いわからないです。

ぼくはどれを使ったら良いかもわからなかったので、
本やインターネットで勉強する際に、
そこで使用しているものをとりあえず使ってみることにしました。

いろいろと使ってみて、比べることがおすすめです。

初心者の私にはそれほど違いはわからないですが、
そんな中でも私が一つだけ言えることは、
最初のうちは
「Atom」、「Visual Studio Code」、「Sublime Text」
このどれかを使うのがおすすめです。

初心者なりに感じる意見なので、間違いないです！！

カスタマイズできますので、ググってみてください。
プログラミング学習を進めていく中で、
自分の好みの【エディタ】に出会いますので、頑張りましょう！！

「Progateとドットインストールどっちがいい？」
「使ってみた感想は？」
「おすすめの使い方は？」

これからプログラミング学習を始める方が思う疑問に、
初心者目線から紹介したいと思います。
私自身もプログラミング学習を始める際に、
疑問に思ったことですので、参考になれば幸いです。

Progateとドットインストールどっちがいい？

二つのプログラミング学習サイトを使って「HTML」、「CSS」を勉強しました。
また、現在は「JavaScript」を勉強中です。
比較してみて、どっちが良いかと聞かれれば、正直どちらもおすすめですが、
プログラミングに関する本も読んだことなく、用語もまったくわからない
完全初心者の方には「Progate（プロゲート）」をおすすめします。

Progateを使ってみた感想は？

今までプログラミングのプの字も知らないという方も含めて、
初心者にはおすすめのプログラミング学習サイトです。

特徴は、わかりやすいスライドでの学習で、教科書をシンプルにしてコードなど
イラストなど交えて教えてくれているようなイメージです。
視覚的に捉えやすく、自分のペースで学習を進められます。

また、ブラウザ上ですぐにできる学習テーマ毎に実践練習もあり、
勉強したこと（インプット）をすぐに実践（アウトプット）
して学びの定着を促しています。
特段準備するものもないので始めやすいのも特徴の一つです。
1回ごとのテーマも長くなく、こまめにプログラミング学習を進められます。
なので、現時点では初心者一番おすすめのプログラミング学習サイトです。

ドットインストールを使ってみた感想は？

では、ドットインストールがおすすめではないかと言われれば、
そうではありません。
おすすめです。

ほとんどが約3分の短めの動画での学習方法です。
動画で実際にプログラミングを動かし方やその結果を見ることができるので、
プログラミングを使うところまで流れを見ることができます。
動画を止めて自分自身でコードを書けばより勉強になります。
またProgateと違い、
動画なので声で解説を聞けるので、耳からも入ってくるので頭で理解しやすいです。

余談ですが、男性ボイスで動画を聞いているのですが、
「○○しましょう」の「しょう」の発音が印象に残り、
やろうやろうと少し気持ちが乗ります。
比較的短い時間でも、ドットインストールの動画を見ながら
プログラミング学習ができるので、
通学や通勤をしている方にはおすすめのプログラミング学習サイトです。

ぼくがおすすめする使い方

Progateは、スライドで視覚的にわかりやく、
ドットインストールは聴覚的に頭に入ってくるのでふたつを
併用してプログラミング学習をしています。

最初は、ドットインストールを使っていたのですが、
途中で「JavaScript」の関数がどうしても頭に入ってこなかったので、
Progateを使ってみました。
両方使ってみて、言語やテーマごとにProgate→ドットインストールの順で勉強すれば、
理解しやすくまた復習にもなり、個人的には効果的だと感じています。

さいごに

できることなら、プログラミングスクールに通いたかったのですが、
ぼく自身は地方の田舎に住んでいるので、プログラミングスクールが近くになく、
通うことができません。

また、オンラインスクールも仕事柄不規則な生活であまり適していないので、
ドットインストールとProgateを使って独学でプログラミングを勉強しようを思いました。
完全初心者の方は、自分の環境もふまえて、
自分に合ったプログラミング学習に挑戦してもらえればうれしいです。

【YouTube】でプログラミング学習できる？
って疑問に思った方は参考にしてみてください。
プログラミング学習で【本】とほぼ同時期に【YouTube】で
勉強してみましたので、その経験をふまえて紹介いたします。

YouTubeの勉強法をしったきっかけ

人気ユーチューバーのマナブさんのYouTube動画とブログ記事を見て、
YouTubeでも勉強できることを知りました。

そもそも、YouTubeをあまり見ていませんでしたが、
YouTubeで講座の動画などあること知り、感動しました。
タダで勉強できる時代すごい！YouTubeに対する見方が変わりました。

■マナブ Youtubeチャンネル■
https://www.youtube.com/channel/UCb9h8EpBlGHv9Z896fu4yeQ

このチャンネルを使った

YouTubeでプログラミング学習する際に使ったチャンネルは、
TechAcademy [テックアカデミー]です。
TechAcademyは、プログラミングやアプリ開発を学べる
オンラインスクールもやっています。

■TechAcademy■
https://techacademy.jp/

■TechAcademy Youtubeチャンネル■
https://www.youtube.com/user/techacademyjp/featured

どんな内容？

「はじめてのHTML入門講座」や「はじめてのCSS入門講座」など、
初心者向けの入門講座中心のYouTubeチャンネルです。

パソコン画面を操作しなが解説の声が流れるスタイルの動画です。
おそらくですが、入門講座を無料で勉強して、深く知らたい方は、
オンラインスクールへどうぞという流れではないかと思います。
PCはMACを使用していました。（ぼくはPCはWindowsです。）

ぼくの使い方

ぼくは、「はじめてのHTML入門講座」と「はじめてのCSS入門講座」の
動画を見ました。

ぼくの使い方としては、テレビに接続しているFire TV Stickから
YouTubeアプリをダウンロードして、YouTubeを見ています。
YouTubeのプログラミング学習動画を見つつ、パソコンで一緒に操作してみる。
スピードが速いときなどは一時停止して、パソコンに集中して、
またYouTube見てを繰り返ししました。

感想

YouTubeでのプログラミング学習は、初心者向けの内容が多いです。
これからプログラミング学習を始めようかどうか迷っている人におすすめです。

なぜなら、タダで学習できるかたら
投資コストが低く（ネット環境とパソコンだけあればOK）、
やっぱりプログラミング学習は止めようと思った時のリスクが少ないです。
実際にパソコンで操作の流れを見ることができるので
視覚的にわかりやすいと思います。

また、暇な時間やスキマ時間に動画を見れば復習にもなります。
ということで、プログラミング学習初心者の方は、
ぜひ一度YouTube動画見てみてください。

余談ですが、ほんのちょっと気になる点は、
動画内でパソコンを操作している方のタイピングミスが多いことです。
ぼくもタイピングミスが多いので、変な癖を治したいと思うこの頃です。