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
初めての chrome extension で Plasmo 使ってみた / 20240329...
Search
girigiribauer
March 29, 2024
190
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech
2024/03/29 Niigata5分Tech #6 で話した資料です
girigiribauer
March 29, 2024
Transcript
19 slides
/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
More Decks by girigiribauer
See All by girigiribauer
SVG だけで Web サイトを作ってみた話 / 20261030-niigata-5min-tech
girigiribauer
0
63
続・BlueskyとXにクロスポストするツールを作った / 20260619-niigata-5min-tech
girigiribauer
0
97
Figma デザインを自動マークアップさせた記録と肌感 / 20260425-nagaoka-tech-junction-1
girigiribauer
0
110
2026年は Rust 置き換えが流行る! / 20260220-niigata-5min-tech
girigiribauer
0
340
移動は善 / 20260124-NGK2026S
girigiribauer
1
250
Google Antigravity を使ってみた肌感 / 20251130-ai-craft-hacks-niigata
girigiribauer
0
120
なんとなく使っていたクリップボードの不思議 / 20250926-niigata-5min-tech
girigiribauer
1
110
タスクにもストック型・フロー型があるということに Todoist を使い始めて気づいた話 / 20250725-niigata-5min-tech
girigiribauer
0
110
Bluesky のフィードを作ろう / 20250620-niigata-5min-tech
girigiribauer
0
95
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
500
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
400
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
980
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
560
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
800
Between Models and Reality
mayunak
4
580
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
620
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
670