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

by Aipa

Embed

Start on current slide

Slide 1

Slide 1 text

(FNJOJ$-*YHDMPVE$-*Y$ISPNF%FW5PPMT .$1Ͱɺ(PPHMF$MPVEʹ৐͍ͬͯΔΞϓϦέʔγϣϯ ͷόά'JYΛ͍͍ײ͡ʹ͢Δ Ϋϥ΢υωΠςΟϒº(FNJOJ$-* BJQBDPNNBOEFS!ϦϞʔτ

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

ࣗݾ঺հ w ΞΠύʔୂ௕ͱ͍͍·͢ !BJQBDPNNBOEFS w ͏ͪͳʔΜͪΎͰ͢ w $#DMPVEגࣜձࣾϓϩμΫτຊ෦Ϛωʔδϟʔ w ෺ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠೔ʑؤு͍ͬͯ·͢ w +BHV`F`SͰ͸ԭೄ෼Պձ΁ॴଐ͍ͯ͠·͢

Slide 4

Slide 4 text

ࠓ೔࿩͢͜ͱ

Slide 5

Slide 5 text

ࠓ೔࿩͢͜ͱ w $-*ܕ"*ΤʔδΣϯτΛ࢖ͬͯɺϑϩϯτΤϯυɾόοΫΤϯυͷσ όοάΛ͍͍ײ͡ʹ͢Δ࿩ w (FNJOJ$-*ʢଞͷ$-*Ͱ΋Ͱ͖Δ͸ͣʣ w (PPHMF$MPVE$-*ʢHDMPVEʣ w $ISPNF%FW5PPMT.$1

Slide 6

Slide 6 text

ࠓ೔࿩ͤͳ͍͜ͱ w σϞͰ͖Ε͹Α͔͚ͬͨͲɺ ઌఔͷ"84ো֐Ͱ४උ͕ؒʹ ߹Θͳ͔ͬͨͷͰࠓ೔͸ύε ͠·͢NNʢϒϩάͱ͔Ͱʣ w OQNJOTUBMM͕Ͱ͖ͣɺ $MPVE3VOʹ͋͛ΒΕͳ ͔ͬͨͷ͡Ό

Slide 7

Slide 7 text

ಥવͷ໰͍

Slide 8

Slide 8 text

Ϋϥ΢υʹࡌͤͨΞϓϦέʔγϣϯͷ σόοάͬͯͲ͏ਐΊ·͔͢ʁ ˞ྫͱͯ͠ɺ$MPVE3VOʹɺ)POPͷΞϓϦέʔγϣϯΛࡌͤ·͢

Slide 9

Slide 9 text

΅͘͸͜͏ w όάൃݟˍෆ۩߹͕ൃੜͨ͠৔߹ w $ISPNF%FW5PPMTͰ੾Γ෼͚Λߦ͏ w $MPVE-PHHJOHʹΤϥʔϩά͕ग़ྗ͞Ε͍ͯͳ͍͔֬ೝ͢Δ w ੾Γ෼͚Λଓ͚ͯɺݪҼΛಛఆ͢Δ

Slide 10

Slide 10 text

ʢ࿩มΘΓʣੈ͸"*࣌୅ʂʂʂ w ΄΅օ༷"*Λ׆༻͍ͯ͠ΔΜ͡Όͳ͍͔ͳͱࢥ͍ͬͯ·͢ w ๻΋$MBVEF$PEFΛϝΠϯͰɺ(FNJOJ$-*΍$VSTPS ΤσΟλ Λα ϒͰ׆༻͍ͯ͠·͢ w ઌఔ͋͛ͨσόοά΋"*ΛΨϯΨϯ׆༻͍ͯ͠·͢

Slide 11

Slide 11 text

"*ʹղܾࡦΛఏҊͯ͠΋Β͏ɾमਖ਼͠ ͯ΋Β͏ʹ͸ɺίϯςΩετΛڞ༗͠ ͳ͍ͱࢼߦࡨޡͱ΍ΓऔΓ͕૿͑Δ

Slide 12

Slide 12 text

Ϋϥ΢υɺΠϯϑϥͷϩά͸Ͳ͏΍ͬͯ౉ͯ͠ ͍Δʁ w ؤுͬͯίϐϖ͢Δ w ྔ͕ଟ͍৔߹͸ɺͳΜΒ͔ํ๏ͰΤΫεϙʔτͯ͠ɺ$-*ΤʔδΣϯ τ΁౉͢

Slide 13

Slide 13 text

ΊΜͲ͍͘͞ w $MPVE-PHHJOH͸ϒϥ΢β͔Βίϐϖͮ͠Β͍ w ΤΫεϙʔτ͢Δ·Ͱ͕ΊΜͲ͍͘͞

Slide 14

Slide 14 text

ͲΕ΋׳ΕͨΒɾɾɾ͸͋Γ·͕͢ɺ ΅ͨͪ͘͸ճҎ্ಉ͡ߦಈ͢Δͱ ᤨຑ਄͕Ͱͯ͘ΔͷͰɺ ͳΜͱ͔͍ͨ͠Ͱ͢

Slide 15

Slide 15 text

ਆث͕ݱΕͨ

Slide 16

Slide 16 text

ਆثͷଘࡏʹؾ͍ͮͨ

Slide 17

Slide 17 text

Αͦ͞͏

Slide 18

Slide 18 text

σϞΞϓϦ ʢόΠϒίʔσΟϯάʂʣ Λ༻ҙ࣮ͯ͠ફͯ͠Έͨ

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

ΞʔΩςΫνϟ

Slide 21

Slide 21 text

(FNJOJ$-*Y $ISPNF%FW5PPMT.$1

Slide 22

Slide 22 text

Ͱ͖Δ͜ͱ ϖʔδͷૢ࡞ͱφϏήʔγϣϯ ࢦఆͨ͠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

Slide 23

Slide 23 text

ʢཁ໿ʣ ͱΓ͋͑ͣ%FW5PPMT৮ͬͯͰ͖Δ͜ ͱ͸େମͰ͖Δ

Slide 24

Slide 24 text

ʢݸਓతʹʣ໘ന͍ͱࢥͬͨͱ͜Ζ ϖʔδͷૢ࡞ͱφϏήʔγϣϯ ࢦఆͨ͠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

Slide 25

Slide 25 text

Πϯετʔϧʢ؆୯ʂʣ

Slide 26

Slide 26 text

ϋϚΓͲ͜Ζ w ʢ·ͩΑ͘Θ͔Γ·ͤΜ͕ʣΩϟογϡ͕ޮ͍ͯ$ISPNF ͱ͏·͘࿈ܞͰ͖ͳ͍ͱ͖͕͋ΔˠͱΓ͋͑ͣফ͢ w OQYDMFBSOQYDBDIFccSNSGdOQN@OQY w $ISPNF͕ىಈ͠ͳ͍ʢ$MBVEF$PEFͷͱ͖͸͏·͍ͬ͘ ͨهԱͳΜ͚ͩͲʣ w ผ్खಈͰىಈ͓ͯ͘͠ w "QQMJDBUJPOT(PPHMFa$ISPNFBQQ$POUFOUT .BD04(PPHMFa$ISPNFSFNPUFEFCVHHJOH QPSUVTFSEBUBEJSUNQDISPNFQSP fi MF TUBCMF w HFNJOJTFUUJOHTKTPOʹϙʔτࢦఆ͢Δ

Slide 27

Slide 27 text

ϋϚΓͲ͜Ζ w σβΠϯͷҧ࿨ײͱ͔͸Έͯ͘Εͳͦ͞͏ͳҹ৅ w ͜͜ʢจࣈ͚ͩʣҧ࿨ײ͋ΔͷͰ௚ͯ͠ʂ͸௨͡ͳͯ͘ɺ$44 4FMFDUPSͱ͔ࢦఆͯ͋͛ͯ͠ࢦࣔ͠ͳ͍ͱ·ͩବ໨ʢͦΕ͸ͦ͏ʣ w ۀ຿༻8FCΞϓϦέʔγϣϯͩͱ6*ͷ໊લͱ͔࢖༻༻్ͱ͔υϝΠ ϯ৘ใͳ͍ͱࢦ͕ࣔਏ͍ͷͰɺࣾ಺υΩϡϝϯτͱ͋Θͤͯࢦఆͯ͠ ্͛Δͱਫ਼౓͕૿͠·͢ʢ૿͢ؾ͕͍ͯ͠Δʣ

Slide 28

Slide 28 text

ࢼͨ͜͠ͱ8FCݕࡧͯ͠΋Β͍αϚϦΛ΋ Β͏

Slide 29

Slide 29 text

ࢼͨ͜͠ͱύϑΥʔϚϯενΣοΫ

Slide 30

Slide 30 text

ࢼͨ͜͠ͱιʔείʔυΛ௚઀मਖ਼ͤͣɺ $ISPNF্Ͱฤू͢Δ

Slide 31

Slide 31 text

ָ͍͠ʂʂʂ

Slide 32

Slide 32 text

࣍

Slide 33

Slide 33 text

(FNJOJ$-*Y(PPHMF$MPVE$-*Λ ࢖ͬͨσόοά

Slide 34

Slide 34 text

Ͱ͖Δ͜ͱ w (PPHMF$MPVEͷૢ࡞͍͍ͩͨͰ͖Δʢ͸ͣʣ w $-*͔Β͡ΌͰ͖ͳ͍ͷ͔ɻతͳ͜ͱʹ·ͩͿͪ౰͍ͨͬͯͳ͍ఔ ౓ͷϢʔβʔͰ͢ʢ΅͘ʣ w ࠓճͷ৔߹͸ɺ$MPVE3VO΁σϓϩΠͨ͠ΞϓϦέʔγϣϯΛ $MPVE-PHHJOH"1*Λ࢖ͬͯɺϩάௐࠪ͢Δ͜ͱ͕Ͱ͖Δ

Slide 35

Slide 35 text

Πϯετʔϧ w (PPHMF$MPVEͷϓϩδΣΫτΛ༻ҙ w ඞཁͳݖݶʹߜͬͨαʔϏεΞΧ΢ϯτ΍ϢʔβʔΛ༻ҙ͢Δ w HDMPVEDMJࣗମͷΠϯετʔϧ͸ɺυΩϡϝϯτ΍ଞͷਓͷ2JJUB΍ ;FOOΛݟͯ͘Εʢ͍ͬͺ͍͋Δʣ w ͋ͱ͸MPDBMIPTUΛ౿ΜͰϩάΠϯͰ͖ͨΒ४උ͓̺

Slide 36

Slide 36 text

࢖͍ํ w ΍Γ͍ͨ͜ͱΛϓϩϯϓτͰࢦࣔ͢Δ͚ͩʢ؆୯ʣ

Slide 37

Slide 37 text

ϋϚΓͲ͜Ζ w ಛʹͳ͠ɻ(FNJOJ$-*͕όϯόϯίϚϯυิ׬ʢʁʣͯ͘͠ΕΔͷͰɺࠔΔ͜ͱ͕Կ΋ແ͍ w ΞϓϦέʔγϣϯଆͷϩάઃܭେࣄɻָʹಡΈऔΔ͜ͱ͕Ͱ͖ͯ΋ద੾ʹϩά͕ग़ྗ͞Εͳ͔ͬͨΒ"* ࢖ͬͯ΋ಉ͡ʢռΊʣ w HDMPVEͷ࢖͍ํΘ͔Βͳͯ͘΋ୟ͚Δͷ͕ྑ͍ʢා͍ʣ w "*͕ͳ͍ͱੜ͖͍͚ͯͳ͍಄ʹͳΓͦ͏ʢ͙Β͍ϙϯϙϯୟ͚Δʣ w ΍ͬͨ͜ͱ͸దٓ.BSLEPXO΁ग़ྗͯ͠΋ΒͬͯɺཤྺΛ࢒͢Α͏ʹ͍ͯ͠Δ w ͋ͱͰ૟আ΍΍ͬͨ͜ͱΛ֬ೝ͢ΔͨΊʹ w Ϋϥ΢υૢ࡞Λ൒ࣗಈͰૢ࡞͢ΔͷͰɺݖݶʹ͸ຊ౰ʹ஫ҙ w ʢ·ͩ๻͸ମݧͨ͜͠ͱ͸ͳ͍͕ʣʮ΍Γ௚ͯ͠ʂʯˠʮΘ͔Γ·ͨ͠ʂʢ͢΂ͯʣ࡟আ͠·͢ Ͷʂʯˠʘ ?P? ʗśƂŦ͕ɺى͜ΓಘΔՄೳੑΛൿΊͯΔ

Slide 38

Slide 38 text

ࡶײ

Slide 39

Slide 39 text

ࡶײ • ḿΓ౓߹্͍͕͕ͬͨɻλʔϛφϧ͕ΤσΟλʹͳΔʢʁʣ • AIಋೖҎલ: ͍ͭ΋௨Γ৘ใΛ੔ཧͯ͠ԾઆཱͯͯݕূˠݪҼಛఆ • AIಋೖޙ: ͤͬͤͱίϐϖͯ͠ˢΛ࡞ۀґཔɾ൑அ͢Δ͚ͩͷਓ • ࠓճͷ࿩ಋೖޙ: ࡞ۀґཔɾ൑அ͢Δ͚ͩͷਓ • Chrome DevTools MCPͷίϯςΩετྔ͸݁ߏେ͖͍Β͍͠ʢͲ͔͜ͰͦΜͳهࣄݟͨؾ͕͢ Δ͕୳͖͠Εͳ͔ͬͨʣͷͰ஫ҙ • Gemini CLI࠷ߴʂͱΓ͋͑ͣυόʔοͱ৯ΘͤΒΕΔ • ΑΓര଎ʹ࢓ࣄ͕ऴΘΕΔΑ͏ʹϢʔβʔ΁Ձ஋ఏڙͰ͖ΔΑ͏ʹҾ͖ଓ͖͕Μ͹Δ

Slide 40

Slide 40 text

ऴΘΓ