プログラミングを勉強してフリーランスデビューだ！！
でも何から手を付けたらいいか分かんないや
プログラミング未経験者がまず初めにぶち当たるのが、勉強の始め方や勉強の進め方ではないでしょうか。
特に独学だと、自分の進めている勉強方法が正しいかどうか不安にもなるかもしれません。
そこで本記事では、プログラミング初心者の方へ向けた、学習の始め方・進め方を解説します。
この記事を読んでいただいているということは、特にWeb制作関連に興味があるのではないかと思いますので、Web制作(フロントエンド)に特化した学習の取組み方を取り上げたいと思います。
よし！頑張るぞっ
【未経験者向け】プログラミング学習の始め方 ０～２ヶ月編
～１ヶ月目 (HTML/CSSの学習)
プログラミング学習の環境構築
何はともあれ、まずはプログラミング学習ができる準備を始めましょう。
何が必要なのかな？
少なくともパソコンは必要ですね！
まだ持っていない人は買っちゃいましょう。
Mac、Windowsは正直どちらでも良いと思います。
自分の好みに合わせて選んで大丈夫^^
ちなみに僕はWindowsのパソコンを買って使ってます。
２年後ぐらいにはMacも買って２台で使い分けようかと考え中です。
ぼくはマックでMac開くぞー
はい、と言うことで、パソコンが準備できたら次にエディターというものを準備しましょう。
エディターとは、コードを打つ（コーディング）ためのノートのようなものです。
無料のエディターでも調べるといろいろ出てくるので、人気の高いものをダウンロードしましょう。
自分も含めVSCodeという無料エディターを使っている人が結構多いので、特にこだわりがなければ、それをダウンロードすればOKです。
これでひとまずプログラミング学習を始めるための環境構築は完了です。
順調順調！
HTML/CSSの学習
よし、今から勉強開始だ！
で、何をすればいいの？？笑
Web制作において基本となってくるのが、HTMLとCSSのプログラミング言語です。（正確にはこの２つはマークアップ言語といいます。）
個人的にはこの２つから勉強するのをオススメします。
なぜならこの２つは駆け出しのエンジニアでも比較的習得しやすく、いきなり挫折することが少ないからです。
プログラミングの勉強において一番の敵は「挫折」だと考えているので、いかに挫折しないようにモチベーションを維持するかという点は非常に重要です。
HTMLとCSSの基礎を学ぶと、ひとまず簡単なWebサイトは作れるので、やる気の向上にも繋がります。
うんうん。で、何を使って勉強したらいい？
やはり、まずは初心者に人気のProgate（プロゲート）はオススメです。
だいたいの駆け出しエンジニアはプロゲートを使っているのではないでしょうか。
もちろん僕もやりました。
よければこちらの記事も参考にしてみてください。
このプロゲートで、HTMLとCSSの教材を１周しましょう。
え？１周でいいの？
実際に僕が学習してきた感触としては、同じ教材を２周３周するよりは、別の教材を１周ずつする方が学習効果が高いです。
なぜなら答えを覚えてしまうから。
あと、同じ教材だと分からない部分は２周目でも結局分からないままということが多いから。
確かに言われてみればそういう経験ある。。
なので、まずはプロゲートを１周し、その後別の教材に移りましょう。
僕のオススメはドットインストールです。
これもかなり人気の教材ですね。
良い具合にプロゲートより少しレベルが高く、かつ動画学習なので得られる情報が多いです。
このドットインストールも同じように１周しましょう。
さて、ドットインストールが終わった後は、集大成として簡単なWebサイトを作ってみましょう。
ここでオススメなのは書籍での学習です。
書籍であれば、Webサイト制作の一連の流れを体系的に学べるので一気に理解が進みます。
サイト作りを学べる本であれば特に指定はありませんが、参考までに僕は「スラスラわかるHTML＆CSSのきほん」という本を使って勉強しました。
細かい部分までやさしく説明をしてくれているので、すごく分かりやすく、文字通りスラスラ進めることができました。
さて、ひとまずお疲れ様でした！
ここまでくればもう立派な駆け出しエンジニアです。
この勢いでどんどん頑張っていきましょう！
気合入れていくぞー
～２ヶ月目 (サイト模写、Sassの学習)
サイト模写の練習
ここからは、コーディングにどんどん慣れていきましょう。
このあたりでWebサイトの模写を進めることをオススメします。
模写を行うことによって、今の自分の実力を把握することができます。
「模写 コーディング」などで調べれば無料の学習サイトがいろいろと出てきますので、気に入ったものに取り組んでみましょう。
個人的にオススメなのは、「CodeStep」という学習サイトです。
全て無料なのに、教材も豊富でたいへん勉強になります。
模写をやり始めて最初に感じるのは、おそらく、
全然できない。。。
ということだと思います。
でも、安心してください。それは誰でも通る道であり、その経験を味わうことで、調べる（ググる）ことの重要性が分かります。
ここで調べる力を身につけましょう。
グーグル先生、よろしくお願いします
苦手な分野がありそうなら、プロゲートやドットインストールに戻って、苦手な項目だけ勉強し直すということもいいでしょう。
Sassの学習
これは必須という訳ではないのですが、今のうちにSassという言語に触れておくと後々コーディング作業がはかどります。
ちなみに読み方は「サス」または「サース」です。
えっ、もう新しい言語覚えるの？
Sassは新しい言語というよりは、CSSをパワーアップさせたもので、基本的にはCSSが理解できていれば大丈夫です。
Sassに慣れると、CSSよりコードの記述量を大幅に減らすことができるので、コーディングのスピードが格段に上がります。
へー、それは便利だね
それほど量は多くないので、とりあえずプロゲートやドットインストールで基本を学んでみましょう。
ただし、Sassを使うための環境構築が少しややこしい部分があるので、そのあたりの説明もある書籍での学習もオススメです。
ちなみに僕はこちらで勉強しました。
正直これ１冊あれば問題無しです。
まとめ
以上、【未経験者向け】プログラミング学習の始め方 ０～２ヶ月編でした。
正直なところ２ヶ月にしては結構詰め込んだので、仕事が忙しくて時間が取れない人はなかなか厳しいかと思います。
でも、プログラミング学習の流れだけでも把握していただき、自分ペースで進めてもらえればと思います。
これから一緒に頑張っていきましょう！
僕は一人前のエンジニアになるぞっ！
