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
初めての chrome extension で Plasmo 使ってみた / 20240329...
Search
girigiribauer
March 29, 2024
0
120
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
2024/03/29 Niigata5分Tech #6 で話した資料です
girigiribauer
March 29, 2024
Tweet
Share
More Decks by girigiribauer
See All by girigiribauer
タスクにもストック型・フロー型があるということに Todoist を使い始めて気づいた話 / 20250725-niigata-5min-tech
girigiribauer
0
45
Bluesky のフィードを作ろう / 20250620-niigata-5min-tech
girigiribauer
0
42
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
100
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
86
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
100
私と Vim / 20240426-niigata-5min-tech
girigiribauer
2
190
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
560
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
250
モーダルウィンドウを作るときは createPortal を選択肢に加えよう、という話 / 20200201-react-nagoya-learning
girigiribauer
0
110
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
910
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How STYLIGHT went responsive
nonsquared
100
5.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Being A Developer After 40
akosma
90
590k
Building an army of robots
kneath
306
46k
Transcript
/JJHBUB5FDI ॳΊͯͷDISPNFFYUFOTJPOͰ 1MBTNPͬͯΈͨ HJSJHJSJCBVFS
5XJUUFS9ͱ#MVFTLZʹΫϩεϙετ͔ͨͬͨ͠ ͍·͏աڈͷɾɾɾ w Ϋϩεϙετπʔϧ'MZ'SFF w IUUQTDISPNFHPPHMFDPNXFCTUPSF EFUBJMGMZGSFF NKMGLIFOPCEKEPOFGIECQJHPQOEHFPHN w 63-͕͍ͷͰετΞͰݕࡧͯ͠Ͷ
w ࠓ༰ʹؔͯ͠۷ΓԼ͛ͳ͍ w ͘ͳͬͪΌ͏🥺 w ֦ுػೳΛ࡞Δࡍʹ͋Ε͜Εײͨ͡Λத৺ʹ 2
w ֦ுػೳͷϑϨʔϜϫʔΫ w IUUQTXXXQMBTNPDPN w 4LZ'PMMPXFS#SJEHFͰΘΕͯ ͯॳΊͯͬͨ w !LBXBNBUBSZPCTLZTPDJBM͞ Μ͕࡞ͬͯΔͭ
w 5XJUUFS9ଆͷϑΥϩʔɾϑΥ ϩϫʔΛ#MVFTLZ্Ͱ୳ͤΔ 1MBTNP'SBNFXPSL 3
w ެࣜυΩϡϝϯτΑΓҾ༻ w IUUQTEPDTQMBTNPDPN GSBNFXPSLIJHIMJHIUFE GFBUVSFT w 3FBDU͑Δͥʂએݴతʹॻ͚ ΔͥʂϥΠϒϦϩʔυಈͥ͘ʂ ֤छ֦ுͷ"1*ศརʹ͑Δ
ͥʂͦͷଞΖΖศརʹ։ൃ Ͱ͖ͪΌ͏ͥʂΈ͍ͨͳײ͡ 1MBTNPΛར༻͢ΔϝϦοτ 4
1MBTNP͍͍ͳͱࢥͬͨͱ͜Ζ w Ϗϧυ͢Δͱఏग़༻ͷ[JQϑΝΠϧ·Ͱ࡞ͬͯ͘ΕΔ w ҰԠ#SPXTFS1MBUGPSN1VCMJTIͱ͍͏ࣗಈσϓϩΠػೳ͋ΔΒ͍͠ w ॾʑͷཧ༝Ͱखಈʹ༷ͯࢠݟ w NBOJGFTUKTPOQBDLBHFKTPOͷهड़ʹԊͬͯࣗಈͰ࡞ͬͯ͘ΕΔ w
ϝΠϯͷDPOUFOUUTYϑΝΠϧʹFYQPSUDPOTUDPOGJHΛఆٛ͢Δ͚ͩͰ ࢦఆυϝΠϯ্ͰεΫϦϓτྲྀ͠ࠐΜͰ͘ΕΔ w IUUQTEPDTQMBTNPDPNGSBNFXPSLDPOUFOUTDSJQUTDPOGJH 5
6
1MBTNPΛར༻͢ΔσϝϦοτ w ྑ͘ѱ͘1MBTNPͷϨʔϧʹԊͬͯ։ൃ͢Δඞཁ͕͋Δ w ྫίϯϙʔωϯτׂͨ͠$44.PEVMFTͷϑΝΠϧ͕ಡΈࠐ·Εͳ͍ w FYQPSUDPOTUHFU4UZMFʹ࠷ऴతʹελΠϧ͕ಡΈࠐ·ΕΕউखʹͬͯ ͘ΕΔ w ཪΛฦͤɺ͜͜ʹؚ·Εͯͳ͍ͷಡΈࠐ·Εͳ͍
w IUUQTEPDTQMBTNPDPNGSBNFXPSLDPOUFOUTDSJQUTVJTUZMJOHSBX DTTUFYU 7
8
9
EBUBUFYUͱʢ1MBTNPͷิʣ w ͬ͘͟Γݴ͏ͱ্ख͍͜ ͱॲཧͨ͠ͷΛςΩε τͱͯ͠औಘͰ͖Δ w EBUBCBTFΛ͏ ͱɺը૾ΛCBTFͷ จࣈྻͱͯ͠औಘ͢Δ͜ ͱͰ͖Δ
w NBOJGFTUతʹศར 10
1MBTNPΛར༻͢ΔσϝϦοτʢଓ͖ʣ w Ұఆ֦ுػೳͷΈΛΘ͔ͬͯͳ͍ͱμϝʢޙड़ʣ w ݱ࣌Ͱ7Λ͏ʢݖݶͷݫີԽʣ w DPOUFOUKT CBDLHSPVOEKT PQUJPOTKTͦΕͧΕׂ͕͋ΓɺඞཁʹԠͯ͡༻ҙ͢Δ w
PQUJPOTϑϩϯτΤϯυͰಈ͕͘ɺCBDLHSPVOE4FSWJDF8PSLFS্Ͱಈ͘ w QMBTNPͰϏϡʔ༻ϥΠϒϥϦ͕͑Δͱ͜Ζɺ͑ͳ͍ͱ͜Ζ͕͋Δ w 4FSWJDF8PSLFS্ͰϏϡʔ༻ͷϥΠϒϥϦ͑ͳ͍ʢͨΓલʣ w Ϗϡʔ༻ͷϥΠϒϥϦ͕͑Δ͔Βͱ͍ͬͯɺશ໘తʹͦΕʹґଘͨ͠ίʔυΛॻ͍ ͨΒࢮ͵ʢࢮΜͩʣ 11
͍ͬͯ͘͏ͪʹ֦ுػೳ͕Θ͔Βͳ͍͜ͱʹؾͮ͘ w શʹཧղͨ͠ͳʹΘ͔Βͳ͍ w ֦ுػೳ͕ͳʹΘ͔͍ͬͯͳ͔ͬͨ͜ͱʹؾͮ͘ w ެࣜυΩϡϝϯτΛಡ͏ w IUUQTEFWFMPQFSDISPNFDPNEPDTFYUFOTJPOTHFUTUBSUFEUVUPSJBM IFMMPXPSME
w શવؔͳ͍͚Ͳɺͨ·ʹϒϩάΛॻ͘ͱ͕͍݁ͭʮެࣜυΩϡϝϯ τΛಡ͏ʯͰऴΘΔʢࣗ͋Δ͋Δʣ 12
͞ΒͳΔ(PPHMFਆʹΑΔ৹ࠪ w ੲΏΔ͔ͬͨΒ͍͚͠Ͳɺࠓ͋Δఔݫ͘͠ͳͬͨͬΆ͍ʢॳΊͯͩ ͔ΒΒΜ͚Ͳʣ w ৹ࠪʹग़ͦ͏ͱͯ͠ɺॳΊͯը૾ྨɺհจষྨ͕ඞཁͳ͜ͱʹؾͮ͘ w ଟݴޠରԠશޙճ͠ʹ͍ͯͨ͠ͷͰɺશ෦ӳޠͰॻ͘ w औಘ͢Δݖݶ͕ଟ͍ͱɺͦͷ৹͕ࠪ͘ͳΔ
w ৹ࠪʹग़ͨ͠Βɺ͋ͱفΔ͚ͩ 13
فΔͷ্͕ख͘ͳͬͨ w ڙΛ༻ҙͯ͠ఏग़ͨ͠Β(PPHMFਆʹ فΓΛ๋͛Δ w فΓ͕ฉ͖ಧ͚ΒΕͨΒɺॳΊͯλάΛ ଧͬͯόʔδϣϯΔ 14
৹ࠪʹग़ͯ͠ؾʹͳͬͨ͜ͱ w (PPHMFਆͱ"QQMFਆ৹్ࠪதͷόʔδϣϯ ͷ֓೦͕গ͠ҟͳΔ w (PPHMFਆ৹͕ࠪ௨Δ·ͰόʔδϣϯΛ্͛ ΒΕͳ͍ͷͰɺ৹͕ࠪ௨͔ͬͯΒλάΛଧͬͯ όʔδϣϯΛΔ w "QQMFਆͦͷόʔδϣϯͰϦδΣΫτ͞Εͨ
ΒɺมߋΛՃ͑ͨͷΛผόʔδϣϯͱͯ͠ఏ ग़͢Δ w Α͘Θ͔ͬͯͳ͍ 15
৹ࠪʹग़ͯ͠ؾʹͳͬͨ͜ͱ w ҰԠΦʔϓϯͳʹίʔυஔ͍͍ͯΔͷͷɺ[JQఏग़ΛϦϙδτϦͱඥ ͚ͮΔ͜ͱͰ͖ͳ͍ʁ w ͔ͨ͠͠Βఏग़ͷࣗಈԽͰ͖Δ͔͠Εͳ͍͕ɺϦϙδτϦͱͷࠩҟ ͕ͳ͍͜ͱͷอূʹͳΒͳ͍ w ͬͱ֎͔Βݟͯެ։͞Ε͍ͯΔίʔυͱಉҰͷͷͰ͢ɺͱΘ͔ΔΑ͏ ͳΈ͕͋ͬͨΒ͍͍ͷʹʢϦϦʔεͨ͠ͷͷϋογϡΛνΣοΫ
͢ΔతͳΈ͋ͬͨΓ͢Δʁʣ w ৹ࠪपΓͰߟ͑͗͢ྑ͘ͳ͍ɺ·͞ʹਆͷΈͧΔ 16
·ͱΊ w ֦ுػೳͷϑϨʔϜϫʔΫศརʂͨͩ͠ϝϦοτɾσϝϦοτ͋ΔΑ w ͪͳΈʹ࠷͚ۙͬͨͲ895ͱ͍͏7JUFϕʔεͷϑϨʔϜϫʔΫ͋ ΔΒ͍͠ w IUUQTXYUEFW w فΔͷ্͕ख͘ͳͬͨ🙏
w ެࣜυΩϡϝϯτΛಡ͏ʂ 17
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 18
HJSJHJSJCBVFSͰ͢ʂʢ࣌ؒௐ༻ʣ w 4/4ͰδϟοΫόΞʔͷΞΠίϯʹͯͨ͠Β͏͋ʔ͞ΜͱݺΕΔΑ͏ ʹͳͬͨ w ࣌ؒςϩͱઓ͍͕ͬͯͨɺࠓฏओٛऀ w ษڧձΛ͍ͬͯͯɺΧϯϑΝϨϯεͷͨΊʹυϥΛआΓͨ͜ͱ͋Δ w ྑͯ͘͠Ͷʂ
19