フロントエンドの独学を初めて半年経ったので振り返る

### **自己紹介**

初めまして、福です。

未経験からフロントエンドエンジニアを目指し、独学での学習を進めてきました。学習を始めてから約6ヶ月、このタイミングでこれまでの経験や学びを共有しようと思います。

### **経緯**

エンジニアという職業に興味を持ったのは、前職を体調不良で退職した後のことでした。幼少期からのPCへの興味を、仕事に活かしたいと考え、フロントエンドエンジニアの道を選びました。エンジニアの知人から、Udemyで学べることを教えてもらい、そこから本格的に学習をスタートしました。

### **具体的にしたこと**

教本やUdemyの講座を中心に学習を進め、HTML/CSSはスムーズに理解できましたが、JavaScriptに入ると戸惑いましたが、ここで諦めずYouTubeなどを駆使して知識を深めました。実際にコーディングをしながら学ぶハンズオン形式の講座が特に印象的でした。

実際に受けた講座は下記です。

## React

[React 公式ドキュメント＆チュートリアル](https://ja.react.dev/learn)

[【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門](https://www.udemy.com/course/modern_javascipt_react_beginner/)

[【Twitterクローン】React×Firebaseでツイッターアプリをハンズオン形式で自作してみよう！](https://www.udemy.com/course/twitter-clone-using-react-firebase/)

## HTML/CSS/JavaScript

[ちゃんと学ぶ、HTML/CSS + JavaScript](https://www.udemy.com/course/html-css-js/)

[1冊ですべて身につくHTML & CSSとWebデザイン入門講座](https://amazon.co.jp/%E3%80%90Amazon-co-jp-%E9%99%90%E5%AE%9A%E3%80%911%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-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-DL%E7%89%B9%E5%85%B8-Flexbox/dp/4797398892/ref=pd_sbs_d_sccl_3_1/358-8677440-0264355?pd_rd_w=vcbZV&content-id=amzn1.sym.2e3b388a-4d35-4ac5-b8d6-fcf3da7dd6b4&pf_rd_p=2e3b388a-4d35-4ac5-b8d6-fcf3da7dd6b4&pf_rd_r=AWWTNA7JAF6FN81A297X&pd_rd_wg=zgR11&pd_rd_r=3620eec1-492e-4164-9c29-8d4e21d55c4e&pd_rd_i=4797398892&psc=1)

[1冊ですべて身につくJavaScript入門講座 (１冊ですべて身につく)](https://www.amazon.co.jp/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%8FJavaScript%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-%EF%BC%91%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%8F-Mana/dp/4815615756/ref=sr_1_5?crid=NN1TC6J9MT52&dib=eyJ2IjoiMSJ9.65EkDBWC4sZZjENuqXeySadjNWRbk_RuPU3Xbl_3mit-1pWrNwYtuGPM50tqoakeldaVsNtWRnh9ld9-zSRHB3efYN2xQBtz3l3hT66TlzQInR03xpvTXPOqhRCG_kf80iYY3nyv_ZoQvdQqVKK0fdJrDDXXnRTVMttFrWQVnsg4ER4L0GsgusE9nxsZx990LRkLRoeZuWo6gvm70H50q61rJ-i7W3d_J75aZvo-ecwArZohILIHTf09vMF6em9ysoqWhEK3IkA0SQEP_ZcJ6uadHHrDD6NxSRjNzLFXs30.fsRTA6gPElOP1l0ZycdHoJshzREcwDa3qudsbHdRr3I&dib_tag=se&keywords=javascript&qid=1705545105&sprefix=javas%2Caps%2C186&sr=8-5)

[JavaScript[完全]入門](https://www.amazon.co.jp/JavaScript-%E5%AE%8C%E5%85%A8-%E5%85%A5%E9%96%80-%E6%9F%B3%E4%BA%95%E6%94%BF%E5%92%8C/dp/481560763X/ref=pd_sbs_d_sccl_3_13/358-8677440-0264355?pd_rd_w=qjU3G&content-id=amzn1.sym.2e3b388a-4d35-4ac5-b8d6-fcf3da7dd6b4&pf_rd_p=2e3b388a-4d35-4ac5-b8d6-fcf3da7dd6b4&pf_rd_r=RK0THC6XR25TBHZE86E8&pd_rd_wg=lHIvM&pd_rd_r=18246af6-c7a7-4740-b2f5-bbafc0f5854d&pd_rd_i=481560763X&psc=1)

## Git GitHub

[Git： もう怖くないGit！チーム開発で必要なGitを完全マスター](https://www.udemy.com/course/unscared_git/)

## Fire Base

[Firebase Authenticationで学ぶ ソーシャルログイン入門 ID管理の原則にそった実装のベストプラクティス](https://www.amazon.co.jp/Firebase-Authentication%E3%81%A7%E5%AD%A6%E3%81%B6-%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80-ID%E7%AE%A1%E7%90%86%E3%81%AE%E5%8E%9F%E5%89%87%E3%81%AB%E3%81%9D%E3%81%A3%E3%81%9F%E5%AE%9F%E8%A3%85%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9-Auth%E5%B1%8B/dp/4798169056/ref=sr_1_3?crid=3KO3PCQQFA73V&dib=eyJ2IjoiMSJ9.z0duG0dq8wEdarR9amVdxkuzZKKkRMfiExNX9BEIBVkR3SB_4f-572CX1DgI_8-3y6w6Epu1bD3QzVxvxghMYkqlZxHNUgvZWA1NQYFyyEHJ6AQs3QuhBnQJPjf1w-S8Ov5WSp1HOUuAM02DWvF41TOaQTy-LHcn4eXwY3jP-ny3MkiCi1SFMjJb8niFk7FyzTSq0UxBO2PUDl0GtK8TeNUOiXxDfDDNBGEYssrnaxCr_WIVZxowpvfjCZu0Y1TySDEsK_i1kyrYGc2CobPzhiUSl6hWpUtBWWniE647ScA.7z9Fi1xaajVEWQZ0djQhhpeAKSoil0vdYZOWb56gdu4&dib_tag=se&keywords=firebase+%E6%9C%AC&qid=1705552282&sprefix=firebase%2Caps%2C213&sr=8-3)

## Google Books API
[Google Books API](https://developers.google.com/books?hl=ja)




基礎学習を終えた後は、ポートフォリオ用にGoogleBooksAPIを用いたSPAの開発に挑戦しています。

実際に開発を始めるとReactだけでは技術が足りず、Auth認証やFirebase等のキャッチアップも必要だったので、公式ドキュメント等を読み漁りながら開発を進めています。

また、一人での開発は想像以上に難しく、そこでChatGPTを使い始めました。


今後は、ページの再設計をしながら開発を続ける予定です。

### **感想**

学習を始めて約半年が経ち、技術的な知識やスキルは確実に向上しました。しかし、これらの知識が実務で活かせるかどうかはまだ未知数です。というか、まだまだついていけないと思います。それでも、実際の現場で経験を積むことが最善だと考えています。就職に向けての不安はありますが、「不安を感じるなら、それを勉強の糧に変えよう」と前向きに捉えています。

未経験からエンジニアを目指す皆さんや、同じような境遇の方々に少しでも参考になれば幸いです。

### **今後について**

今後、挑戦したいことは↓です。

- ポートフォリオ完成&公開
- イベント・交流会への参加
- Qiita投稿
- 英語学習再開（公式ドキュメントほとんど英語やん。。。）


今後は、より技術的な内容をアウトプットしていきたいと思います。

引き続きよろしくお願いします！