1
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.

Next.jsエンジニアになるための学習旅路

Last updated at Posted at 2022-10-26

はじめに

近いうちにnext.jsを使って開発することになりそうなので、準備したことをメモしていく。
(このために学生時代に一瞬使っていたアカウントを掘り出してきた…)

もし同じように今から始める人がこの記事を見てくれているのであればぜひ一緒に頑張りましょう!
先輩エンジニアの皆様は「これをやるんや!」というコメントをお願いします。

やること(予定)

大きく四段階で学習を進める。
※あくまで予定なので気分で変更するかも...

第1段階
・簡単な動くものを作ってみる
 ・基礎から始めてもつまらないのでとりあえず簡単なやつを作ってみる

第2段階
・HTTP、CSSをざっとおさらいする
・TypeScriptやる

第3段階
・Reactを学ぶ(初めてだから時間かかりそう....)

第4段階
Next.jsをやる!!

やったこと

第1段階

簡単な動くもの...
いくつか調べていたところ、なんともピッタリな記事があったのでとりあえず実践。
NEXT.jsとReact Hooksを使ってTodoアプリを10分で作る(投稿者さまに感謝!!)

よーしさくっと動いたぞ!
便利そう!便利そう...?便利なんか.........?

とりあえずわからないことが多すぎる。
知り合いのフロントエンドエンジニアにも人気があるしきっと便利に違いない。
ということで、とりあえず第二段階に進みます。

第1.5段階

「第2段階に進んだけど、PC2台使ってるから両方で環境構築しなきゃ...」
「環境構築するのめんどくさいな...」
「あれ、なんか簡単に環境そろえるやつあったような...」
「ど、どっかー!!!!!!」

ということで2段階に入る前にDockerに寄り道。
簡単に記事にまとめたのでこちらもぜひ。
遅くともやりたい!Docker初心者が頑張って基礎をまとめる

第2段階

やったら書きます(今頑張ってます!たぶん)

TypeScriptだけでなく、JavaScriptも一緒にできそうなサイトを見つけたからTypeScriptはこのサイトでやろう
サバイバルTypeScript

第3段階

やったら書きます

第4段階

やったら書きます

1
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
1
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?