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 Side Rendering for Google App Engine
Search
k2wanko
June 14, 2018
Technology
2
900
サーバサイドレンダリング 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
1.4k
Google Analytics for Firebaseを 使うときに把握しておきたいこと / Keep in mind when using Google Analytics for Firebase
k2wanko
2
460
パスワードのない未来のための Firebaseで実装するFIDO2 / FIDO2 actualized by Firebase for the password-less future
k2wanko
5
2.1k
Firebase Auth& Performance Monitoring
k2wanko
0
310
What's New Firebase 2019 Q1 #FJUG #io19jp
k2wanko
5
2.4k
Firebase for Grow
k2wanko
5
830
gosecを試してみた話 / try gosec
k2wanko
1
2.4k
最近のFirebase / Recent Firebase
k2wanko
4
1.5k
Firebase Japan User Group Introduction 2018 #FJUG
k2wanko
0
570
Other Decks in Technology
See All in Technology
GA technologiesの経営戦略から駆動するデータ基盤構築
pacocat
0
530
学びの敷居を下げるためにどんな工夫をしたの?
mineo_matsuya
3
320
Oracle Exadata Database Service:サービス概要のご紹介
oracle4engineer
PRO
0
8k
透過 Cloud Function + Firebase 與 Gemini Pro Vision 打造一個旅遊小幫手 LINE ChatBot
line_developers_tw
PRO
0
380
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
0
11k
【Oracle GoldenGate 最新情報&テクニカルセミナー】[Session01] Oracle GoldenGate 最新情報&最新事例
oracle4engineer
PRO
2
160
はてなのチーム開発一巡り / Hatena Engineer Seminar 30
daiksy
0
320
AWSの生成AIサービス Amazon Bedrock入門!(2024/6月版)
minorun365
PRO
5
1.7k
ポストモーテム読書会のすすめ
taxin
0
360
KnowledgeBasesとAgentsの紹介
hedgehog051
2
420
AWSの生成AIサービス入門 & 最強の書籍紹介!
minorun365
PRO
9
1.5k
「開発生産性を上げる改善」って儲かるの?に答えられるようにする / Is development productivity profitable?
i35_267
22
11k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
506
110k
How to Ace a Technical Interview
jacobian
273
23k
Raft: Consensus for Rubyists
vanstee
133
6.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
21
1.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
359
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Building Applications with DynamoDB
mza
89
5.8k
How GitHub (no longer) Works
holman
305
140k
Designing Experiences People Love
moore
136
23k
Ruby is Unlike a Banana
tanoku
96
10k
Why Our Code Smells
bkeepers
PRO
331
56k
In The Pink: A Labor of Love
frogandcode
139
22k
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