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
96
初めての 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
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
80
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
62
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
72
私と Vim / 20240426-niigata-5min-tech
girigiribauer
2
160
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
540
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
230
モーダルウィンドウを作るときは createPortal を選択肢に加えよう、という話 / 20200201-react-nagoya-learning
girigiribauer
0
100
コードフォーマッタを導入して プロジェクト内に平穏をもたらす話 / 20191025-v-okinawa
girigiribauer
0
160
TypeScript を活用してサービス構築頑張ってみた話 / 20190906_v-sendai_girigiribauer
girigiribauer
1
280
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
The Invisible Side of Design
smashingmag
299
50k
The Language of Interfaces
destraynor
156
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
KATA
mclloyd
29
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
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