Gemini CLI x gcloud CLI x Chrome DevTools MCP で、Google Cloudに乗っているアプリケーションのバグFixをいい感じにする

https://jaguer-cloud-native.connpass.com/event/369596 でLT登壇したスライド

Transcript

1. (FNJOJ
   $-*
   Y
   HDMPVE
   $-*
   Y
   $ISPNF
   %FW5PPMT
   .$1
   Ͱɺ(PPHMF
   $MPVEʹ৐͍ͬͯΔΞϓϦέʔγϣϯ ͷόά'JYΛ͍͍ײ͡ʹ͢Δ Ϋϥ΢υωΠςΟϒ
   º
   (FNJOJ
   $-* 
   BJQBDPNNBOEFS!ϦϞʔτ
2. ࣗݾ঺հ
3. ࣗݾ঺հ w ΞΠύʔୂ௕ͱ͍͍·͢
   !BJQBDPNNBOEFS
   w ͏ͪͳʔΜͪΎͰ͢
   w $#DMPVEגࣜձࣾ
   ϓϩμΫτຊ෦
   Ϛωʔδϟʔ
   w ෺ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠೔ʑؤு͍ͬͯ·͢
   w +BHV`F`SͰ͸ԭೄ෼Պձ΁ॴଐ͍ͯ͠·͢
4. ࠓ೔࿩͢͜ͱ
5. ࠓ೔࿩͢͜ͱ w $-*ܕ"*ΤʔδΣϯτΛ࢖ͬͯɺϑϩϯτΤϯυɾόοΫΤϯυͷσ όοάΛ͍͍ײ͡ʹ͢Δ࿩
   w (FNJOJ
   $-*ʢଞͷ$-*Ͱ΋Ͱ͖Δ͸ͣʣ
   w (PPHMF
   $MPVE
   $-*ʢHDMPVEʣ
   w $ISPNF
   %FW5PPMT
   .$1
6. ࠓ೔࿩ͤͳ͍͜ͱ w σϞͰ͖Ε͹Α͔͚ͬͨͲɺ ઌఔͷ"84ো֐Ͱ४උ͕ؒʹ ߹Θͳ͔ͬͨͷͰࠓ೔͸ύε ͠·͢NNʢϒϩάͱ͔Ͱʣ
   w OQN
   JOTUBMM͕Ͱ͖ͣɺ $MPVE
   3VOʹ͋͛ΒΕͳ ͔ͬͨͷ͡Ό
7. ಥવͷ໰͍
8. Ϋϥ΢υʹࡌͤͨΞϓϦέʔγϣϯͷ σόοάͬͯͲ͏ਐΊ·͔͢ʁ
   
   ˞ྫͱͯ͠ɺ$MPVE
   3VOʹɺ)POPͷΞϓϦέʔγϣϯΛࡌͤ·͢
9. ΅͘͸͜͏ w όάൃݟˍෆ۩߹͕ൃੜͨ͠৔߹
   w $ISPNF
   %FW5PPMTͰ੾Γ෼͚Λߦ͏
   w $MPVE
   -PHHJOHʹΤϥʔϩά͕ग़ྗ͞Ε͍ͯͳ͍͔֬ೝ͢Δ
   w ੾Γ෼͚Λଓ͚ͯɺݪҼΛಛఆ͢Δ
10. ʢ࿩มΘΓʣੈ͸"*࣌୅ʂʂʂ w ΄΅օ༷"*Λ׆༻͍ͯ͠ΔΜ͡Όͳ͍͔ͳͱࢥ͍ͬͯ·͢
    w ๻΋$MBVEF
    $PEFΛϝΠϯͰɺ(FNJOJ
    $-*΍$VSTPS ΤσΟλ Λα ϒͰ׆༻͍ͯ͠·͢
    w ઌఔ͋͛ͨσόοά΋"*ΛΨϯΨϯ׆༻͍ͯ͠·͢
11. "*ʹղܾࡦΛఏҊͯ͠΋Β͏ɾमਖ਼͠ ͯ΋Β͏ʹ͸ɺίϯςΩετΛڞ༗͠ ͳ͍ͱࢼߦࡨޡͱ΍ΓऔΓ͕૿͑Δ
12. Ϋϥ΢υɺΠϯϑϥͷϩά͸Ͳ͏΍ͬͯ౉ͯ͠ ͍Δʁ w ؤுͬͯίϐϖ͢Δ
    w ྔ͕ଟ͍৔߹͸ɺͳΜΒ͔ํ๏ͰΤΫεϙʔτͯ͠ɺ$-*ΤʔδΣϯ τ΁౉͢
13. ΊΜͲ͍͘͞ w $MPVE
    -PHHJOH͸ϒϥ΢β͔Βίϐϖͮ͠Β͍
    w ΤΫεϙʔτ͢Δ·Ͱ͕ΊΜͲ͍͘͞
14. ͲΕ΋׳ΕͨΒɾɾɾ͸͋Γ·͕͢ɺ ΅ͨͪ͘͸ճҎ্ಉ͡ߦಈ͢Δͱ
    ᤨຑ਄͕Ͱͯ͘ΔͷͰɺ
    ͳΜͱ͔͍ͨ͠Ͱ͢
15. ਆث͕ݱΕͨ
16. ਆثͷଘࡏʹؾ͍ͮͨ
17. Αͦ͞͏
18. σϞΞϓϦ
    ʢόΠϒίʔσΟϯάʂʣ Λ༻ҙ࣮ͯ͠ફͯ͠Έͨ
20. ΞʔΩςΫνϟ
21. (FNJOJ
    $-*
    Y
    
    $ISPNF
    %FW5PPMT
    .$1
22. Ͱ͖Δ͜ͱ 
    
    ϖʔδͷૢ࡞ͱφϏήʔγϣϯ
    
    ࢦఆͨ͠63-΁ͷҠಈ
    AOBWJHBUF@QBHFA
    
    ৽͍͠λϒʢϖʔδʣΛ։͘ด͡Δ
    AOFX@QBHFA
    ADMPTF@QBHFA
    
    ϒϥ΢βͷʮ໭ΔʯʮਐΉʯ
    AOBWJHBUF@QBHF@IJTUPSZA
    
    ։͍͍ͯΔλϒͷҰཡදࣔͱ੾Γସ͑
    AMJTU@QBHFTA
    ATFMFDU@QBHFA
    
    
    ཁૉͷࣗಈૢ࡞
    
    Ϙλϯ΍ϦϯΫͷΫϦοΫ
    ADMJDLA
    
    ςΩετϘοΫε΁ͷจࣈೖྗ
    A fi MMA
    A fi MM@GPSNA
    
    ཁૉͷ্ʹϚ΢εΧʔιϧΛ߹ΘͤΔʢϗόʔʣ
    AIPWFSA
    
    υϥοάˍυϩοϓૢ࡞
    AESBHA
    
    ϑΝΠϧͷΞοϓϩʔυ
    AVQMPBE@ fi MFA
    
    
    σόοάͱ৘ใऩू
    
    ϖʔδͷεΫϦʔϯγϣοτࡱӨ
    AUBLF@TDSFFOTIPUA
    
    ϖʔδͷ)5.-ߏ଄ʢ%0.ʣͷεφοϓγϣοτऔಘ
    AUBLF@TOBQTIPUA
    
    ϒϥ΢βͷίϯιʔϧʹग़ྗ͞Εͨϝοηʔδͷ֬ೝ
    AMJTU@DPOTPMF@NFTTBHFTA
    
    ൃੜͨ͠ωοτϫʔΫ௨৴ͷ؂ࢹͱৄࡉऔಘ
    AMJTU@OFUXPSL@SFRVFTUTA
    
    ϖʔδ্Ͱ೚ҙͷ+BWB4DSJQUίʔυΛ࣮ߦ
    AFWBMVBUF@TDSJQUA
    
    
    ύϑΥʔϚϯε෼ੳ
    
    ϖʔδͷύϑΥʔϚϯεܭଌΛ։࢝ఀࢭ
    AQFSGPSNBODF@TUBSU@USBDFA
    AQFSGPSNBODF@TUPQ@USBDFA
    
    ܭଌ݁Ռ͔ΒಘΒΕͨվળ఺ʢΠϯαΠτʣΛ෼ੳ
    AQFSGPSNBODF@BOBMZ[F@JOTJHIUA 
    
    ؀ڥͷΤϛϡϨʔγϣϯ
    $16ͷॲཧ଎౓Λ஗͘͢ΔγϛϡϨʔγϣϯ
    AFNVMBUF@DQVA
    ωοτϫʔΫ؀ڥʢྫ
    ௿଎(ͳͲʣͷγϛϡϨʔγϣϯ
    AFNVMBUF@OFUXPSLA
    ΢Οϯυ΢αΠζͷมߋ
    ASFTJ[F@QBHFA
23. ʢཁ໿ʣ
    ͱΓ͋͑ͣ%FW5PPMT৮ͬͯͰ͖Δ͜ ͱ͸େମͰ͖Δ
24. ʢݸਓతʹʣ໘ന͍ͱࢥͬͨͱ͜Ζ 
    
    ϖʔδͷૢ࡞ͱφϏήʔγϣϯ
    
    ࢦఆͨ͠63-΁ͷҠಈ
    AOBWJHBUF@QBHFA
    
    ৽͍͠λϒʢϖʔδʣΛ։͘ด͡Δ
    AOFX@QBHFA
    ADMPTF@QBHFA
    
    ϒϥ΢βͷʮ໭ΔʯʮਐΉʯ
    AOBWJHBUF@QBHF@IJTUPSZA
    
    ։͍͍ͯΔλϒͷҰཡදࣔͱ੾Γସ͑
    AMJTU@QBHFTA
    ATFMFDU@QBHFA
    
    
    ཁૉͷࣗಈૢ࡞
    
    Ϙλϯ΍ϦϯΫͷΫϦοΫ
    ADMJDLA
    
    ςΩετϘοΫε΁ͷจࣈೖྗ
    A fi MMA
    A fi MM@GPSNA
    
    ཁૉͷ্ʹϚ΢εΧʔιϧΛ߹ΘͤΔʢϗόʔʣ
    AIPWFSA
    
    υϥοάˍυϩοϓૢ࡞
    AESBHA
    
    ϑΝΠϧͷΞοϓϩʔυ
    AVQMPBE@ fi MFA
    
    
    σόοάͱ৘ใऩू
    
    ϖʔδͷεΫϦʔϯγϣοτࡱӨ
    AUBLF@TDSFFOTIPUA
    
    ϖʔδͷ)5.-ߏ଄ʢ%0.ʣͷεφοϓγϣοτऔಘ
    AUBLF@TOBQTIPUA
    
    ϒϥ΢βͷίϯιʔϧʹग़ྗ͞Εͨϝοηʔδͷ֬ೝ
    AMJTU@DPOTPMF@NFTTBHFTA
    
    ൃੜͨ͠ωοτϫʔΫ௨৴ͷ؂ࢹͱৄࡉऔಘ
    AMJTU@OFUXPSL@SFRVFTUTA
    
    ϖʔδ্Ͱ೚ҙͷ+BWB4DSJQUίʔυΛ࣮ߦ
    AFWBMVBUF@TDSJQUA
    
    
    ύϑΥʔϚϯε෼ੳ
    
    ϖʔδͷύϑΥʔϚϯεܭଌΛ։࢝ఀࢭ
    AQFSGPSNBODF@TUBSU@USBDFA
    AQFSGPSNBODF@TUPQ@USBDFA
    
    ܭଌ݁Ռ͔ΒಘΒΕͨվળ఺ʢΠϯαΠτʣΛ෼ੳ
    AQFSGPSNBODF@BOBMZ[F@JOTJHIUA 
    
    ؀ڥͷΤϛϡϨʔγϣϯ
    $16ͷॲཧ଎౓Λ஗͘͢ΔγϛϡϨʔγϣϯ
    AFNVMBUF@DQVA
    ωοτϫʔΫ؀ڥʢྫ
    ௿଎(ͳͲʣͷγϛϡϨʔγϣϯ
    AFNVMBUF@OFUXPSLA
    ΢Οϯυ΢αΠζͷมߋ
    ASFTJ[F@QBHFA
25. Πϯετʔϧʢ؆୯ʂʣ
26. ϋϚΓͲ͜Ζ w ʢ·ͩΑ͘Θ͔Γ·ͤΜ͕ʣΩϟογϡ͕ޮ͍ͯ$ISPNF ͱ͏·͘࿈ܞͰ͖ͳ͍ͱ͖͕͋Δ
    ˠ
    ͱΓ͋͑ͣফ͢
    w 
    OQY
    DMFBSOQYDBDIF
    cc
    SN
    SG
    dOQN@OQY
    w $ISPNF͕ىಈ͠ͳ͍ʢ$MBVEF
    $PEFͷͱ͖͸͏·͍ͬ͘ ͨهԱͳΜ͚ͩͲʣ
    w
    ผ్खಈͰىಈ͓ͯ͘͠
    w 
    "QQMJDBUJPOT(PPHMFa
    $ISPNFBQQ$POUFOUT .BD04(PPHMFa
    $ISPNF
    SFNPUFEFCVHHJOH QPSU
    ŠVTFSEBUBEJSUNQDISPNFQSP fi MF TUBCMF
    w HFNJOJTFUUJOHTKTPOʹϙʔτࢦఆ͢Δ
27. ϋϚΓͲ͜Ζ w σβΠϯͷҧ࿨ײͱ͔͸Έͯ͘Εͳͦ͞͏ͳҹ৅
    w ͜͜ʢจࣈ͚ͩʣҧ࿨ײ͋ΔͷͰ௚ͯ͠ʂ͸௨͡ͳͯ͘ɺ$44
    4FMFDUPSͱ͔ࢦఆͯ͋͛ͯ͠ࢦࣔ͠ͳ͍ͱ·ͩବ໨ʢͦΕ͸ͦ͏ʣ
    w ۀ຿༻8FCΞϓϦέʔγϣϯͩͱ6*ͷ໊લͱ͔࢖༻༻్ͱ͔υϝΠ ϯ৘ใͳ͍ͱࢦ͕ࣔਏ͍ͷͰɺࣾ಺υΩϡϝϯτͱ͋Θͤͯࢦఆͯ͠ ্͛Δͱਫ਼౓͕૿͠·͢ʢ૿͢ؾ͕͍ͯ͠Δʣ
28. ࢼͨ͜͠ͱ
    
    8FCݕࡧͯ͠΋Β͍αϚϦΛ΋ Β͏
29. ࢼͨ͜͠ͱ
    
    ύϑΥʔϚϯενΣοΫ
30. ࢼͨ͜͠ͱ
    
    ιʔείʔυΛ௚઀मਖ਼ͤͣɺ $ISPNF্Ͱฤू͢Δ
31. ָ͍͠ʂʂʂ
32. ࣍
33. (FNJOJ
    $-*
    Y
    (PPHMF
    $MPVE
    $-*Λ ࢖ͬͨσόοά
34. Ͱ͖Δ͜ͱ w (PPHMF
    $MPVEͷૢ࡞͍͍ͩͨͰ͖Δʢ͸ͣʣ
    w $-*͔Β͡ΌͰ͖ͳ͍ͷ͔ɻతͳ͜ͱʹ·ͩͿͪ౰͍ͨͬͯͳ͍ఔ ౓ͷϢʔβʔͰ͢ʢ΅͘ʣ
    w ࠓճͷ৔߹͸ɺ$MPVE
    3VO΁σϓϩΠͨ͠ΞϓϦέʔγϣϯΛ $MPVE
    -PHHJOH
    "1*Λ࢖ͬͯɺϩάௐࠪ͢Δ͜ͱ͕Ͱ͖Δ
35. Πϯετʔϧ w (PPHMF
    $MPVEͷϓϩδΣΫτΛ༻ҙ
    w ඞཁͳݖݶʹߜͬͨαʔϏεΞΧ΢ϯτ΍ϢʔβʔΛ༻ҙ͢Δ
    w HDMPVE
    DMJࣗମͷΠϯετʔϧ͸ɺυΩϡϝϯτ΍ଞͷਓͷ2JJUB΍ ;FOOΛݟͯ͘Εʢ͍ͬͺ͍͋Δʣ
    w ͋ͱ͸MPDBMIPTUΛ౿ΜͰϩάΠϯͰ͖ͨΒ४උ͓̺
36. ࢖͍ํ w ΍Γ͍ͨ͜ͱΛϓϩϯϓτͰࢦࣔ͢Δ͚ͩʢ؆୯ʣ
37. ϋϚΓͲ͜Ζ w ಛʹͳ͠ɻ(FNJOJ
    $-*͕όϯόϯίϚϯυิ׬ʢʁʣͯ͘͠ΕΔͷͰɺࠔΔ͜ͱ͕Կ΋ແ͍
    w ΞϓϦέʔγϣϯଆͷϩάઃܭେࣄɻָʹಡΈऔΔ͜ͱ͕Ͱ͖ͯ΋ద੾ʹϩά͕ग़ྗ͞Εͳ͔ͬͨΒ"* ࢖ͬͯ΋ಉ͡ʢռΊʣ
    w HDMPVEͷ࢖͍ํΘ͔Βͳͯ͘΋ୟ͚Δͷ͕ྑ͍ʢා͍ʣ
    w "*͕ͳ͍ͱੜ͖͍͚ͯͳ͍಄ʹͳΓͦ͏ʢ͙Β͍ϙϯϙϯୟ͚Δʣ
    w ΍ͬͨ͜ͱ͸దٓ.BSLEPXO΁ग़ྗͯ͠΋ΒͬͯɺཤྺΛ࢒͢Α͏ʹ͍ͯ͠Δ
    w ͋ͱͰ૟আ΍΍ͬͨ͜ͱΛ֬ೝ͢ΔͨΊʹ
    w Ϋϥ΢υૢ࡞Λ൒ࣗಈͰૢ࡞͢ΔͷͰɺݖݶʹ͸ຊ౰ʹ஫ҙ
    w ʢ·ͩ๻͸ମݧͨ͜͠ͱ͸ͳ͍͕ʣʮ΍Γ௚ͯ͠ʂʯˠʮΘ͔Γ·ͨ͠ʂʢ͢΂ͯʣ࡟আ͠·͢ Ͷʂʯˠʘ ?P? ʗśƂŦ
    ͕ɺى͜ΓಘΔՄೳੑΛൿΊͯΔ
38. ࡶײ
39. ࡶײ • ḿΓ౓߹্͍͕͕ͬͨɻλʔϛφϧ͕ΤσΟλʹͳΔʢʁʣ • AIಋೖҎલ: ͍ͭ΋௨Γ৘ใΛ੔ཧͯ͠ԾઆཱͯͯݕূˠݪҼಛఆ • AIಋೖޙ: ͤͬͤͱίϐϖͯ͠ˢΛ࡞ۀґཔɾ൑அ͢Δ͚ͩͷਓ • ࠓճͷ࿩ಋೖޙ: ࡞ۀґཔɾ൑அ͢Δ͚ͩͷਓ • Chrome DevTools MCPͷίϯςΩετྔ͸݁ߏେ͖͍Β͍͠ʢͲ͔͜ͰͦΜͳهࣄݟͨؾ͕͢ Δ͕୳͖͠Εͳ͔ͬͨʣͷͰ஫ҙ • Gemini CLI࠷ߴʂͱΓ͋͑ͣυόʔοͱ৯ΘͤΒΕΔ • ΑΓര଎ʹ࢓ࣄ͕ऴΘΕΔΑ͏ʹϢʔβʔ΁Ձ஋ఏڙͰ͖ΔΑ͏ʹҾ͖ଓ͖͕Μ͹Δ
40. ऴΘΓ