Download as PDF, PPTX
Uploaded byTeppei Sato
SPAと覚悟
This document summarizes a presentation about single-page applications (SPAs). It discusses what SPAs are, some user experience challenges with SPAs like navigation and accessibility, and solutions to those challenges including server-side rendering and preloading resources. Links are provided to additional resources on topics like accessibility in SPAs and using service workers and prefetching to improve performance. The document concludes by thanking attendees of the presentation.
More Related Content
![Governance, Deployment & Methodologies for Agentic Automation [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day2-251112135038-a386476d-thumbnail.jpg?width=640&height=640&fit=bounds)
SPAと覚悟
- 1.
- 2. Hello! • @teppeis • Cybozu,Inc. / kintone • kintone SPA
- 3.
- 4.
- 5.
- 6.
- 9.
- 10.
- 11.
- 12. • • A =>B => C • • C => B => A
- 13. SPA • • A =>B => B’ • • B’ => A ???
- 14. • • SPA • 1 •/ • • dispose / XHR
- 16. SPA • • • SEO () • • •
- 18.
- 19.
- 20. SPA a11y • a11y •SPA DOM a11y • DIV React SPA Custom Elements)
- 21.
- 22.
- 24.
- 25.
- 27.
- 28.
- 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.