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
880
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 ニフティ株式会社
2つのスクラムチームの 調和的な協働・連携について - ニフティのスクラムトーク Vol. 3 / NIFTY Tech Talk #19
niftycorp
PRO
1
15
チーム力を高めるスクラム実践法:カンバン公開と課題攻略について - ニフティのスクラムトーク Vol. 2 - NIFTY Tech Talk #18
niftycorp
PRO
1
190
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
190
Visual Studio Code Dev Containers ススメ Python編 - NIFTY Tech Talk #17
niftycorp
PRO
1
140
dotfilesを作ろう - NIFTY Tech Talk #17
niftycorp
PRO
1
130
フロントエンドを始める前に どうしていっぱいツールがあるの? - NIFTY Tech Talk #17
niftycorp
PRO
1
240
サービスシステム監視 (シフト例)
niftycorp
PRO
0
94
スクラムマスターの技を磨く! ニフティのスクラムトーク vol. 1 - NIFTY Tech Talk #16
niftycorp
PRO
1
210
AWS基礎 / 2023 ニフティ新人研修
niftycorp
PRO
0
550
Other Decks in Programming
See All in Programming
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
ドメイン駆動設計の実践
masuda220
PRO
17
5.1k
今こそ始める、CDKコンストラクトライブラリ開発 ― 入門から実践まで
tmokmss
1
930
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
CSC307 Lecture 05
javiergs
PRO
0
210
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
Trial
cairolibrary720
1
130
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
423
64k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Leading Effective Engineering Teams 2024
addyosmani
3
300
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
How STYLIGHT went responsive
nonsquared
93
5k
Bash Introduction
62gerente
607
210k
Web Components: a chance to create the future
zenorocha
307
41k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Clear Off the Table
cherdarchuk
89
320k
BBQ
matthewcrist
82
9k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
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 最強
まとめ
高速 楽しい 柔軟
高速 楽しい 柔軟 体験してみよう!