
Photo by
hamigakitanuki
ITエンジニアのおすすめ自己学習
どうもかるびーです。
3年目のITエンジニアです。
初記事、何を書こうか迷いましたがタイトルにもあるおすすめの自己学習について説明できたらと思います。
Docker × Next.jsで作るWebアプリ
・おすすめ理由
webアプリを作成し、デプロイするという一連の流れを爆速で体験できます。
最初の自己学習にピッタリだと思います。
・ メリット
Docker環境にWebアプリを構築するので、ローカルマシン上への環境構築は不要です。(Docker環境構築は必要ですが)
・ Next.jsの選定理由
利用率の高さです。
下記は毎年JavaScriptのフレームワークやライブラリについて、人気・動向・利用率等の調査をまとめている「State of JavaScript 2024」のメタフレームワーク利用率です。
これだけ利用率が高いのは魅力の一つです。

(引用:https://2024.stateofjs.com/en-US/libraries/meta-frameworks/#:~:text=Meta%2DFrameworks%20Ratios%20Over%20Time)
少し気になってNext.jsの採用事例なるものを調べてみましたが、結構有名なサイトがあったりして面白いので、気になる方は是非。
Next.js採用事例
後、バックエンドもかけちゃうのがいいですね。
Next.jsだけで完結させることができます。
・ デメリット
個人開発規模での自己学習なので、実務に活きづらいです。
実際、Docker・Next.jsについて深く知るには、紹介記事に+αで学んでいく必要があると思います。
最後に
いかがでしょうか?
Next.jsをコンテナ化→Webアプリを最速デプロイ
という記事で技術的な面を詳しく解説していますので、興味を持たれた方は是非!!