$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ちゃんとSvelte, Hello Worldした!
Search
Azusa Okamoto
May 18, 2025
0
54
ちゃんとSvelte, Hello Worldした!
Azusa Okamoto
May 18, 2025
Tweet
Share
More Decks by Azusa Okamoto
See All by Azusa Okamoto
GraphQLでAPI開発 やってみよう!
azunyan
0
16
「わたし色」の見方で拓く世界
azunyan
0
20
最近取り組んでいることについて喋ってみる
azunyan
0
14
フロントエンドエンジニアが関数型プログラミングに出会った話
azunyan
0
110
TECH WOMAN KANSAIの 取り組みと今後~2024年の振り返りと2025年へ~
azunyan
0
90
Go初心者が開発やってみた!
azunyan
1
550
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
1.1k
個人的に楽しかった実装2022
azunyan
0
140
TestCaféでE2Eテスト!
azunyan
0
140
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
65
35k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.1k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
57
37k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
580
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Exploring anti-patterns in Rails
aemeredith
2
200
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
25
Utilizing Notion as your number one productivity tool
mfonobong
2
190
Typedesign – Prime Four
hannesfritz
42
2.9k
Transcript
ちゃんとSvelte, Hello Worldした! Hackers’ Meetup #11 あずにゃん
フロントエンドエンジニア バックエンドやったり... PMやったり... エンジニア5年目 TECH WOMAN KANSAIという女性エ ンジニア向けコミュニティの運営 ✨ 自己紹介
あずにゃん @azunyan_eng
業務で新しい方が 参画されることに!
フォローお願いしますね!!
「え、私実際、あんまタスク 担当することなかったんだよな...」
「え、私実際、あんまタスク 担当することなかったんだよな...」 ピンチ!!
Svelteについて アウトプットしてみます!!
Svelteの現在地
None
Svelteの現在地 利用率は、26%と上から4番目。(複数回 答ありだったはず...) 順調に伸びていってるFW!!
で、Svelteって何?
Svelteって何? フロントのFWの1つ。 コンポーネントベース。 コンパイルして軽量化する。
Svelteって何? JSXを使わず、HTML・CSS・ JavaScript(TypeScript)で記述する。 Runesという独特な仕様もある。
JS HTML CSS
None
None
Runesって何?
Runesって何? コンパイラにコンパイルの仕方を伝える 役割。 標準で使えてimport不要。
Runesって何? $state $effect $props
None
None
Reactエンジニアから見た Svelte
Reactエンジニアから見たSvelte JSXを使わないので、慣れない... Runesとかいう構文が出てくる...!? 複雑な機能が少なく、学習コストは低い 気がする
ご清聴 ありがとうございました!