SPA

@teppeis Frontend Meetup vol.1

2016/9/16

Hello!• @teppeis

• Cybozu, Inc. / kintone

• kintone SPA

https://kintone.cybozu.com

SPA ?

https://commons.wikimedia.org/wiki/File:Onsen_Monkey.JPG

1

UX

SPA

SPA

:

•

• A => B => C

•

• C => B => A

SPA•

• A => B => B’

•

• B’ => A ???

•

• SPA

• 1

• /

•

• dispose / XHR

SPA•

•

• SEO ( )

•

•

•

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

Accessibility

SPA a11y•

a11y

• SPA DOM

a11y

• DIV React

SPA Custom Elements)

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

SPA

SPA

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

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

https://flic.kr/p/dmktpf

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

SSR UX ( )

• HTTP/2, TLS1.3, QUICK

• AppCache

• Service Worker

• Resource Hints API, Prefetch

• Preload

/HTML

• HTML/Web

GUI

• : Electron, WebView

•

• XUL

SPA

Thanks!