Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
リアクティブを知る1歩
Search
Aipa
October 10, 2023
Technology
0
300
リアクティブを知る1歩
「v-okinawa Meetup #6 LT大会」でLTした内容です。
https://v-okinawa.connpass.com/event/289444/
Aipa
October 10, 2023
Tweet
Share
More Decks by Aipa
See All by Aipa
Gemini CLI x gcloud CLI x Chrome DevTools MCP で、Google Cloudに乗っているアプリケーションのバグFixをいい感じにする
commander_aipa
0
54
ピンチヒッターです。なにか話します
commander_aipa
0
130
おれたちはいつDXできるのか
commander_aipa
1
79
ウンケーニオキタコワイハナシ
commander_aipa
0
130
Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy
commander_aipa
0
190
Meilisearchでハイブリッドベクトル検索
commander_aipa
0
150
Honoの導入を検討していたが、Honoの人が来沖するらしいので、急いでHonoを導入した話
commander_aipa
0
210
Dの意思は神を殺す
commander_aipa
0
100
ファインチューニングがしたい
commander_aipa
0
200
Other Decks in Technology
See All in Technology
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
190
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.3k
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
250
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
350
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
What's new in OpenShift 4.20
redhatlivestreaming
0
290
生成AI時代のPythonセキュリティとガバナンス
abenben
0
140
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
270
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
390
オブザーバビリティが育むシステム理解と好奇心
maruloop
2
1.3k
OCIjp_Oracle AI World_Recap
shinpy
1
180
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Mobile First: as difficult as doing things right
swwweet
225
10k
Transcript
ϦΞΫςΟϒΛΔา 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ʹ͓ੈʹͳΓ·͢
͓ΘΓ