初めての chrome extension で Plasmo 使ってみた / 20240329-niigata-5min-tech

2024/03/29 Niigata5分Tech #6 で話した資料です

Transcript

1. 
   /JJHBUB෼5FDI
    ॳΊͯͷ
   DISPNF
   FYUFOTJPO
   Ͱ
   1MBTNP
   ࢖ͬͯΈͨ HJSJHJSJCBVFS
2. 5XJUUFS9
   ͱ
   #MVFTLZ
   ʹΫϩεϙετ͔ͨͬͨ͠ ͍·΍΋͏աڈͷ࿩ɾɾɾ w Ϋϩεϙετπʔϧ
   'MZ'SFF
   w IUUQTDISPNFHPPHMFDPNXFCTUPSF EFUBJMGMZGSFF NKMGLIFOPCEKEPOFGIECQJHPQOEHFPHN
   w 63-
   ͕௕͍ͷͰετΞͰݕࡧͯ͠Ͷ
   w ࠓ೔͸಺༰ʹؔͯ͠͸۷ΓԼ͛ͳ͍
   w ௕͘ͳͬͪΌ͏🥺
   w ֦ுػೳΛ࡞Δࡍʹ͋Ε͜Εײͨ͡࿩Λத৺ʹ 2
3. w ֦ுػೳͷϑϨʔϜϫʔΫ
   w IUUQTXXXQMBTNPDPN
   w 4LZ
   'PMMPXFS
   #SJEHF
   Ͱ࢖ΘΕͯ ͯॳΊͯ஌ͬͨ
   w !LBXBNBUBSZPCTLZTPDJBM
   ͞ Μ͕࡞ͬͯΔ΍ͭ
   w 5XJUUFS9
   ଆͷϑΥϩʔɾϑΥ ϩϫʔΛ
   #MVFTLZ
   ্Ͱ΋୳ͤΔ 1MBTNP
   'SBNFXPSL 3
4. w ެࣜυΩϡϝϯτΑΓҾ༻
   w IUUQTEPDTQMBTNPDPN GSBNFXPSLIJHIMJHIUFE GFBUVSFT
   w 3FBDU
   ࢖͑Δͥʂએݴతʹॻ͚ ΔͥʂϥΠϒϦϩʔυಈͥ͘ʂ ֤छ֦ுͷ
   "1*
   ΋ศརʹ࢖͑Δ ͥʂͦͷଞ΋Ζ΋Ζศརʹ։ൃ Ͱ͖ͪΌ͏ͥʂΈ͍ͨͳײ͡ 1MBTNP
   Λར༻͢ΔϝϦοτ 4
5. 1MBTNP
   ͍͍ͳͱࢥͬͨͱ͜Ζ w Ϗϧυ͢Δͱఏग़༻ͷ
   [JQ
   ϑΝΠϧ·Ͱ࡞ͬͯ͘ΕΔ
   w ҰԠ
   #SPXTFS
   1MBUGPSN
   1VCMJTI
   ͱ͍͏ࣗಈσϓϩΠػೳ΋͋ΔΒ͍͠
   w ॾʑͷཧ༝Ͱखಈʹ༷ͯࢠݟ
   w NBOJGFTUKTPO
   ΋
   QBDLBHFKTPO
   ͷهड़ʹԊͬͯࣗಈͰ࡞ͬͯ͘ΕΔ
   w ϝΠϯͷ
   DPOUFOUUTY
   ϑΝΠϧʹ
   FYQPSU
   DPOTU
   DPOGJH
   Λఆٛ͢Δ͚ͩͰ ࢦఆυϝΠϯ্ͰεΫϦϓτྲྀ͠ࠐΜͰ͘ΕΔ
   w IUUQTEPDTQMBTNPDPNGSBNFXPSLDPOUFOUTDSJQUTDPOGJH 5
7. 1MBTNP
   Λར༻͢ΔσϝϦοτ w ྑ͘΋ѱ͘΋
   1MBTNP
   ͷϨʔϧʹԊͬͯ։ൃ͢Δඞཁ͕͋Δ
   w ྫ
   ίϯϙʔωϯτ෼ׂͨ͠
   $44
   .PEVMFT
   ͷϑΝΠϧ͕ಡΈࠐ·Εͳ͍
   w FYQPSU
   DPOTU
   HFU4UZMF
   ʹ࠷ऴతʹελΠϧ͕ಡΈࠐ·ΕΕ͹উखʹ΍ͬͯ ͘ΕΔ
   w ཪΛฦͤ͹ɺ͜͜ʹؚ·Εͯͳ͍΋ͷ͸ಡΈࠐ·Εͳ͍
   w IUUQTEPDTQMBTNPDPNGSBNFXPSLDPOUFOUTDSJQUTVJTUZMJOHSBX DTTUFYU 7
10. EBUBUFYU
    ͱ͸ʢ1MBTNP
    ͷิ଍ʣ w ͬ͘͟Γݴ͏ͱ্ख͍͜ ͱॲཧͨ͠΋ͷΛςΩε τͱͯ͠औಘͰ͖Δ
    w EBUBCBTF
    Λ࢖͏ ͱɺը૾Λ
    CBTF
    ͷ จࣈྻͱͯ͠औಘ͢Δ͜ ͱ΋Ͱ͖Δ
    w NBOJGFTU
    తʹ΋ศར 10
11. 1MBTNP
    Λར༻͢ΔσϝϦοτʢଓ͖ʣ w Ұఆ֦ுػೳͷ࢓૊ΈΛΘ͔ͬͯͳ͍ͱμϝʢޙड़ʣ
    w ݱ࣌఺Ͱ͸
    7
    Λ࢖͏ʢݖݶͷݫີԽʣ
    w DPOUFOUKT
    CBDLHSPVOEKT
    PQUJPOTKT
    ͦΕͧΕ໾ׂ͕͋ΓɺඞཁʹԠͯ͡༻ҙ͢Δ
    w PQUJPOT
    ͸ϑϩϯτΤϯυͰಈ͕͘ɺ
    CBDLHSPVOE
    ͸
    4FSWJDF
    8PSLFS
    ্Ͱಈ͘
    w QMBTNP
    ͰϏϡʔ༻ϥΠϒϥϦ͕࢖͑Δͱ͜Ζɺ࢖͑ͳ͍ͱ͜Ζ͕͋Δ
    w 4FSWJDF
    8PSLFS
    ্Ͱ͸Ϗϡʔ༻ͷϥΠϒϥϦ͸࢖͑ͳ͍ʢ౰ͨΓલʣ
    w Ϗϡʔ༻ͷϥΠϒϥϦ͕࢖͑Δ͔Βͱ͍ͬͯɺશ໘తʹͦΕʹґଘͨ͠ίʔυΛॻ͍ ͨΒࢮ͵ʢࢮΜͩʣ 11
12. ΍͍ͬͯ͘͏ͪʹ֦ுػೳ͕Θ͔Βͳ͍͜ͱʹؾͮ͘ w ׬શʹཧղͨ͠
    
    ͳʹ΋Θ͔Βͳ͍
    w ֦ுػೳ͕ͳʹ΋Θ͔͍ͬͯͳ͔ͬͨ͜ͱʹؾͮ͘
    w ެࣜυΩϡϝϯτΛಡ΋͏
    w IUUQTEFWFMPQFSDISPNFDPNEPDTFYUFOTJPOTHFUTUBSUFEUVUPSJBM IFMMPXPSME
    w શવؔ܎ͳ͍͚Ͳɺͨ·ʹϒϩάΛॻ͘ͱ݁࿦͕͍ͭ΋ʮެࣜυΩϡϝϯ τΛಡ΋͏ʯͰऴΘΔʢࣗ෼͋Δ͋Δʣ 12
13. ͞ΒͳΔ
    (PPHMF
    ਆʹΑΔ৹ࠪ w ੲ͸௒ΏΔ͔ͬͨΒ͍͚͠Ͳɺࠓ͸͋Δఔ౓ݫ͘͠ͳͬͨͬΆ͍ʢॳΊͯͩ ͔Β஌ΒΜ͚Ͳʣ
    w ৹ࠪʹग़ͦ͏ͱͯ͠ɺॳΊͯը૾ྨɺ঺հจষྨ͕ඞཁͳ͜ͱʹؾͮ͘
    w ଟݴޠରԠ͸׬શޙճ͠ʹ͍ͯͨ͠ͷͰɺશ෦ӳޠͰॻ͘
    w औಘ͢Δݖݶ͕ଟ͍ͱɺͦͷ෼৹͕ࠪ஗͘ͳΔ
    w ৹ࠪʹग़ͨ͠Βɺ͋ͱ͸فΔ͚ͩ 13
14. فΔͷ্͕ख͘ͳͬͨ w ڙ෺Λ༻ҙͯ͠ఏग़ͨ͠Β
    (PPHMF
    ਆʹ فΓΛ๋͛Δ
    w فΓ͕ฉ͖ಧ͚ΒΕͨΒɺॳΊͯλάΛ ଧͬͯόʔδϣϯ੾Δ 14
15. ৹ࠪʹग़ͯ͠ؾʹͳͬͨ͜ͱ w (PPHMF
    ਆͱ
    "QQMF
    ਆ͸৹్ࠪதͷόʔδϣϯ ͷ֓೦͕গ͠ҟͳΔ
    w (PPHMF
    ਆ͸৹͕ࠪ௨Δ·ͰόʔδϣϯΛ্͛ ΒΕͳ͍ͷͰɺ৹͕ࠪ௨͔ͬͯΒλάΛଧͬͯ όʔδϣϯΛ੾Δ
    w "QQMF
    ਆ͸ͦͷόʔδϣϯͰϦδΣΫτ͞Εͨ ΒɺมߋΛՃ͑ͨ΋ͷΛผόʔδϣϯͱͯ͠ఏ ग़͢Δ
    w Α͘Θ͔ͬͯͳ͍ 15
16. ৹ࠪʹग़ͯ͠ؾʹͳͬͨ͜ͱ w ҰԠΦʔϓϯͳ৔ʹίʔυ͸ஔ͍͍ͯΔ΋ͷͷɺ
    [JQ
    ఏग़ΛϦϙδτϦͱඥ ͚ͮΔ͜ͱ͸Ͱ͖ͳ͍ʁ
    w ΋͔ͨ͠͠Βఏग़ͷࣗಈԽ͸Ͱ͖Δ͔΋͠Εͳ͍͕ɺϦϙδτϦͱͷࠩҟ ͕ͳ͍͜ͱͷอূʹ͸ͳΒͳ͍
    w ΋ͬͱ֎͔Βݟͯެ։͞Ε͍ͯΔίʔυͱಉҰͷ΋ͷͰ͢ɺͱΘ͔ΔΑ͏ ͳ࢓૊Έ͕͋ͬͨΒ͍͍ͷʹʢϦϦʔεͨ͠΋ͷͷϋογϡ஋ΛνΣοΫ ͢Δతͳ࢓૊Έ͋ͬͨΓ͢Δʁʣ
    w ৹ࠪपΓͰߟ͑͗͢͸ྑ͘ͳ͍ɺ·͞ʹਆͷΈͧ஌Δ 16
17. ·ͱΊ w ֦ுػೳͷϑϨʔϜϫʔΫ͸ศརʂͨͩ͠ϝϦοτɾσϝϦοτ͋ΔΑ
    w ͪͳΈʹ࠷ۙ஌͚ͬͨͲ
    895
    ͱ͍͏
    7JUF
    ϕʔεͷϑϨʔϜϫʔΫ΋͋ ΔΒ͍͠
    w IUUQTXYUEFW
    w فΔͷ্͕ख͘ͳͬͨ🙏
    w ެࣜυΩϡϝϯτΛಡ΋͏ʂ 17
18. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 18
19. HJSJHJSJCBVFS
    Ͱ͢ʂʢ࣌ؒௐ੔༻ʣ w 4/4
    ͰδϟοΫό΢ΞʔͷΞΠίϯʹͯͨ͠Β͹͏͋ʔ͞Μͱݺ͹ΕΔΑ͏ ʹͳͬͨ
    w ࣌ؒςϩͱઓ͍͕ͬͯͨɺࠓ͸ฏ࿨ओٛऀ
    w ௕೥ษڧձΛ΍͍ͬͯͯɺΧϯϑΝϨϯεͷͨΊʹυϥΛआΓͨ͜ͱ΋͋Δ
    w ஥ྑͯ͘͠Ͷʂ 19