Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PolymerのSEO&SSRの対策と手法 / Polymer SEO & SSR

Avatar for aggre aggre
February 06, 2018
Technology
0
880

PolymerのSEO&SSRの対策と手法 / Polymer SEO & SSR

https://polymer-japan.connpass.com/event/77121/ の登壇資料です

Avatar for aggre

aggre

February 06, 2018
Tweet

More Decks by aggre

See All by aggre
The money for the openable and shareable era
Avatar for aggre aggre
0
490
エンジニアは会社に何を求めるか? / What does engineers wants the company?
Avatar for aggre aggre
0
140
The importance of open assets
Avatar for aggre aggre
0
75
Fully AMP pros and cons
Avatar for aggre aggre
0
190
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8.2k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
380
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
440
Mastering lit-html directive
Avatar for aggre aggre
0
450
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
600

Other Decks in Technology

See All in Technology
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
Avatar for おーしろ noayaoshiro
0
260
ガバメントクラウド（AWS）へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
190
AWSでAgentic AIを開発するための前提知識の整理
Avatar for Kiminori Yokoi nasuvitz
2
150
そのWAFのブロック、どう活かす？ サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
Avatar for 株式会社カミナシ kaminashi
0
190
Wasmのエコシステムを使った ツール作成方法
Avatar for asuka askua
0
140
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
0
260
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
Avatar for Ken'ichirou Kimura kenichirokimura
3
300
Large Vision Language Modelを用いた 文書画像データ化作業自動化の検証、運用 / shibuya_AI
Avatar for Sansan R&D sansan_randd
0
150
AIツールでどこまでデザインを忠実に実装できるのか
Avatar for Oikon oikon48
6
3.3k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
20k
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
Avatar for Kurochan kurochan
2
1.1k
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
Avatar for you（@youtoy） you
PRO
0
250

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
590
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k

Transcript

  1. None

  2. Polymer Polymer(Web Components) SSR SSR

  3. /shop/234.html

  4. /shop/234.html

  5. /shop/234.html

  6. /shop/234

  7. /shop/234

  8. /shop/234

  9. /shop/234

  10. /shop/234 ???

  11. None
  12. None
  13. None

  14. Shadow DOM

  15. Shady DOM

  16. HTML HTML

  17. None
  18. None

  19. Polymer Polymer(Web Components) SSR SSR

  20. Shadow DOM Serverless Components

  21. Polymer Polymer(Web Components) SSR SSR

  22. SSR SSR • • • • CGM( e.g. ) •

    EC … • • • • • • …

  23. SSR SSR or

  24. None
  25. None

  26. <head> ? <body> ?

  27. <head> SSR <body> SSR or

  28. Polymer Polymer(Web Components) SSR SSR

  29. JavaScript <title> <meta> <head> SSR <body> SSR

  30. JavaScript HTML OK <head> SSR <body> SSR

  31. JavaScript HTML OK <head> SSR <body> SSR

  32. 1. Node.js 2. Browser in Server 3. Slot

  33. None

  34. Skate.js Node.js window HTML

  35. None

  36. Headless Chrome(Puppeteer)

  37. None

  38. Custom Elements HTML

  39. • Node.js • Browser in Server • Slot

  40. None