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
460
エンジニアは会社に何を求めるか? / What does engineers wants the company?
Avatar for aggre aggre
0
120
The importance of open assets
Avatar for aggre aggre
0
59
Fully AMP pros and cons
Avatar for aggre aggre
0
180
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
360
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
420
Mastering lit-html directive
Avatar for aggre aggre
0
430
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
580

Other Decks in Technology

See All in Technology
ビジネスとデザインとエンジニアリングを繋ぐために 一人のエンジニアは何ができるか / What can a single engineer do to connect business, design, and engineering?
Avatar for 株式会社カミナシ kaminashi
2
870
ここはMCPの夜明けまえ
Avatar for nwiizo nwiizo
32
13k
もう難しくない！誰でもカンタンDocker入門 〜30分であなたのPCにアプリを立ち上げる〜
Avatar for とことんDevOps devops_vtj
0
180
Linuxのパッケージ管理とアップデート基礎知識
Avatar for Go Nishimoto go_nishimoto
1
700
コードや知識を組み込む / Incorporating Codes and Knowledge
Avatar for Kenji Saito ks91
PRO
0
160
10分で学ぶ、RAGの仕組みと実践
Avatar for Marimo supermarimobros
0
780
Notion x ポストモーテムで広げる組織の学び / Notion x Postmortem
Avatar for Isao Shimizu isaoshimizu
1
150
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
2
460
Simplify! 10 ways to reduce complexity in software development
Avatar for Uwe Friedrichsen ufried
1
220
時間がないなら、つくればいい 〜数十人規模のチームが自律性を発揮するために試しているいくつかのこと〜
Avatar for KAKEHASHI kakehashi
PRO
11
880
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
5.5k
品質文化を支える小さいクロスファンクショナルなチーム / Cross-functional teams fostering quality culture
Avatar for とうま toma_sm
0
180

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
23
2.7k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
612
210k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.2k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.7k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
780
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.3k

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