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
PWA, SEO, SSR
Search
aggre
November 04, 2017
Technology
1
770
PWA, SEO, SSR
https://polymer-japan.connpass.com/event/69080/
の登壇資料です
aggre
November 04, 2017
Tweet
Share
More Decks by aggre
See All by aggre
The money for the openable and shareable era
aggre
0
410
エンジニアは会社に何を求めるか? / What does engineers wants the company?
aggre
0
110
The importance ofopen assets
aggre
0
52
Fully AMP pros and cons
aggre
0
170
Web Components のリアル/ Realistic Web Components
aggre
12
7.6k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
aggre
1
330
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
aggre
1
380
Mastering lit-html directive
aggre
0
430
非中央集権ウェブ / Decentralized Web
aggre
3
520
Other Decks in Technology
See All in Technology
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
260
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
ギークの理想が7つ集まるエムスリーで夢を叶えよう - エムスリー株式会社
m3_engineering
1
260
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
Featured
See All Featured
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
Designing Experiences People Love
moore
136
23k
The Mythical Team-Month
searls
217
43k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Speed Design
sergeychernyshev
9
270
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
Unsuck your backbone
ammeep
666
57k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Writing Fast Ruby
sferik
623
60k
Transcript
PWA, SEO, SSR
PWA
None
Service Worker HTTPS
Service Worker HTTPS
Polymer PWA
polymer init polymer build
ls build/es6-unbundled - service-worker.js - manifest.json
SEO/Bot
<hello-world></hello-world>
<hello-world> #shadow-root <style> h1 { color: blue } </style> <h1>Hello,
world!</h1> </hello-world>
<hello-world></hello-world>
SSR
Node.js
require('@skatejs/ssr/register'); const render = require('@skatejs/ssr’); class Hello extends HTMLElement {
connectedCallback () { const shadowRoot = this.attachShadow({ mode: 'open' }); shadowRoot.innerHTML = '<span>Hello, world!</span>'; } } customElements.define('x-hello', Hello); const hello = new Hello(); render(hello).then(console.log);
None
ShadowDOM?
<hello-world> #shadow-root <style> h1 { color: blue } </style> <h1>Hello,
world!</h1> </hello-world>
https://host/?dom=shady window.ShadyDOM = { force: true };
Rendertron
Prerender.io
Renderly
None