WebComponentsでフレームワークを1ページに共存させる - Speaker Deck

WebComponentsでフレームワークを1ページに共存させる

by Takuya Nishio

Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

8FC$PNQPOFOUTͰ ϑϨʔϜϫʔΫΛϖʔδʹڞ ଘͤ͞Δ 1 自 vol. 9

Slide 2

Slide 2 text

2 西 @webuilder 24 0

Slide 3

Slide 3 text

3 自己・ SaaS ・ Web WebComponents 心

Slide 4

Slide 4 text

Web 4

Slide 5

Slide 5 text

5

Slide 6

Slide 6 text

🥺 6

Slide 7

Slide 7 text

入 7

Slide 8

Slide 8 text

日 8

Slide 9

Slide 9 text

9 Web Components

Slide 10

Slide 10 text

10 Web Components Custom Elements 自 HTML JS HTML Vue React CSS GitHub Salesforce

Slide 11

Slide 11 text

11 Vue React CSS connectedCallback disconnectedCallback DOM

Slide 12

Slide 12 text

12 Web Components

Slide 13

Slide 13 text

13 React ・ Vue 比 WebComponents Web HTML 一 CSS SSR

Slide 14

Slide 14 text

14 行 Vue.js React 行 CustomElement WebComponents

Slide 15

Slide 15 text

15

Slide 16

Slide 16 text

16

Slide 17

Slide 17 text

17

Slide 18

Slide 18 text

18 https://ace-resolver- 39930 5 .web.app/

Slide 19

Slide 19 text

19 色 Vue Svelte Preact WebComponents 立

Slide 20

Slide 20 text

20

Slide 21

Slide 21 text

21 HTML

Slide 22

Slide 22 text

22 WebComponents Vue

Slide 23

Slide 23 text

23 CustomElements 行 createApp Vue React

Slide 24

Slide 24 text

24 Intersection Observer WebComponents 面示 JS

Slide 25

Slide 25 text

25 GitHub https://github.com/webuilder 24 0 /sample-webcomponents-project

Slide 26

Slide 26 text

26 方 WebComponents Astro SSR

Slide 27

Slide 27 text

27

Slide 28

Slide 28 text

28 用 WebComponents 用 Vue 50 行

Slide 29

Slide 29 text

29 WebComponents Svelte ・ React ・ Vue 方 npm WebComponents

Slide 30

Slide 30 text

30 心 WebComponents 色 https://zenn.dev/p/osiro

Slide 31

Slide 31 text

No content