2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

これから始める学習ロードマップ

Last updated at Posted at 2023-02-22

★概要

今までだらだらと色々な参考書を読んだり、サブスクに登録して自分なりに学習を進めてきましたが、圧倒的にアウトプットが足りなかったので、技術書を書くことで少しでもアウトプットしていこうと思います。

その上でこれから学んでいこうと思っている順序をロードマップ形式で残していきます。

★参考にしたもの

★インターネット

sec_main_20051.jpg

まずはここから始めないとというのをどこかの記事で見たことがあるので、基本からしっかりと理解していこうと思います。

特にHTTP、DNS、ドメイン、ホスティングをきちんと理解するのが良いみたいです。

★フロントエンド

shutterstock_1188713476_3.jpg

ここは私が一番興味のある分野で、HTML、CSS、JavaScriptを学んでいこうと思います。

今までしまぶーさんの動画やとらゼミさんの動画を参考に学習を進めてきました。

動画自体は学習すれば進んでいくので "自分はできる!!" という気持ちにはなりますが、いざやってみると手が止まるということが多々ありました。

JavaScript(以降JS)とTypeScript(以降TS)を並行して学習していこうと思いましたが、TSはJSの完全なスーパーセットとのことなので、まずはしっかりJSから学習していき、DOM操作ができるようになったあたりでそれまで作成したものをTSに書き換えるのが良いかと思っています。

DOM操作という言葉もしまぶーさんがおっしゃっていただけなので現段階では何のことかわかっていません笑

これからしっかりと理解していきたいと思います。

★Github

download.png

これからプログラミングを始める方も1度は聞いたことがあるのではないでしょうか?

自分が作ったコードを掲載してポートフォリオとしたり、ほかの人が作った作品のコードを見たりすることができます。

私の今の知識で説明できるのはこの程度なので、学習していきたいと思います。
こちらは主にしまぶーさんの動画を参考にして理解度を深めていきます。

★パッケージマネジャ

download.png

この辺からは今までなんとなく動画学習に登場するから言われた通りのコードを使って利用してた程度なので、理解度は0といっても過言ではありません。

ですが、こちらも欠かせない知識となることは知っているので学習していこうと思います。
こちらも主にしまぶーさんのyoutube動画を参考にして学習を進めていきます。

★フレームワーク

download.png

こちらはしまぶーさんの動画を拝見していて知ったフレームワークになります。
フレームワークというのすらいまいちよくわかっていませんが、それも含めて今後学んでいきたいと思います。
こちらは主にしまぶーさんの動画ととらゼミさんの動画を利用して学習していきます。

★サーバーサイド

download.png

しまぶーさんの動画を見ていてVercelという会社がNext.jsというサービスを提供していることを知りました。
Next.jsを使用してVercelというサービス(Vercelという会社がVercelというサービスを出している)を利用するとバックエンドの操作を勝手に実行してくれ、簡単にWeb上にファイルを表示することができるだけでなく、Githubへのプッシュも簡単にできるとのことです。

Reactとも相性が良いみたいなので、学習していこうと思います。

★クラウド

download.png

今ではCMでも見る機会があるのではないでしょうか?AWSになります。
クラウドのことはさっぱり(バックエンド系は避けてきました)なので、これを機に1からしっかりと理解していきたいと思います。
こちらでは主にUdemyのAWS:ゼロから実践するAmazon Web Services。手を動かしながらインフラの基礎を習得を使用して実際にAWSを触りながら学習を進めていこうと思います。

まとめ

現段階で予定しているのはこのような流れになります。
学習していく過程で必要なものは随時アップデートして学習を進めていき、将来的にはTypeScript × React × Next.js × AWSで何か作れたらと思っています。

隙間時間のお供にでも閲覧していただけると嬉しいです。
以上になります、貴重なお時間ありがとうございました。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?