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

Next.js 採用の説得材料を考える　井内将俊（ペンギン丸） 1

自己紹介井内将俊(いうち　まさとし) X：@pengin_engineer (ペンギン丸) 合同会社DMM.com(23新卒) バーチャルライブチャット → フロントエンド開発 2

ところで皆さん 3

技術選定してますか？ 4

学生〜研修期間の技術選定イメージ新しい技術！面白そうな技術！使ったことのある技術学びたい技術よく聞く技術何かカッコいい
技術 5

これを業務でやると 6

業務での技術選定のイメージ図長期的に負債にならないか...? 運用コストが高くないか...? 学習コストが高くないか...? 採用面で
魅力的か...? 7

「業務で」「説得力のある」「技術選定」難しい... 8

Reactしか使ってないチームの新規開発で Next.jsを採用する説得材料 🤔 9

技術選定することになった経緯新卒研修でNext.js、AppRouter、SSR/SSG に触れるこうやってSSRを活用するんだ！楽しい！ 10

技術選定することになった経緯配属先でモノレポ React フロントエンドへ触れるｽﾝ... 11

技術選定することになった経緯モノレポリポジトリとは別に、新規リポジトリでサブ的な機能をReactで実装予定と聞く新しくリポジトリを作る.... 今まで通りReactで.... 12

技術選定することになった経緯 Next.js使いましょう！うーん　理由は？ …SSRとか便利ですし SSRするってことは専用のサーバーを追加して運用するってこと？その運用コスト以上のメリットがNext.jsにあるの？ 13

技術選定することになった経緯 - Reactで問題なく運用できている - SEO対策も不要 - Next 導入したらNode.jsサーバーを追加で運用？メリットが無い...
14

Next.jsを使うことで追加でサーバーが必要なら、Next.jsは無理か... 15

Next.jsを使うことで追加でサーバーが必要なら、Next.jsは無理か... 勉強不足！ 16

SSR用のNode.jsサーバーを用意しなくても Next.jsは利用可能....! 17

Next.jsで静的出力 18

SSRは行えないので素のReactとそんなに違いがない...? Next.js採用のメリットは...? 19

Next.jsを採用するメリット引用：React公式ドキュメント20

Next.jsを採用するメリット引用：React公式ドキュメント21

Next.jsを採用する説得材料 - Next.jsを導入するからといって Node.jsサーバーを運用する必要があるわけではない - 今後は素のReactではなくNext.js等のフレームワークを用いたReact活用が主流となってくる 22

Next.jsを採用する説得材料 - Next.jsを導入するからといって Node.jsサーバーを運用する必要があるわけではない - 今後は素のReactではなくNext.js等のフレームワークを用いたReact活用が主流となってくる　　無事新規開発の技術にNext.jsを採用🎉 23

今回の学び - 技術選定は客観的な事実を元に行う - 最新の技術のキャッチアップが欠かせない - 先輩や同期に頼り、知見を聞かせてもらうことも大切 24

ご清聴ありがとうございました！ 25

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

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

井内将俊

More Decks by 井内将俊

Other Decks in Technology

Featured

Transcript