Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Next.js 採用の説得材料を考える
Search
井内 将俊
October 30, 2023
Technology
0
120
Next.js 採用の説得材料を考える
CTOA若手エンジニアコミュニティ 勉強会 #4 で登壇した資料です。
井内 将俊
October 30, 2023
Tweet
Share
More Decks by 井内 将俊
See All by 井内 将俊
業務に役立つ! ブラウザデベロッパーツールの機能紹介と活用例
iuchimasatoshi
0
290
ReactメインのチームにNext.jsを導入した道のり
iuchimasatoshi
1
2.6k
新卒研修でNext.js AppRouterを導入した 学びと反省
iuchimasatoshi
3
2k
Other Decks in Technology
See All in Technology
クラウド食堂とは?
hiyanger
0
120
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
200
手を動かしてレベルアップしよう!
maruto
0
230
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
250
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
180
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
200
IAMのマニアックな話2025
nrinetcom
PRO
6
1.2k
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
170
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
IoTシステム開発の複雑さを低減するための統合的アーキテクチャ
kentaro
1
120
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
400
エンジニア主導の企画立案を可能にする組織とは?
recruitengineers
PRO
1
220
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Statistics for Hackers
jakevdp
797
220k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Producing Creativity
orderedlist
PRO
344
40k
Designing for Performance
lara
604
68k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Typedesign – Prime Four
hannesfritz
40
2.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
A better future with KSS
kneath
238
17k
How STYLIGHT went responsive
nonsquared
98
5.4k
A Philosophy of Restraint
colly
203
16k
Transcript
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