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
41
『Bluesky 公式アカウント移行まとめ』のアップデートをした話 / 20241018-niigata-5min-tech
girigiribauer
0
100
コンテナクエリはコンテナ技術の話ではなく CSS の話です / 20240920-niigata-5min-tech
girigiribauer
1
85
公共交通のオープンデータ事始め / 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
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
A designer walks into a library…
pauljervisheath
207
24k
Six Lessons from altMBA
skipperchong
28
4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing Experiences People Love
moore
142
24k
GitHub's CSS Performance
jonrohan
1031
460k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
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