Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
リアクティブを知る1歩
Search
Aipa
October 10, 2023
Technology
370
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
リアクティブを知る1歩
「v-okinawa Meetup #6 LT大会」でLTした内容です。
https://v-okinawa.connpass.com/event/289444/
Aipa
October 10, 2023
Transcript
23 slides
ϦΞΫςΟϒΛΔา WPLJOBXB BJQBDPNNBOEFS!ಹ
ࣗݾհ w ΞΠύʔୂͱ͍͍·͢ !BJQBDPNNBOEFS w ͏ͪͳʔΜͪΎͰ͢ w $#DMPVEגࣜձࣾͰಇ͍͍ͯ·͢ w
ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠ʑؤு͍ͬͯ·͢ w 7VF/VYUͰྼԽͨ͠7νϡʔόʔʹͳͬͨΓɺ7VF/VYU ͰίʔϧηϯλʔΈ͍ͨͳ෦ॺ͚ͷ8FCΞϓϦ࡞ͬͨΓͯ͠·͢
એᶃ'MVUUFSΠϕϯτΓ·͢ʂʢʣ IUUQT fl VUUFSPLJOBXBDPOOQBTTDPNFWFOU
એᶄϋοΧʔζνϟϯϓϧʔΓ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH
એᶄϋοΧʔζνϟϯϓϧʔΓ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH
ࠓͷࢀՃऀશһͰ͍ͧ͘ʂԠื͍ͯͩ͘͠͞ པΉɻ͓ئ͍͠·͢ ք۾Ͱ༗໊ͳʮશһͰߦͧ͘ʂʯͷྫ
ࠓ͢͜ͱ
7VFͷϦΞΫςΟϒγεςϜʹ͍ͭͯ ֶͼ͍ͨ
ϲ݄͙Β͍7VF Y ΛͬͯΈͨࠓͷؾ࣋ͪ w υΩϡϝϯτ͍͍ײ͡ͳͷͰɺಡΊ͏ʹͳ͍ w ΨοπϦཧղ͍ͯ͠Δ͔ʁͱΘΕΔͱͦ͏Ͱͳ͍ w ৭ʑϋϚͬͨࣄ w
#VJMEJO͞Ε͍ͯΔVTF)PHFVTF'VHBͰݺͼग़͕ͨ͠ϦΞΫςΟϒͩͬͨΓͦ͏ ͡Όͳ͔ͬͨΓ w XBUDI͕ಈ͔ͳ͍ɺͳͥʁˠΨνϟΨνϟ৭ʑఆٛΛม͑ͨΒಈ͍ͨΓɺಈ͔ͳ͔ͬͨ Γɺ5"3*5"3* w DPNQVUFE͕ʢҙਤͤͣʣউखʹಈ͘ɺͳͥʁˠԼͷͲ͔͜ʹϦΞΫςΟϒม͕͍ Δ
υΩϡϝϯτΛಡΊΘ͔Δ͕ɺͦΖ ͦΖ7VFͷؾ࣋ͪೝ্ࣝͨ͠Ͱ։ൃ ͯ͠Έͨ͞
ͱ͍͏Θ͚Ͱ࣮Λཧղ͢ΔͨΊͷ ݥʹͰΔ ʘΩϛʹ͖Ίͨʂʗ ʘűƅŜŧœř!!ʗ
DIJCJWVF IUUQTHJUIVCDPN6CVHFFFJDIJCJWVF
͜Μͳը໘Λࣸܦͯ͠࡞ͬͨ
Θ͔ͬͨ͜ͱ
ϦΞΫςΟϒมͷఆٛˠ͕ߋ৽͞ΕΔͱը ໘͕ߋ৽͢ΔྲྀΕͰઆ໌͢Δ ొਓͨͪ SFBDUJWFม (FUUFS 4FUUFS $PNQPOFOU 3FOEFSFS 5SBDL 5SBDLJOH
5SJHHFS UBSHFU.BQ BDUJWF& ff FDU %FQ %FQFOEFODZ 5BSHFUPCKFDU \DPVOU^
͜͜Ͱྗਚ͖Δ
ࣸܦͨ͠༰Λจষʹ͢Δͱ w λʔήοτϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ w ϦΞΫςΟϒมλʔήοτΛॳظʹϦΞΫςΟϒΦϒδΣΫτΛΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ w HFUUFS࣮ߦ࣌ʹUSBDLʢޙड़ʣɺTFUUFS࣌ʹUSJHHFSʢޙड़ʣΛ࣮ߦ͢Δ w UBSHFU.BQ8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ
δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ w 3FBDUJWF& ff FDUؔΛొɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗΛೖΕΔ w BDUJWF& ff FDUݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ w %FQBDUJWF& ff FDUΛෳอ࣋͢Δ.BQ
ਤΛ͓आΓ͢Δͱ w λʔήοτϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ w ϦΞΫςΟϒมλʔήοτΛॳظʹϦΞΫςΟϒΦϒδΣΫτΛΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ w HFUUFS࣮ߦ࣌ʹUSBDLʢޙड़ʣɺTFUUFS࣌ʹUSJHHFSʢޙड़ʣΛ࣮ߦ͢Δ w UBSHFU.BQ8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ
δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ w 3FBDUJWF& ff FDUؔΛొɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗΛೖΕΔ w BDUJWF& ff FDUݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ w %FQBDUJWF& ff FDUΛෳอ࣋͢Δ.BQ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md
ࣸܦͨ͠༰Λจষʹ͢Δͱͦͷ̎ $PNQPOFOU࡞࣌ w DPNQPOFOUΛSFOEFS͢ΔؔΛVQEBUF$PNQPOFOUͱ͢Δ w VQEBUF$PNQPOFOUΛ3FBDUJWF& ff FDUొ͓ͯ͘͠ w 3FBDUJWF&
ff FDUSVO͢ΔˠVQEBUF$PNQPOFOU͕࣮ߦ͞ΕΔ w VQEBUF$PNQPOFOU͢ΔͱSFG͕ఆٛ͞ΕΔˠͦͷޙʹSFOEFSؔͰ͕ಡ ΈऔΒΕΔˠHFUUFS͕ಈ͘ w BDUJWF& ff FDU͕VQEBUF$PNPQOFOUͷ··HFUUFS͕ಈ͘ˠUSBDL͕࣮ߦ͞Ε ͯɺUBSHFU.BQʹSFBDUJWFΦϒδΣΫτΛLFZʹVQEBUF$PNQPOFOU͕ొ ͞ΕΔ
ࣸܦͨ͠༰Λจষʹ͢Δͱͦͷ̏ 3FOEFS࣌ w JODSFNFOU͕ಈ͘ˠSFBDUJWFมͷTFUUFS͕ಈ͘ w TFUUFSSFBDUJWFPCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ ͞ΕͯΔऔΓग़͢ w
ͦΕͧΕॱ൪ʹ࣮ߦ͢ΔˠVQEBUF$PNQPOFOU͕ొ͞Ε͍ͯΔͷ Ͱ࣮ߦ͞ΕΔˠը໘Λߋ৽͢Δ
ਤΛ͓आΓ͢Δͱ w JODSFNFOU͕ಈ͘ˠSFBDUJWFมͷTFUUFS͕ಈ͘ w TFUUFSSFBDUJWFPCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ ͞ΕͯΔऔΓग़͢ w ͦΕͧΕॱ൪ʹ࣮ߦ͢ΔˠVQEBUF$PNQPOFOU͕ొ͞Ε͍ͯΔͷ
Ͱ࣮ߦ͞ΕΔˠը໘Λߋ৽͢Δ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md
ࡶײ • ԿΘ͔ΒΜ • Ҿ͖ଓ͖chibivueʹ͓ੈʹͳΓ·͢
͓ΘΓ
More Decks by Aipa
See All by Aipa
でーじいまさらReactを学ぶ
commander_aipa
0
34
「絶対に無理」を「ちょっと無理」にするAI活用術
commander_aipa
0
140
Amazon Connect で文字起こしする
commander_aipa
0
66
Devinと電話する
commander_aipa
0
58
Gemini CLI x gcloud CLI x Chrome DevTools MCP で、Google Cloudに乗っているアプリケーションのバグFixをいい感じにする
commander_aipa
0
140
ピンチヒッターです。なにか話します
commander_aipa
0
190
おれたちはいつDXできるのか
commander_aipa
1
140
ウンケーニオキタコワイハナシ
commander_aipa
0
190
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
commander_aipa
0
240
Other Decks in Technology
See All in Technology
田んぼの見回りをIoTで減らしたい!水位監視から電池駆動カメラまでの試行錯誤
itosoft
1
210
契約書SaaSにAIエージェントを組み込む
sansantech
PRO
0
130
The Author Pays
hiccupps
0
220
Datadog の権限統制 〜Org 統合に向けて調べた注意点 / JDDUG-Meetup_24
visional_engineering_and_design
1
150
AIが会計業務の伴走者に。 マネーフォワード クラウド会計MCPサーバーで実現するAI前提の新しい業務プロセス
nobitabashi
0
150
Steering と Hook (チームの決まりを守らせる) | 目指せ Kiro マスター 06
inariku
PRO
2
130
81天的 AI Agent 軟體開發團隊治理實務分享
regionbbs
0
170
AIネイティブ組織の作り方。1人のPOとAIから始める、自社での実験
ama_ch
1
630
Context Ontology Accelerator 入門 (業務データの意味を、AI エージェントに渡す)
inariku
PRO
3
680
Biohub - Cell Tracking During Development 5th place solution
rist
0
160
速くなるほど、深く考える AI時代のQAに学ぶ
kobayashiyorimitsu
0
220
小さなエージェントから始めてみよう!実践コンテキストエンジニアリング
iwamot
PRO
0
120
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Into the Great Unknown - MozCon
thekraken
41
2.8k
Optimizing for Happiness
mojombo
378
71k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
550
How to Think Like a Performance Engineer
csswizardry
28
2.9k
What's in a price? How to price your products and services
michaelherold
247
13k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
630
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Side Projects
sachag
456
43k