Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
サーバサイドレンダリング for Google App Engine / Server Side Rendering for Google App Engine
k2wanko
June 14, 2018
Technology
2
730
サーバサイドレンダリング 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
1
490
Google Analytics for Firebaseを 使うときに把握しておきたいこと / Keep in mind when using Google Analytics for Firebase
k2wanko
2
400
パスワードのない未来のための Firebaseで実装するFIDO2 / FIDO2 actualized by Firebase for the password-less future
k2wanko
4
1.4k
Firebase Auth& Performance Monitoring
k2wanko
0
240
What's New Firebase 2019 Q1 #FJUG #io19jp
k2wanko
5
2.1k
Firebase for Grow
k2wanko
5
600
gosecを試してみた話 / try gosec
k2wanko
1
1.5k
最近のFirebase / Recent Firebase
k2wanko
4
1.3k
Firebase Japan User Group Introduction 2018 #FJUG
k2wanko
0
490
Other Decks in Technology
See All in Technology
【SAP知らない人向け】SAP on AWS 個人学習メモ/sap-on-aws-study
emiki
3
2.3k
GeoLocationAnchor and MKTileOverlay
toyship
0
110
LINEのB2Bプラットフォームにおけるトラブルシューティング2選
line_developers
PRO
4
310
Target SDK Versionを上げない Notification runtime permission対応
napplecomputer
0
150
JAWS-UG re:Habilitaion 報告 / JAWS-UG OITA rehabilitation
hiranofumio
0
130
Accelerated Computing for NLP on AWS
shokout
1
240
Swift Regex Builder
kumamotone
1
110
セキュリティ 開運研修2022 / security 2022
cybozuinsideout
PRO
3
3.9k
紙にまつわる苦しみを機能化してきた カミナシの歴史
kaminashi
0
1.3k
Lessons Learned from Scaling Infrastructure as Code
joatmon08
0
800
サイボウズの アジャイル・クオリティ / Agile Quality at Cybozu
cybozuinsideout
PRO
4
2.4k
ROS再入門-はじめてのSLAM-
miura55
0
420
Featured
See All Featured
Design by the Numbers
sachag
271
17k
The World Runs on Bad Software
bkeepers
PRO
57
5.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
GraphQLとの向き合い方2022年版
quramy
16
8.3k
The Invisible Side of Design
smashingmag
290
48k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
Designing for Performance
lara
597
63k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
BBQ
matthewcrist
74
7.9k
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