Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ちゃんとSvelte, Hello Worldした！

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Azusa Okamoto Azusa Okamoto
May 18, 2025
73
0

ちゃんとSvelte, Hello Worldした！

Avatar for Azusa Okamoto

Azusa Okamoto

May 18, 2025

More Decks by Azusa Okamoto

See All by Azusa Okamoto
GraphQLでAPI開発 やってみよう！
Avatar for Azusa Okamoto azunyan
0
37
「わたし色」の見方で拓く世界
Avatar for Azusa Okamoto azunyan
0
28
最近取り組んでいることについて喋ってみる
Avatar for Azusa Okamoto azunyan
0
22
フロントエンドエンジニアが関数型プログラミングに出会った話
Avatar for Azusa Okamoto azunyan
0
120
TECH WOMAN KANSAIの 取り組みと今後～2024年の振り返りと2025年へ～
Avatar for Azusa Okamoto azunyan
0
100
Go初心者が開発やってみた！
Avatar for Azusa Okamoto azunyan
1
570
デブサミウーマン2023 アウトプットって何が良いの？
Avatar for Azusa Okamoto azunyan
0
1.3k
個人的に楽しかった実装2022
Avatar for Azusa Okamoto azunyan
0
150
TestCaféでE2Eテスト!
Avatar for Azusa Okamoto azunyan
0
160

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
400
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
450
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Done Done
Avatar for chrislema chrislema
186
16k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
200
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
770
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
330
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
410
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k

Transcript

  1. ちゃんとSvelte, Hello Worldした！ Hackers’ Meetup #11 あずにゃん

  2. フロントエンドエンジニア バックエンドやったり... PMやったり... エンジニア5年目 TECH WOMAN KANSAIという女性エ ンジニア向けコミュニティの運営 ✨ 自己紹介

    あずにゃん @azunyan_eng

  3. 業務で新しい方が 参画されることに！

  4. フォローお願いしますね！！

  5. 「え、私実際、あんまタスク 担当することなかったんだよな...」

  6. 「え、私実際、あんまタスク 担当することなかったんだよな...」 ピンチ！！

  7. Svelteについて アウトプットしてみます！！

  8. Svelteの現在地

  9. None

  10. Svelteの現在地 利用率は、26%と上から4番目。(複数回 答ありだったはず...) 順調に伸びていってるFW！！

  11. で、Svelteって何？

  12. Svelteって何？ フロントのFWの1つ。 コンポーネントベース。 コンパイルして軽量化する。

  13. Svelteって何？ JSXを使わず、HTML・CSS・ JavaScript(TypeScript)で記述する。 Runesという独特な仕様もある。

  14. JS HTML CSS

  15. None
  16. None

  17. Runesって何？

  18. Runesって何？ コンパイラにコンパイルの仕方を伝える 役割。 標準で使えてimport不要。

  19. Runesって何？ $state $effect $props

  20. None
  21. None

  22. Reactエンジニアから見た Svelte

  23. Reactエンジニアから見たSvelte JSXを使わないので、慣れない... Runesとかいう構文が出てくる...！？ 複雑な機能が少なく、学習コストは低い 気がする

  24. ご清聴 ありがとうございました！