Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
NIFTY Tech Talk #09 SvelteKitをサービスに導入してみた!
Search
ニフティ株式会社
PRO
March 08, 2023
Video
Resources
Programming
0
1.2k
NIFTY Tech Talk #09 SvelteKitをサービスに導入してみた!
ニフティ株式会社
PRO
March 08, 2023
Tweet
Share
Video
Resources
SvelteKit, Next.jsの導入事例紹介など 〜ニフティのフロントエンドの今とこれから〜 - NIFTY Tech Talk #9
https://nifty.connpass.com/event/273568/
More Decks by ニフティ株式会社
See All by ニフティ株式会社
2025-07-08 InnerSource Commons Japan Meetup #14 【OST】チームの壁、ぶっ壊そ!壁の乗り越え方、一緒に考えよう!
niftycorp
PRO
0
18
2025-04-25 NIFTY's InnerSource Activites
niftycorp
PRO
0
230
外コミュニティ活動や登壇活動が技術 広報として大事だよ、と改めて周囲に伝 えられた件 - EM Oasis 特別会
niftycorp
PRO
0
120
Dify触ってみた。
niftycorp
PRO
1
220
Amazon Bedrockを使用して、 運用対応を楽にしてみた
niftycorp
PRO
1
240
自社製CMSからの脱却:10件のWebサイト再構築に学ぶ運用重視の技術選定 - NIFTY Tech Day 2025
niftycorp
PRO
0
110
エンジニアの殻を破る:インナーソースと社外活動がもたらした成長 - NIFTY Tech Day 2025
niftycorp
PRO
0
77
システム全体像把握の超高速化〜システム関連図を使い倒そう (LT) - NIFTY Tech Day 2025
niftycorp
PRO
0
75
Rust で生成 AI の社内 chatbot をメンテしている話 (LT) - NIFTY Tech Day 2025
niftycorp
PRO
0
82
Other Decks in Programming
See All in Programming
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
PicoRuby on Rails
makicamel
2
130
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
820
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
110
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
530
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
280
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
120
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
190
Featured
See All Featured
Fireside Chat
paigeccino
37
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Optimizing for Happiness
mojombo
379
70k
Become a Pro
speakerdeck
PRO
29
5.4k
Being A Developer After 40
akosma
90
590k
Designing for Performance
lara
610
69k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Code Review Best Practice
trishagee
69
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Transcript
NIFTY Tech Talk #9 SvelteKitをサービスに導入してみた! By Takeroid
Hello! I am Takeroid!
Hello! I am Takeroid! My hobby is FF14
None
None
2022年11月 開発着手 2023年1月β版 2023年2月6日 リリース👏 アドクリーナー 申し込みフォーム
None
SvelteKitで できているんです!!
SvelteKitで できているんです!!
None
None
None
None
高速 楽しい 柔軟
高速 楽しい 柔軟 V1.0.0リリース
Svelteで HelloWorld! Let’s 体験
たったこれだけ <script> let name = 'world'; </script> <h1>Hello {name}!</h1>
たったこれだけ <script> let name = 'world'; </script> <h1>Hello {name}!</h1> Vue
Likeな書き方 サイコー
Vue Likeな書き方 サイコー
…
なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている! > はい いいえ
なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている! はい > いいえ
なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている! > はい いいえ
なんと Vueは Nuxt3を連れて なかまに なりたそうに こちらをみている! はい > いいえ
Svelteはコンパイラ
仮想DOMを使わない だからより速い
もっと手軽に もっと簡潔に もっともっともっと…
バンドルサイズが小さい コード記述量が少ない JSにビルドされ速い 状態管理は標準備え付け 学習コストが低い
選ばれたのはSvelteKitでした
すこし気になってきた?👀
HTMLを分割しやすい
コピペで分割
慣れ親しんだTemplate構文
慣れ親しんだTemplate構文
慣れ親しんだTemplate構文
慣れ親しんだTemplate構文
よくないところ
情報収集が大変
トンネルを抜けると トンネルだった
トンネルを抜けると トンネルだった ❗
公式ドキュメント and Github is 最強
まとめ
高速 楽しい 柔軟
高速 楽しい 柔軟 体験してみよう!