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
サーバサイドレンダリング for Google App Engine / Server Sid...
Search
k2wanko
June 14, 2018
Technology
2
1k
サーバサイドレンダリング for Google App Engine / Server Side Rendering for Google App Engine
https://gaeja.connpass.com/event/90133/
k2wanko
June 14, 2018
Tweet
Share
More Decks by k2wanko
See All by k2wanko
Sales AI Cloud "ailead" TSConfig Strictly Adopted / セールスAIクラウド「ailead」の TSConfig厳格化対応した話 /
k2wanko
4
1.9k
Google Analytics for Firebaseを 使うときに把握しておきたいこと / Keep in mind when using Google Analytics for Firebase
k2wanko
2
490
パスワードのない未来のための Firebaseで実装するFIDO2 / FIDO2 actualized by Firebase for the password-less future
k2wanko
5
2.4k
Firebase Auth& Performance Monitoring
k2wanko
0
350
What's New Firebase 2019 Q1 #FJUG #io19jp
k2wanko
5
2.6k
Firebase for Grow
k2wanko
5
960
gosecを試してみた話 / try gosec
k2wanko
1
3.3k
最近のFirebase / Recent Firebase
k2wanko
4
1.6k
Firebase Japan User Group Introduction 2018 #FJUG
k2wanko
0
600
Other Decks in Technology
See All in Technology
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Geospatialの世界最前線を探る [2025年版]
dayjournal
2
430
Pythonによる契約プログラミング入門 / PyCon JP 2025
7pairs
4
2.2k
データエンジニアがこの先生きのこるには...?
10xinc
0
400
Goを使ってTDDを体験しよう!
chiroruxx
1
230
stupid jj tricks
indirect
0
7.4k
5年間のFintech × Rails実践に学ぶ - 基本に忠実な運用で築く高信頼性システム / 5 Years Fintech Rails Retrospective
ohbarye
9
3.3k
今改めてServiceクラスについて考える 〜あるRails開発者の10年〜
joker1007
20
8.9k
AI時代に活躍できるエンジニアとは #弁護士ドットコム
bengo4com
0
250
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9k
それでも私はContextに値を詰めたい | Go Conference 2025 / go conference 2025 fill context
budougumi0617
4
890
そのグラフに「魂」は宿っているか? ~生成AI全盛期におけるデータ可視化手法とライブラリ比較~
negi111111
2
830
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
27
2k
Docker and Python
trallard
46
3.6k
Bash Introduction
62gerente
615
210k
Visualization
eitanlees
148
16k
Typedesign – Prime Four
hannesfritz
42
2.8k
KATA
mclloyd
32
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
The Invisible Side of Design
smashingmag
301
51k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Balancing Empowerment & Direction
lara
4
660
Side Projects
sachag
455
43k
Transcript
サーバサイドレンダリング for Google App Engine @k2wanko
コキチーズ @k2wanko - GCPとFirebaseが好きな人 - LINEのセキュリティエンジニア - 最近はPUBGとSplatoonで遊んでる
Firebaseのユーザーグループやってます。 https://firebase.asia
※Vue.jsでサーバサイドレンダリングを した話です。
GAE/GoでSSR
https://qiita.com/koki_cheese/items/13426921f0b5861725e5
GAE/Goの上でJSランタイムを動かして やった
GAE/GoでSSR - gojaと言うGoで作られたECMAScript 5.1を実行できるJSランタイム - Pure GoなのでGAEでも動かせる! - PromiseもsetTimeoutもないのでAPIを色々用意する必要がある! -
色々webpackで魔術をする必要がある! - ライブラリが想定しているNode.jsの環境に近づける必要がある!!! 結論: つらい!!
Cloud FunctionsでSSR
https://qiita.com/koki_cheese/items/64f429ac764983525dcc
Cloud FunctionsでSSR - Node.jsでサーバサイドレンダリングするからもう何も怖くない! - バージョン管理などまだない部分が色々ある 結論: Firebase Hostingで使うならこれでい いんじゃない?
GAE/Node.jsでSSR
https://cloudplatform.googleblog.com/2018/06/Now-you-can-deploy-your-Node-js- app-to-App-Engine-standard-environment.html
None
GAE/Node.jsでSSR - 念願のGAE/Node.jsが来た (beta) - バージョン管理がしやすい!トラフィックの切り分けなど - ファイアーウォールがある!IP制限とかできる 結論:Webサービスがメインなら こっち使おう
ただし、 - Memcachedが今現在ないのでインメモリでキャッシュするしかない - User APIもない - Search APIとか諸々色々ない
SSRの注意
SSRの注意 - SSRだひゃっほーい と思っていきなり移行してはいけない - CDNの設定をきちんと見て 特定のユーザーにしか見せてはいけない 情報がキャッシュされていないかなど注意が必要 最近の事例: 「LINE」タイムラインにおけるシステム不具合に関するお知らせ
https://linecorp.com/ja/security/article/169
SSRは用法用量守って楽しく使いましょう
Thank you @k2wanko
参考 - https://cloud.google.com/appengine/docs/standard/nodejs/quickstart - https://vuejs.org/v2/guide/ssr.html - https://github.com/dop251/goja - https://github.com/k2wanko/appengine-go-ssr-example -
https://github.com/k2wanko/gae-gcf-vue-ssr-example - https://github.com/k2wanko/appengine-node-ssr-example