Next.js 採用の説得材料を考える

CTOA若手エンジニアコミュニティ 勉強会 #4 で登壇した資料です。

Transcript

1. Next.js 採用の説得材料を考える 　井内 将俊（ペンギン丸） 1
2. 自己紹介 井内将俊(いうち　まさとし) X：@pengin_engineer (ペンギン丸) 合同会社DMM.com(23新卒) バーチャルライブチャット → フロントエンド 開発 2
3. ところで皆さん 3
4. 技術選定してますか？ 4
5. 学生〜研修期間の技術選定イメージ 新しい技術！ 面白そうな 技術！ 使ったことのあ る技術 学びたい技術 よく聞く技術 何か カッコいい 技術 5
6. これを業務でやると 6
7. 業務での技術選定のイメージ図 長期的に 負債にならな いか...? 運用 コストが高くな いか...? 学習コストが高 くないか...? 採用面で 魅力的か...? 7
8. 「業務で」 「説得力のある」 「技術選定」 難しい... 8
9. Reactしか使ってないチームの 新規開発で Next.jsを採用する説得材料 🤔 9
10. 技術選定することになった経緯 新卒研修でNext.js、AppRouter、SSR/SSG に触れる こうやってSSRを活 用するんだ！ 楽しい！ 10
11. 技術選定することになった経緯 配属先でモノレポ React フロントエンドへ触れる ｽﾝ... 11
12. 技術選定することになった経緯 モノレポリポジトリとは別に、新規リポジトリでサブ的な機 能をReactで実装予定と聞く 新しくリポジトリを作る.... 今まで通りReactで.... 12
13. 技術選定することになった経緯 Next.js使いましょう！ うーん　理由は？ …SSRとか便利ですし SSRするってことは 専用のサーバーを追加して運 用するってこと？ その運用コスト以上の メリットがNext.jsにあるの？ 13
14. 技術選定することになった経緯 - Reactで問題なく運用できている - SEO対策も不要 - Next 導入したらNode.jsサーバーを 追加で運用？ メリットが無い... 14
15. Next.jsを使うことで追加でサーバーが 必要なら、Next.jsは無理か... 15
16. Next.jsを使うことで追加でサーバーが 必要なら、Next.jsは無理か... 勉強不足！ 16
17. SSR用のNode.jsサーバーを 用意しなくても Next.jsは利用可能....! 17
18. Next.jsで静的出力 18
19. SSRは行えないので 素のReactとそんなに違いがない...? Next.js採用のメリットは...? 19
20. Next.jsを採用するメリット 引用：React公式ドキュメント20
21. Next.jsを採用するメリット 引用：React公式ドキュメント21
22. Next.jsを採用する説得材料 - Next.jsを導入するからといって Node.jsサーバーを運用する必要があるわけではない - 今後は素のReactではなくNext.js等のフレームワークを 用いたReact活用が主流となってくる 22
23. Next.jsを採用する説得材料 - Next.jsを導入するからといって Node.jsサーバーを運用する必要があるわけではない - 今後は素のReactではなくNext.js等のフレームワークを 用いたReact活用が主流となってくる 　　無事新規開発の技術にNext.jsを採用🎉 23
24. 今回の学び - 技術選定は客観的な事実を元に行う - 最新の技術のキャッチアップが欠かせない - 先輩や同期に頼り、知見を聞かせてもらうことも大切 24
25. ご清聴ありがとうございました！ 25