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