NIFTY Tech Talk #09 SvelteKitをサービスに導入してみた！

Transcript

1. NIFTY Tech Talk #9 SvelteKitをサービスに導入してみた！ By Takeroid
2. Hello! I am Takeroid!
3. Hello! I am Takeroid! My hobby is FF14
6. 2022年11月 開発着手 2023年1月β版 2023年2月6日 リリース👏 アドクリーナー 申し込みフォーム
8. SvelteKitで できているんです！！
9. SvelteKitで できているんです！！
14. 高速 楽しい 柔軟
15. 高速 楽しい 柔軟 V1.0.0リリース
16. Svelteで HelloWorld！ Let’s 体験
17. たったこれだけ <script> let name = 'world'; </script> <h1>Hello {name}!</h1>
18. たったこれだけ <script> let name = 'world'; </script> <h1>Hello {name}!</h1> Vue Likeな書き方 サイコー
19. Vue Likeな書き方 サイコー
20. …
21. なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている！ > はい いいえ
22. なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている！ はい > いいえ
23. なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている！ > はい いいえ
24. なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている！ はい > いいえ
25. Svelteはコンパイラ
26. 仮想DOMを使わない だからより速い
27. もっと手軽に もっと簡潔に もっともっともっと…
28. バンドルサイズが小さい コード記述量が少ない JSにビルドされ速い 状態管理は標準備え付け 学習コストが低い
29. 選ばれたのはSvelteKitでした
30. すこし気になってきた？👀
31. HTMLを分割しやすい
32. コピペで分割
33. 慣れ親しんだTemplate構文
34. 慣れ親しんだTemplate構文
35. 慣れ親しんだTemplate構文
36. 慣れ親しんだTemplate構文
37. よくないところ
38. 情報収集が大変
39. トンネルを抜けると トンネルだった
40. トンネルを抜けると トンネルだった ❗
41. 公式ドキュメント and Github is 最強
42. まとめ
43. 高速 楽しい 柔軟
44. 高速 楽しい 柔軟 体験してみよう！