Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SPAと覚悟

41,437 views

Published on

Frontend Meetup vol.1 - SPAを語り尽くす会! でのLT資料です。
http://connpass.com/event/38112/

Published in: Technology
  • Be the first to comment

SPAと覚悟

  1. 1. SPA @teppeis Frontend Meetup vol.1 2016/9/16
  2. 2. Hello! • @teppeis • Cybozu, Inc. / kintone • kintone SPA
  3. 3. https://kintone.cybozu.com
  4. 4. SPA ? https://commons.wikimedia.org/wiki/File:Onsen_Monkey.JPG
  5. 5. 1
  6. 6. UX
  7. 7. SPA
  8. 8. SPA
  9. 9. :
  10. 10. • • A => B => C • • C => B => A
  11. 11. SPA • • A => B => B’ • • B’ => A ???
  12. 12. • • SPA • 1 • / • • dispose / XHR
  13. 13. SPA • • • SEO ( ) • • •
  14. 14. https://twitter.com/lef/status/774447745083908097
  15. 15. Accessibility
  16. 16. SPA a11y • 
 a11y • SPA DOM 
 a11y • DIV React 
 
 SPA Custom Elements)
  17. 17. http://marcysutton.github.io/accessibility-of-web-components/slides.html
  18. 18. SPA SPA
  19. 19. https://speakerdeck.com/ahomu/client-side-of-fresh
  20. 20. https://speakerdeck.com/ahomu/wai-aria-in-fresh-and-abematv
  21. 21. https://flic.kr/p/dmktpf
  22. 22. https://flic.kr/p/9WwiW
  23. 23. SSR UX ( ) • HTTP/2, TLS1.3, QUICK • AppCache • Service Worker • Resource Hints API, Prefetch • Preload
  24. 24. /HTML • HTML/Web 
 GUI • : Electron, WebView • 
 • XUL
  25. 25. SPA Thanks!

×