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
780
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
480
エンジニアは会社に何を求めるか? / What does engineers wants the company?
aggre
0
130
The importance ofopen assets
aggre
0
65
Fully AMP pros and cons
aggre
0
190
Web Components のリアル/ Realistic Web Components
aggre
12
8.1k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
aggre
1
370
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
aggre
1
430
Mastering lit-html directive
aggre
0
440
非中央集権ウェブ / Decentralized Web
aggre
3
590
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
5min GuardDuty Extended Threat Detection EKS
takakuni
0
180
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
280
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
210
Lambda Web Adapterについて自分なりに理解してみた
smt7174
6
160
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
3
3.3k
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5k
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
800
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
320
本が全く読めなかった過去の自分へ
genshun9
0
800
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
14k
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
18k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Side Projects
sachag
455
42k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Balancing Empowerment & Direction
lara
1
410
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Producing Creativity
orderedlist
PRO
346
40k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
What's in a price? How to price your products and services
michaelherold
246
12k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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