Share
Embed
Transcript
23 slides
-
ੜגࣜձࣾ ΤϯδχΞ ؔޱ ༐थ / @redamoon https://www.redamoon.net/ https://zenn.dev/redamoon https://note.com/redamoon झຯɿԂܳɾDIYɾಡॻɾAIΤʔδΣϯτٕज़ݕূ
ϋογϡλάɿ#ԂδχΞ #ԂܳΤϯδχΞ #ຖಡॻ ԻָɿSIAM SHADE ஶॻɿϓϩϑΣογϣφϧWebϓϩάϥϛϯά Vue.js ֶशڭࡐɿશମ૾ΛཧղͰ͖ΔVue.jsશॻ -
AIۦಈ։ൃͷՃͱ৫ͷݱࡏʢ202512݄࣌ʣ എܠɿՃͱࡧ AIʹΑΔίʔσΟϯάࢧԉʮݸਓͷπ ʔϧʯ͔Βʮ։ൃͷΠϯϑϥʯͱਐԽ ͍ͯ͠Δ ଟ͘ͷ৫͕ʮݸਓͷޮԽʯ͔Βʮ৫શମͷՌɾ ੜ࢈ੑ্ʯͱࢹΛҠ͠ɺͦͷͨΊͷखஈͱͯ͠ ʮඪ४ԽʯΛࡧ࢝͠Ί͍ͯΔ ࣮ଶɿݱͷ՝ ݸਓͷʮਓԽʯ͚ͩͷঢ়ଶͰɺνʔϜ
৫ͱͯ͠ͷ։ൃੜ࢈ੑͷՄࢹԽ͕͞ Εͯͳ͍ ৫શମͰΈΔͱʮAIΛ͍͜ͳ͢ਓʯͱʮΘͳ͍ ਓʯͷ2ۃԽ͍ͯ͠ΔɻAIΛ׆༻Ͱ͖ΔਓͷφϨοδʹ ू͞Ε͍ͯΔ -
ར༻֨ࠩͷ֦େ AIΛৗతʹ͍͜ͳ͢ʮύ ϫʔϢʔβʔʯͱɺશ͘Θ ͳ͍ͱͷؒͷߔ͕ਂ·ͬͯ ͍Δ ʮൿͷλϨʯԽ ։ൃͷ࣭͕ɺݸਓͷதʹด ͡ΒΕͨϓϩϯϓτΤϯδχ ΞϦϯάٕज़ʢൿͷλϨʣ ʹґଘ͍ͯ͠Δ
γϟυʔAIͷϦεΫ ໌֬ͳϧʔϧ͕ͳ͍ͱະঝೝ πʔϧ͕ཚཱ͠ɺηΩϡϦς ΟσʔλϓϥΠόγʔͷϦ εΫ͕ߴ·Δ ඪ४Խͷ՝ -
৫نʹԠͨ͡ඪ४Խͷқ খ͍͞ΤϯδχΞ৫ ϝϯόʔؒͷ߹ҙܗ͕༰қͰɺϧʔϧ ͷਁಁ͕ૣ͍ ✅ ॊೈͳϧʔϧӡ༻͕Մೳ େ͖͍ΤϯδχΞ৫ ਓ͕ଟ͍΄Ͳɺෳࡶͳϧʔϧݱͷ ෛ୲ͱͳΓػೳ͠ͳ͍ɻ ⏩
ஈ֊తʹඪ४ԽΛख़͍ͤͯ͘͞ ⏩ ϧʔϧʮখ͘͞ɾγϯϓϧʯʹ -
3ஈ֊ͷΞϓϩʔνɿ୳ࡧˠඪ४Խˠख़ ୳ࡧϑΣʔζ رऀ͔ΒݸਓϨϕϧͰͷࢼ ߦࡨޡΛ௨ͯ͡ɺͲͷΑ͏ͳ ϓϩϯϓτϧʔϧ͕ޮՌత ͔Λ୳ࡧ͢Δ͜ͱ ඪ४ԽϑΣʔζ ୳ࡧϑΣʔζͰಘΒΕݟΛ ͱʹϓϩμΫτΛԣஅతʹ ར༻Ͱ͖Δڞ௨ϧʔϧΛࡦఆ
͢Δ͜ͱʢෳࡶͰͳ͘γϯ ϓϧͰ͋Δ͜ͱʣ ख़ϑΣʔζ ஈ֊తͳख़ظͷϓϩηε උɺΤϯδχΞ͕AIϚωδϟ ʔͱͯ͠AIʹॻ͔ͤͨίʔυ ͷɾஅ͕Ͱ͖Δঢ়ଶʹ ͢Δ͜ͱ 1 2 3 -
ୈ1ஈ֊ɿ୳ࡧϑΣʔζ ඪ४πʔϧͱͯ͠CursorͱDevinΛ࠾༻ Cursorɿ࠾༻ཧ༝ ɾGUIϕʔε ɾVSCode͔ΒͷҠߦ͕༰қ ɾීஈͷIDEͷԆͱͯ͠ѻ͑ΔɺίϚϯυϥΠϯෆ׳Εͳʹड͚ೖΕ͍͢ Devinɿ࠾༻ཧ༝ ɾϒϥβϕʔεͰɺΤσΟλ͕ͳ͍ڥʹద͍ͯ͠Δ ɾAsk Devin
Deep Wikiʹ׆༻ʹΑͬͯɺίʔυͷ༷ΛѲ͍͢͠ ɾSlackϕʔεͰґཔͰ͖Δʢ׆ಈه͕ΓɺଞϝϯόʔͷՄࢹԽʣ 📋 Claude Code Codex ͳͲͷπʔϧ੍ݶͳ͠ʢར༻ऀνʔϜʹదͨ͠πʔϧΛ࠾༻ʣ -
ୈ2ஈ֊ɿϧʔϧͷࡦఆྫ ਪ ɾϘΠϥʔϓϨʔτੜ ɾ୯ମςετ࡞ ɾΤϥʔϩάղੳ ɾϦϑΝΫλϦϯάҊ ҙ ɾະͷϥΠϒϥϦ༻ ɾෳࡶͳϏδωεϩδοΫ ɾਓͷஅ͕ඞཁͳྖҬ
ېࢭ ɾػີσʔλͷϖʔετ ɾࢥߟఀࢭͨ͠ίϐϖ ɾϨϏϡʔͳ͠ͷσϓϩΠ -
ୈ3ஈ֊ɿख़ϑΣʔζʢஈ֊తͳख़ظʣ ඪ४Խ͕ఆணͯ͠ɺAIۦಈ։ൃͷख़ϑΣʔζʹೖ ΔλΠϛϯάͰϓϩηεඋΛߦ͏ ɾ։ൃϑϩʔͷ࠶ఆٛʢShift Left with AIʣ ɾΤϯδχΞͷׂͷมԽɿAIϚωʔδϟʔͱͯ͠ͷ ཁ݅ఆٛ/ઃܭͰͷʮAIนଧͪʯΛඞਢϑϩʔʹͯ͠ɺ AIͱཁ݅ɾઃܭͷੑΛ্͛Δ
AI͕࣮Λ୲͢ΔΑ͏ʹͳΔͱɺΤϯδχΞAIΛϚ ωʔδϝϯτཱ͍ͯ͘͠ʹͳΔ -
·ͱΊ ɾϓϩμΫτɾνʔϜ୯ҐͰͷΦϯϘʔσΟϯάίετͷԼ ɾ࣭ͷ҆ఆԽʢΤϯδχΞ͝ͱʹಉ࣭͡ΛಘΒΕΔՄೳੑ͕͋Δʣ ɾݸਓͷʮਓԽʯͰͳ͘ɺ৫શମͷඪ४ԽʹΑΔੜ࢈ੑ্ ɾAIͷφϨοδͷڞ༗ͱੵ͕৫ͷࢿ࢈ͱͳΔ ɾΤϯδχΞͷׂͷมԽ ɾ҉ͷՄࢹԽ 📋 ϙΠϯτ ඪ४ԽɺҰʹᘳͳঢ়ଶΛ࡞Ζ͏ͱ͢Δͱࣦഊ͠·͢ɻ
খཻ͍͞Ͱఏڙ͠ɺஈ֊తʹख़͍ͤͯ͘͜͞ͱͰɺ৫શମʹແཧͳ͘ਁಁͤ͞Δ͜ͱ͕Ͱ͖·͢ɻ