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
Matsuo Obu
April 24, 2019
Technology
0
670
僕が求めていたのはNext.jsだったんだ
Next.jsは素晴らしいという話。React LT会 @Informetis (2019-04-24) で発表。
Matsuo Obu
April 24, 2019
Tweet
Share
More Decks by Matsuo Obu
See All by Matsuo Obu
Reactの歴史
mqtsuo02
0
980
文学作品「檸檬」をReactで読む
mqtsuo02
1
490
EmotionでReactをstylingすればモテるかもしれない
mqtsuo02
0
600
Repro Tech Hands-on : Nuxt.js
mqtsuo02
1
880
ピピピのPWA
mqtsuo02
0
710
GraphQLについての5分間
mqtsuo02
0
790
Create React App 読解特急
mqtsuo02
0
95
JekyllとBootstrapを使って静的なブログを作ってみたよ
mqtsuo02
0
75
Other Decks in Technology
See All in Technology
知覚とデザイン
rinchoku
1
580
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
2
190
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
330
20251024_TROCCO/COMETAアップデート紹介といくつかデモもやります!_#p_UG 東京:データ活用が進む組織の作り方
soysoysoyb
0
100
組織全員で向き合うAI Readyなデータ利活用
gappy50
0
300
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
nttcom
1
480
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
10k
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
130
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
2
2.3k
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
410
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
690
Featured
See All Featured
Building an army of robots
kneath
305
46k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Building Applications with DynamoDB
mza
96
6.7k
Git: the NoSQL Database
bkeepers
PRO
431
66k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
620
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Building Adaptive Systems
keathley
44
2.8k
Practical Orchestrator
shlominoach
190
11k
Into the Great Unknown - MozCon
thekraken
40
2.1k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Designing for humans not robots
tammielis
254
26k
Transcript
@mqtsuo02 2019-04-24 React LT会 僕が求めていたのは Next.js だったんだ
自己紹介 + React歴 - フリーランスのWebエンジニア - 直近2年間はずっとReact関連 - ReactのSPA3本、ReactNative1本 -
色んな構成でやった - redux, redux-saga, ContextAPI - Flow, TypeScript - styled-components, CSS Modules, inline style - create-react-app, storybook, jest, enzyme - Vue.js (Nuxt.js)とかGolangもやってます
ユーザ投稿型のメディアを作りたくなった。 (仕組みとしてはnote.muみたいなもの) 最近のはなし
Firebase HostingにReactのSPAおけばいいかな... と思いつつも 将来のことが色々不安になってきた。 最近のはなし
SEO的なものは大丈夫なんだろうか? GoogleはSPAでもクロールするって言ってるけど OGPとかは大丈夫なんだろうか? react-helmetで実装してるけど、読んでくれるのかな? 将来の不安 その1
First Viewのパフォーマンス大丈夫かな? メディアだから待たせたくない! PHPとかRubyのSSRに負けてしまうんじゃないだろうか 負けたくねぇよぉ... 将来の不安 その2
Laravel 勉強したほうがいいんじゃね? GAE/Golangでサーバ立ててテンプレートでなんとかする? 最近JAMStack流行ってきてるのかな? SPAに限界感じる。もう何もかも嫌だ。 結果、開発放置気味に... 不安が生んだ迷いと現実逃避
3ヶ月後
Next.jsの母 (ZEIT) 来日
最新のNext.jsはAMPにも対応できる Serverless pre renderingでめちゃ速い 差分だけビルドできる 湧き上がる会場 Next.jsそんなにええんか!? ZEITのLT
First ViewはSSRで、その後はSPAで ユニバーサルなJavaScript モジュールを分割して段階的に読み込める とにかく速さを売りにしていることがワカッタ! Next.js 再入門してみた
Express + Next.js + React これがユニバーサルJavaScriptか!! めっちゃいいやん!! Next.js の SSR+SPAチュートリアルやってみた
server.js require(“express”); require(“next”); ... pages/index.js Index.getInitialProps = async () => { … return {key: value}; }; package.json “build”: “next build”, “start”: “node server.js”, ... next build して server.js実行する感じ nextを初期化して express書いていく感じ いつもの要領でJSX書く getInitialPropsでデータ取得
SPAとSSR組み合わせるの辛いって誰か言ってた ReactでSSRするのって本質的じゃなくない? 投資対効果低そう.... Before
Next.js 最高!!! ZEIT 神!! 一生ついていきます!! After
Front End (GAE) node10 Express + Next.jsで SSR + SPA
ぼくが考えた さいつよ の構成 ユーザ認証 (Firebase Auth) Back End (Cloud Functions or GAE) Golang or node DB (Cloud DataStore) Storage (Cloud Storage) SSR + SPA、オートスケーリング、たぶん完璧!!
ReactやってるならNext.jsもやった方がいい 公式ページみると感動するよ Next.js 最高!!! ZEIT 神!!! あと、Reactのお仕事ください! このLTで伝えたかったこと
E N D