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
130
Next.js 採用の説得材料を考える
CTOA若手エンジニアコミュニティ 勉強会 #4 で登壇した資料です。
井内 将俊
October 30, 2023
Tweet
Share
More Decks by 井内 将俊
See All by 井内 将俊
業務に役立つ! ブラウザデベロッパーツールの機能紹介と活用例
iuchimasatoshi
0
430
ReactメインのチームにNext.jsを導入した道のり
iuchimasatoshi
1
2.8k
新卒研修でNext.js AppRouterを導入した 学びと反省
iuchimasatoshi
3
2.3k
Other Decks in Technology
See All in Technology
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
310
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
appleboy
0
230
.NET 10のBlazorの期待の新機能
htkym
0
110
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
330
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
850
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
190
Retrospectiveを振り返ろう
nakasho
0
110
Building a cloud native business on open source
lizrice
0
180
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
610
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
720
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
160
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
It's Worth the Effort
3n
187
28k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Become a Pro
speakerdeck
PRO
29
5.6k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Writing Fast Ruby
sferik
630
62k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
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