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
88
初めての 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
74
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
56
公共交通のオープンデータ事始め / 20240823-niigata-5min-tech
girigiribauer
0
69
私と Vim / 20240426-niigata-5min-tech
girigiribauer
2
150
がんばらない勉強会の続け方 / 20240426-niigata-5min-tech-omake
girigiribauer
1
530
時間配分を常に意識するために、通知する仕組みを作った話 / 20220527-peacock-meets-up-01
girigiribauer
0
220
モーダルウィンドウを作るときは 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 Language of Interfaces
destraynor
155
24k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
960
How to train your dragon (web standard)
notwaldorf
89
5.8k
BBQ
matthewcrist
85
9.4k
Become a Pro
speakerdeck
PRO
26
5.1k
Why Our Code Smells
bkeepers
PRO
335
57k
Six Lessons from altMBA
skipperchong
27
3.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
What's in a price? How to price your products and services
michaelherold
244
12k
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