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
77
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
40
「わたし色」の見方で拓く世界
Avatar for Azusa Okamoto azunyan
0
29
最近取り組んでいることについて喋ってみる
Avatar for Azusa Okamoto azunyan
0
24
フロントエンドエンジニアが関数型プログラミングに出会った話
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
580
デブサミウーマン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
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
400
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
430
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
950
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
430
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
200
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
340
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
790

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. ご清聴 ありがとうございました！