4
3

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.

Web初心者から始める学習ロードマップ

4
Posted at

はじめに

2023年4月~6月までに学習した内容のまとめ
学習した内容の振り返りと今後どう進めていくかについて考えたいと思います。

どうやって勉強を進めていけば良いか?
→とりあえずProgateで浅く広く勉強して、次にやりたいことを深堀していく

(例)
Web:HTML&CSS→JavaScript→React(Next.js+TypeScript)
AI,機械学習:Python
バックエンド:Ruby,Ruby on Rails,SQL,Linuxなど

Progate

学習時間:約50時間

月額1000円程度で色々なコースを学ぶことができて、圧倒的にコスパが良いです。
一部無料で体験できるので、少し進めてみて問題なさそうと思ったところで課金しました。
毎日、長い時で3時間程度ですが、少しずつ進めることができたのが良かったです。
課題をクリアすると経験値が溜まり、レベルアップするしかけがゲームっぽくて面白く、モチベーションを保つことができました。

学習したコースは以下の通りです。
・Git
・HTML & CSS
・JavaScript
・Node.js
・React
・Command Line
・SQL
・Ruby
・Ruby on Rails(一番難しい)

image.png

Progate Pathという「本気でエンジニアを目指す人向けのコース」もありましたが、学生向けっぽいので利用していません。
とりあえず入門できましたが浅く広くなので、もっと深堀りしていきたくなりました。

Git,GitHub

【Git入門講座 合併版】この動画1本でGitとGitHubの基礎をゼロからマスター!【初心者向け】

ProgateなどでざっくりとGit、GitHubについてはわかったものの、開発現場ではどうやってGitHubを使うのか?
・Pull Requestはどうする?
・Issue?
・GitHub Flowとは?
などの疑問がありましたが、気になったところは調べていきました。

今ではOpenAI-CookBookにあるexampleをローカルにクローンしてきて動かしてみるとか色々できるようになりました。
他の人が書いたコードを見るとすごく勉強になります。

Docker

Dockerを使用することで開発環境を簡単に構築できます。
この書籍はイラスト付きで初心者にもわかりやすく、イメージがつきやすかったです。

image.png

HTML & CSS、JavaScript

Googleで調べれば幾らでも情報が出てくると思いますが、まずは一通り学んでおいたほうがいいと思いました。
イラスト付きで初心者にもわかりやすくて良いです。

image.png

image.png

Ruby

Railsをやる前に、Rubyを知ろう。みなさんが「Rubyをちゃんと理解しているRailsプログラマ」になれるように、Rubyの基礎知識から実践的な開発テクニックまで、丁寧に解説します。

image.png

React

YoutubeやUdemyなどの動画をメインに勉強しました。公式チュートリアルもわかりやすくて良いです。

Youtube:Shin@Udemyプログラミング講師
・初心者向けに説明してくれるのでわかりやすい
・ツールのインストールから操作方法まで画面を見せながら進めてくれるので初心者でも安心

React Hooks

Next.js

Reactを
こちらもYoutubeやUdemyなどの動画をメインに勉強しました。
公式チュートリアルがわかりやすくておすすめです。

今後について

実用的なアプリを作ってみる(Twitterクローンなど)

フロントエンドについて勉強してみて、やっぱり自分にはバックエンドのほうがいいなと思ったので
以下について勉強中です。
・TypeScript
・Ruby on Rails
・AWS

最後までお読みいただきありがとうございました。

これから学習を始める方は
→とりあえずProgateで浅く広く勉強して、次にやりたいことを深堀していく
のが個人的には良いと思いました。

参考になれば嬉しいです。

4
3
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
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?