【ロードマップ】ぼくが文系未経験からメガベンチャーエンジニアになるまでに使ったはじめの5冊！

__＊この記事はフロントエンドエンジニアになりたい方向けとなっておりますので、その点はご注意ください。__

どの参考書をどの順番で勉強すればいいか悩んでいませんか？

ぼくは文系未経験から参考書を使いながら独学でプログラミングを学び、新卒でメガベンチャーエンジニアになることができました。

今まで自分なりに試行錯誤を繰り返してきましたが、プログラミング学習は参考書をコツコツと自分のペースでやるというスタンスが最も効率が良いと思っています。

しかし、ぼくが初学者のとき参考書選びには非常に時間を使い、苦労しました。

なので今回は、ぼくが文系未経験からメガベンチャーエンジニアになるまでに使ったはじめの5冊をロードマップ形式で紹介していきます。

ぜひ参考にしてください！！


<h2>はじめの一歩</h2>
最初に紹介するのは『1冊ですべて身につくhtml&cssとwebデザイン入門講座』です。<br>
<br>持論ですが、プログラミングの独学で1番大切なのはモチベーションを保つことです。<br><br>
そのため、この本で1番最初は「コードを書く→何か起きる！！」という感動を味わいつつ、エンジニアのベーススキルを身に付けましょう。
<h3>① 1冊ですべて身につくhtml&cssとwebデザイン入門講座　（目安 :2週間~1ヶ月）</h3>

https://www.amazon.co.jp/s?k=1%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8Fhtml+%26+css%E3%81%A8web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7&crid=31VB7FVDWDF3R&sprefix=html%26css+web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Caps%2C173&linkCode=ll2&tag=gummy02-22&linkId=1b6d3e2e63a308a699bfba9976a1edbe&language=ja_JP&ref_=as_li_ss_tl

この参考書では、一つのWebサイトを作りながら、HTMLとCSSを学べます。
わかりやすい上に成果も実感できて初学者にとっては最高の一冊です。

ここで押さえておきたいことは、HTMLとCSSは「プログラミング言語」ではなく、「マークアップ言語」であるという点です。
<br>両者の違いは次の参考書を始めればすぐにわかると思います。<br>

エンジニアにとって必須の知識をサクッと学びつつ、モチベーションを上げていきます。

<h2>こっからが本番</h2>
次に紹介するのが『JavaScript 第7版』です。JavaScriptを学びます。<br>


<h3>② JavaScript 第7版　（目安: ２ヶ月〜3ヶ月）<h3>

https://www.amazon.co.jp/s?k=javascript+%E7%AC%AC7%E7%89%88&crid=Y1FCKB6B7ZJQ&sprefix=javascript%2Caps%2C186&linkCode=ll2&tag=gummy02-22&linkId=d47f16699c5273eb472af295e6b9264f&language=ja_JP&ref_=as_li_ss_tl

<br>ぼくが、①「HTML&CSS」→ ②「JavaScript」の順番をオススメしている理由は2つあります。<br><br>まず一つ目は、①で作れるようになったWebサイトに、②で動きをつけれるようになるからです。<br>
<br>独学はモチベ維持が命！！<br>
<br>点と点が繋がると思います。<br>
<br>2つ目の理由は、YouTubeで解説している発信者がたくさんいるからです。<br>
<br>はっきり言って、この本は最初で最大の壁となります。<br>
<br>そこで支えとなるのが、YouTube！！<br>
<br>しまぶーのIT大学やセイト先生、山浦清透さんなど多くの発信者がYouTubeで講座動画を上げているのでYouTubeをうまく使いながら勉強していきます！<br>
<br>コスパ最強！！<br>

<h3>③ JavaScript本格入門　（目安: ずっと相棒）<h3>

https://www.amazon.co.jp/s?k=javascript+%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&crid=13U5Q7TX0MCBZ&sprefix=javascript+%E6%9C%AC%2Caps%2C170&linkCode=ll2&tag=gummy02-22&linkId=63650ffa52db96ff3c11b7e052a2bd3f&language=ja_JP&ref_=as_li_ss_tl

<br>次にやるべきなのは『JavaScript本格入門』です。<br>
<br>②でやったことをより実務レベルに引き上げてくれます。<br>
<br>しかし、この本は難しい上に突き詰めていくと終わりがないので、「サラーっと読みつつ、暇な時間に復習する」という使い方がオススメです。</br>


<h3>④ 作って学ぶ next.js/react webサイト構築　（目安： ２ヶ月）<h3>

https://www.amazon.co.jp/s?k=%E4%BD%9C%E3%81%A3%E3%81%A6%E5%AD%A6%E3%81%B6+next.js%2Freact+web%E3%82%B5%E3%82%A4%E3%83%88%E6%A7%8B%E7%AF%89&crid=3KQDIPTZFBM7V&sprefix=%E3%81%A4%E3%81%8F%E3%81%A3%E3%81%A6%2Caps%2C176&linkCode=ll2&tag=gummy02-22&linkId=b5ebbed9219b845a957803c8d1ab2180&language=ja_JP&ref_=as_li_ss_tl

<br>次に紹介するのが、『作って学ぶ next.js/react webサイト構築』です。</br>
<br>②と③で学んだJavaScriptのライブラリである、Reactを学びます。</br>
<br>コンポーネントやライフサイクルなど新しい概念が出てきますが、②を乗り越えたあなたならもう大丈夫！！</br>
<br>なんとかなる！！</br>
<br>この本で学んだ知識をもとに、ポートフォリオを作ればある面接で勝負できると思います。</br>


<h3>⑤ リーダブルコード より良いコードを書くためのシンプルで実践的なテクニック　（目安：一生）<h3>

https://www.amazon.co.jp/%E3%83%AA%E3%83%BC%E3%83%80%E3%83%96%E3%83%AB%E3%82%B3%E3%83%BC%E3%83%89-%E2%80%95%E3%82%88%E3%82%8A%E8%89%AF%E3%81%84%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E6%9B%B8%E3%81%8F%E3%81%9F%E3%82%81%E3%81%AE%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A7%E5%AE%9F%E8%B7%B5%E7%9A%84%E3%81%AA%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-Theory-practice-Boswell/dp/4873115655?crid=8G1PWYT6PCUQ&keywords=%E3%83%AA%E3%83%BC%E3%83%80%E3%83%96%E3%83%AB%E3%82%B3%E3%83%BC%E3%83%89&qid=1671647855&sprefix=%E3%83%AA%E3%83%BC%E3%83%80%E3%83%96%E3%83%AB%2Caps%2C171&sr=8-1&linkCode=ll1&tag=gummy02-22&linkId=a5b14b050c821c790f817a731c38e8b7&language=ja_JP&ref_=as_li_ss_tl

<br>最後に紹介するのが、『リーダブルコード より良いコードを書くためのシンプルで実践的なテクニック』です。</br>
<br>この参考書には、より良いコードを書くためのテクニックが書いてあります。</br>
<br>エンジニアにとってバイブルとなる一冊なので絶対に読みましょう。</br>

<h2>さいごに</h2>
ソフトウェアエンジニアというキャリアは、知識を追い求める果てしない徒労だと思います。<br>
<br>もちろん、これらさえやれば完璧なわけではなく、これらをやり切ってはじめてエンジニアとしての旅が始まります。<br><br>
しかし正直、この順番でこの5冊をやりきれば、かなり順調なスタートが切れることは間違いないです。<br><br>
ぜひこちらを参考にプログラミング学習をはじめてみてください。