$30 off During Our Annual Pro Sale. View Details »
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
1k
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 ニフティ株式会社
継続的な改善のためのmodulesの適切な分割単位 - NIFTY Tech Talk #23
niftycorp
PRO
0
70
Re:ゼロから始めるTerraform生活 ~IaC入門編~ - NIFTY Tech Talk #23
niftycorp
PRO
0
70
Terraformにベストプラクティスを取り入れた - NIFTY Tech Talk #23
niftycorp
PRO
0
87
AWS AppSyncを用いた GraphQL APIの開発について - NIFTY Tech Talk #22
niftycorp
PRO
0
110
「天気予報があなたに届けられるまで」 - NIFTY Tech Talk #22
niftycorp
PRO
0
130
@nifty天気予報:フルリニューアルの挑戦 - NIFTY Tech Talk #22
niftycorp
PRO
0
120
@nifty天気予報のフロントエンドを 実装するまで - NIFTY Tech Talk #22
niftycorp
PRO
0
120
Application Signalsで始めるSLO ユーザー満足度を数値化する第一歩
niftycorp
PRO
2
240
FourKeysを導入したが生産性向上には至らなかった理由
niftycorp
PRO
1
70
Other Decks in Programming
See All in Programming
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
0
2.8k
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
9
4k
かんたんデザイン編集やってみた~「完全に理解した」までの道のり~
morit4ryo
1
110
Vapor Revolution
kazupon
2
2.4k
Thoughts and experiences on Rust and TypeScript
unvalley
2
200
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
6
1.3k
距離関数を極める! / SESSIONS 2024
gam0022
0
340
macOS なしで iOS アプリを開発する(※ただし xxx に限る)
mitsuharu
1
150
CSC509 Lecture 13
javiergs
PRO
0
130
romajip: 日本の住所CSVデータを活用した英語住所変換ライブラリを作った話
sangunkang
0
2.2k
.NET 9アプリをCGIとして レンタルサーバーで動かす
mayuki
0
720
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
11
2.3k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.2k
Agile that works and the tools we love
rasmusluckow
327
21k
Code Review Best Practice
trishagee
64
17k
How STYLIGHT went responsive
nonsquared
95
5.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Six Lessons from altMBA
skipperchong
27
3.5k
How to Ace a Technical Interview
jacobian
276
23k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Designing Experiences People Love
moore
138
23k
Building an army of robots
kneath
302
43k
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 最強
まとめ
高速 楽しい 柔軟
高速 楽しい 柔軟 体験してみよう!