Svelte Todo アプリハンズオン資料

https://phper-oop.connpass.com/event/354894

Transcript

1. Svelte Todo ϋϯζΦϯ by Ώ͏͖ΌΜ
2. Svelteͱ͸ • ίϯύΠϧܕϑϩϯτΤϯυJSϑϨʔϜϫʔΫ • Ծ૝DOMΛར༻͠ͳ͍ • γϯϓϧͳߏจͱগͳ͍ϘΠϥʔϓϨʔτ • ඇৗʹখ͍͞όϯυϧαΠζ • SvelteKitͱͷ࿈ܞͰϑϧελοΫ։ൃ΋Մೳ
3. SvelteKitͱ͸ • Svelte Λ౔୆ʹͨ͠ ʮΞϓϦશମʯΛ࡞ΔͨΊͷ౷߹ϑϨʔϜϫʔΫ • ϖʔδભҠʢϧʔςΟϯάʣ • αʔόʔͱ࿈ܞͨ͠APIΤϯυϙΠϯτ • ϑΥʔϜॲཧ΍όϦσʔγϣϯ • SSRʢαʔόʔαΠυϨϯμϦϯάʣ • ຊ൪ϏϧυͱσϓϩΠ
4. ެࣜ(ӳޠ) https://svelte.dev
5. ެࣜ(೔ຊޠ) https://svelte.jp
6. ϑϨʔϜϫʔΫͷରԠؔ܎ ϥΠϒϥϦ ϑϨʔϜϫʔΫ 3FBDU ˠ /FYU 7VF ˠ /VYU 4WFMUF ˠ 4WFMUF,JU
7. SvelteͷϝϦοτ
8. ᶃ Ծ૝DOMΛར༻͠ͳ͍ • Svelte͸Ծ૝DOMΛ࢖ΘͣʹɺίϯύΠϧ࣌ ʹ௚઀ޮ཰తͳDOMૢ࡞ίʔυΛੜ੒͠· ͢ɻ → ϥϯλΠϜͷΦʔόʔϔου͕ͳ͘ɺඳը ͕଎͍ɾ൓Ԡ΋͍ܰɻ
9. ᶄ ϏϧυޙͷϑΝΠϧαΠζ͕খ͍͞ 3FBDU/FYU
   r
   ,# 7VF/VYU
   ,# 4WFMUF4WFMUF,JU
   ,#
10. SvelteͷσϝϦοτ
11. SvelteͷσϝϦοτ • React, Vueʹൺ΂ͯར༻ऀ͕গͳ͍ • ೔ຊهࣄɾಋೖࣄྫ͕গͳ͍ • αʔυύʔςΟ੡ϥΠϒϥϦ͕ରԠͯ͠ͳ͍ ͜ͱ΋͋Δ
12. ϋϯζΦϯʂ