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

1. SPA
@teppeis
Frontend Meetup vol.1
2016/9/16

2. Hello!
• @teppeis
• Cybozu, Inc. / kintone
• kintone SPA

3. https://kintone.cybozu.com

4. SPA ?
https://commons.wikimedia.org/wiki/File:Onsen_Monkey.JPG

5. 1

6. UX

9. SPA

10. SPA

11. :

12. •
• A => B => C
•
• C => B => A

13. SPA
•
• A => B => B’
•
• B’ => A ???

14. •
• SPA
• 1
• /
•
• dispose / XHR

16. SPA
•
•
• SEO ( )
•
•
•

18. https://twitter.com/lef/status/774447745083908097

19. Accessibility

20. SPA a11y
•
a11y
• SPA DOM
a11y
• DIV React
SPA Custom Elements)

21. http://marcysutton.github.io/accessibility-of-web-components/slides.html

22. SPA
SPA

24. https://speakerdeck.com/ahomu/client-side-of-fresh

25. https://speakerdeck.com/ahomu/wai-aria-in-fresh-and-abematv

27. https://flic.kr/p/dmktpf

28. https://flic.kr/p/9WwiW

30. SSR UX ( )
• HTTP/2, TLS1.3, QUICK
• AppCache
• Service Worker
• Resource Hints API, Prefetch
• Preload

31. /HTML
• HTML/Web
GUI
• : Electron, WebView
•
• XUL

32. SPA
Thanks!