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
950
サーバサイドレンダリング 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.7k
Google Analytics for Firebaseを 使うときに把握しておきたいこと / Keep in mind when using Google Analytics for Firebase
k2wanko
2
470
パスワードのない未来のための Firebaseで実装するFIDO2 / FIDO2 actualized by Firebase for the password-less future
k2wanko
5
2.2k
Firebase Auth& Performance Monitoring
k2wanko
0
330
What's New Firebase 2019 Q1 #FJUG #io19jp
k2wanko
5
2.5k
Firebase for Grow
k2wanko
5
900
gosecを試してみた話 / try gosec
k2wanko
1
2.8k
最近のFirebase / Recent Firebase
k2wanko
4
1.6k
Firebase Japan User Group Introduction 2018 #FJUG
k2wanko
0
580
Other Decks in Technology
See All in Technology
JAWS-UG20250116_iOSアプリエンジニアがAWSreInventに行ってきた(真面目編)
totokit4
0
140
デジタルアイデンティティ人材育成推進ワーキンググループ 翻訳サブワーキンググループ 活動報告 / 20250114-OIDF-J-EduWG-TranslationSWG
oidfj
0
540
2025年のARグラスの潮流
kotauchisunsun
0
790
When Windows Meets Kubernetes…
pichuang
0
300
自社 200 記事を元に整理した読みやすいテックブログを書くための Tips 集
masakihirose
2
330
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
860
Cloudflareで実現する AIエージェント ワークフロー基盤
kmd09
0
290
Oracle Exadata Database Service(Dedicated Infrastructure):サービス概要のご紹介
oracle4engineer
PRO
0
12k
KMP with Crashlytics
sansantech
PRO
0
240
AWS re:Invent 2024 re:Cap Taipei (for Developer): New Launches that facilitate Developer Workflow and Continuous Innovation
dwchiang
0
160
Copilotの力を実感!3ヶ月間の生成AI研修の試行錯誤&成功事例をご紹介。果たして得たものとは・・?
ktc_shiori
0
350
新卒1年目、はじめてのアプリケーションサーバー【IBM WebSphere Liberty】
ktgrryt
0
120
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Unsuck your backbone
ammeep
669
57k
Producing Creativity
orderedlist
PRO
343
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Facilitating Awesome Meetings
lara
51
6.2k
Typedesign – Prime Four
hannesfritz
40
2.5k
Site-Speed That Sticks
csswizardry
3
270
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Designing for Performance
lara
604
68k
Being A Developer After 40
akosma
89
590k
Mobile First: as difficult as doing things right
swwweet
222
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