AIエージェントを活用したアプリ開発手法の模索

AI Builders' Community(ABC) vol.1
https://ai-builders-community.connpass.com/event/344002/

紹介したコード

①MusicLoopMaker
https://github.com/kumamotone/MusicLoopMaker
②NectarView
https://github.com/kumamotone/NectarView
③AndroidCapture
https://github.com/kumamotone/AndroidEmulatorCapture
④GitHub Media Formatter
https://github.com/kumamotone/GitHubMediaFormatter

⑤DartPad Gist Publisher Chrome Extension
https://github.com/kumamotone/dartpad_gist_extension
⑥住所自動入力プラス
https://github.com/kumamotone/address-auto-fill
⑦kumamotone-blog
https://github.com/kumamotone/kumamotone-blog
⑧Git Work Time Estimator
https://github.com/kumamotone/estimate-git-worktime

Transcript

1. @kumamo_tone AI Builders' Community(ABC) vol.1ɹ2025/03/18 AIΤʔδΣϯτΛ ׆༻ͨ͠ΞϓϦ։ൃख๏ͷ໛ࡧ
2. ϑϦʔϥϯε (ओʹΞϓϦ)ΤϯδχΞ ۽ຊ࿨ਖ਼(@kumamo_tone) • 2007-2012: ಙࢁߴઐ ৘ใిࢠ޻ֶՊೖֶ • 2012-2016: ஜ೾େֶ৘ใՊֶྨ/େֶӃ ίϯϐϡʔλʔαΠΤϯεઐ߈ • 2016-2019: Ϡϑʔגࣜձࣾ • 2019-2023: גࣜձࣾϝϧϖΠ • 2023-2024: גࣜձࣾYOUTRUST • 2024-: ϑϦʔϥϯε ͓͔͖͑ • झຯ Ի੍ָ࡞ ήʔϜ
3. Y a hoo! Intern a l H a ck D a y 14 ࠷༏ल৆ & ٕज़৆ (2017)ɺM a shup Aw a rds 2017 ༏ल৆ (2017), ಛڐऔಘ • ੲ(2017ʙ2019೥͝Ζ) • GANͱ͍͏ੜ੒AIٕज़Λ࢖ͬͯϋοΧιϯʹग़͍ͯ·ͨ͠ • ࠷ۙ • ੜ੒AI͗͢͢͝Δʂʂʂຖ೔࢖͍ͬͯ·͢ɹ΋ͬͱ஌Γ͍ͨ • ݸਓతʹ͸AIΤʔδΣϯτܦ༝Ͱฤूͨ͠΄͏͕͕ϛε͕গͳ͘ͳΔͨΊɺ ͔ͳΓͷൣғͷฤूΛΤʔδΣϯτͰߦ͍ͬͯ·͢ ੜ੒AIͱΘͨ͘͠ https://www.youtube.com/w a tch?v=ZpEkUHKkltY
4. • AIΤʔδΣϯτۦಈͰݸਓ։ൃͨ͠πʔϧͱؾ͖ͮ • ͓͢͢Ί։ൃϑϩʔ Λ͍ͪΞϓϦ։ൃऀ໨ઢͰ͓࿩͠·͢ ΞδΣϯμ
5. AIΤʔδΣϯτͰ։ൃͨ͠πʔϧͱମݧஊ
6. ᶃMusicLoopMaker https://github.com/kum a motone/MusicLoopM a ker • BGMͷϧʔϓԻݯΛ؆୯ʹͭ͘Δ σεΫτοϓ(Electron)ΞϓϦ • OBSͷϧʔϓػೳ͸Ұॠ్੾ΕΔ͜ͱ͕͋ΔͷͰɺϧʔϓͨ͠ ௕ईԻݯ͕ඞཁͳͱ͖͕͋Δ • ࢦఆճΛϧʔϓˠMP3ʹม׵ˠϧʔϓՕॴͰϊΠζ͕ೖ͍ͬͯ Δ͔֬ೝͱ͍͏Ұ࿈ͷ࡞ۀΛޮ཰Խ • ։ൃ࣌ظ: 2024೥8݄ • ؾ͖ͮ • ͸͡ΊͯCursor ComposerΛ࢖ͬͨϫʔΫϑϩʔͷମݧʹࠢ ͕਒͑Δ • Tipsᶃ: Cl a ude Λ࢖͏ͱ࿐ࠎʹ݁Ռ͕ྑ͍
7. ᶄNectarView • m a c OS༻ը૾ɾອըϏϡʔΞ • Windowsʹ͸HoneyViewͱ͍͏ྑ͍ը૾ϏϡʔΞ ͕͋Δ͕ɺm a cOSʹ͸ແ͍ͷͰ࡞ͬͨ • ։ൃ࣌ظ: 2024೥9݄ʙ10݄ Cursor+Cl a ude 3.5 • ؾ͖ͮ • ෳࡶͰ࣌ؒͷֻ͔Δ։ൃͰ΋࢖͑Δ͜ͱΛ࣮ײ • ൺֱత৽͍͠API(Observ a tionϚΫϩ)ͳͲ͸શવ͏ ·͍͔͘ͳ͔ͬͨ • Tipsᶄ: ٧·ͬͨΒʮଓ͚ͯʯͱࡶʹݴ͏ͱ͏·͘ ͍͘͜ͱ͕͋Δ https://kum a .dev/Nect a rView/ https://github.com/kum a motone/Nect a rView https://www.youtube.com/w a tch?v=mFOk0N7pozo
8. ᶅAndroidCapture • AndroidσόΠεͷ࿥ըΛm a cͷϝχϡʔόʔ͔ΒҰൃͰ΍Δm a cOSπʔϧ • Android Studioͷlogc a t͸ಋઢ͕ԕ͍ m a cOSͷΩϟϓνϟ͸੒Ռ෺ͷ༰ྔ͕େ͖͍ • ։ൃ࣌ظ • 2024೥10݄: جຊతͳػೳ(Cursor+Cl a ude 3.5)Ͱ࡞Δ • 2025೥3݄: Cl a ude CodeͰ࠳ં͍ͯͨ͠ػೳ(ӈΫϦοΫϝχϡʔɺϩάΠ ϯ࣌ʹىಈɺσόΠεͷ੾Γସ͑ͳͲ)Λ࣮૷ • ؾ͖ͮ • Cursor+Cl a ude 3.5Ͱ͏·͍͔͘ͳ͔ͬͨ΍ͭΛCl a ude CodeͰ࠶ґཔ͢Δ ͱ͏·͍͘͘͜ͱ͕͋Δ • Tipsᶅ: 1͓ͭͣͭئ͍͢Δ΄͏͕੒ޭ཰্͕͕Δ https://github.com/kum a motone/AndroidEmul a torC a pture
9. ᶆGitHub Media Formatter • GitHubͷPRཝʹϖʔετͨ͠ը૾/ಈըͷબ୒ൣғʹ͋ΔURL Λݟ΍͘͢͢ΔChrome֦ு • 1ͭͷ৔߹: widthΛࢦఆͨ͠img͔videoʹม׵ • 2ͭҎ্ͷ৔߹:ม׵ͯ͠ԣฒͼʹͨ͠දʹม׵ • ։ൃ࣌ظ • 2024೥9݄: جຊతͳػೳ(Cursor+Sonnet 3.5)Ͱ࡞Δ ಈը͕ ࠞͬͨ͟৔߹΍ෳ਺ը૾͕͋Δ৔߹ͳͲɺෳࡶͳػೳ͸࠳ં • 2025೥3݄: Cl a ude CodeͰෳࡶͳػೳΛ࣮૷ • ؾ͖ͮ • Tipsᶆ: ϓϩϯϓτΛAIʹॻ͔ͤΔͱମײ੒ޭ཰্͕͕Δ چ: https://github.com/kum a motone/pr_img_converter ৽: https://github.com/kum a motone/GitHubMedi a Form a tter
10. • ᶇD a rtP a d Gist Publisher Chrome Extension github.com/kum a motone/d a rtp a d_gist_extension • D a rtP a dʹೖྗ͞Ε͍ͯΔ಺༰Λgistʹpublishͯ͠ڞ༗༻ͷD a rtP a dͷURLΛ։͘Chrome֦ு • ᶈॅॴࣗಈೖྗϓϥε github.com/kum a motone/ a ddress- a uto- f ill • Chrome͕ࣗಈೖྗͰ͖ͳ͍ϑΥʔϜͷॅॴΛࣗಈೖྗ͢ΔChrome֦ு • ᶉkum a motone-blog github.com/kum a motone/kum a motone-blog • NextJS+TypeScript+Sup a b a seͷγϯϓϧͳϒϩά • ᶊGit Work Time Estim a tor github.com/kum a motone/estim a te-git-worktime • gitͷίϛοτϩά͔Β࣮ࡍͷ࡞ۀ࣌ؒΛਪఆ͢ΔWebπʔϧ
11. ͓͢͢Ί։ൃϑϩʔ
12. ͓͢͢Ί։ൃϑϩʔ ॳظϓϩϯϓτ ͷ࡞੒ • Cl a ude Code • ͔͍͜͠(ؾͷ͍͔ͤ΋) • CLAUDE.mdΛ/initͰੜ੒͢Δͱ ϧʔϧΛ࡞ͬͯ͘Εͯɺউखʹҭͭ • CUI • CursorͳͲʹൺ΂Δͱߴ͍ • Cursor • VSCodeϕʔεͰݟ΍͍͢ɾ௚઀ ฤू͕༰қ • Ώͬ͘Γͻͱͭͣͭղܾ͍͚ͯ͠ Δ O1 pro
13. • Windsurf • ϢʔβʔͷߦಈΛֶश͢Δػೳ͕͋Δ • Cline(Roo Code) • ͱʹ͔͘εϐʔυײ͕͋Δ • Architect(Pl a n)Ϟʔυ • উखʹWebϒϥ΢δϯάͯ͠ ৘ใर͍ʹߦͬͯ͘ΕͨΓ͢Δ • 0→1΋ͭΑ͍ AndroidΞϓϦͷ ը૾ͷsvgؚΊͯશ෦ॻ͍ͯ͘Εͨ Alternatives ศརͳػೳ͸͓ޓ͍ʹਅࣅ͋ͬͯ͠ ͲͷAIΤʔδΣϯτͰ΋࢖͑ΔΑ͏ʹͳΓͦ͏ͳؾ͕͢Δ
14. • ݸਓతʹAIΤʔδΣϯτͰͭͬͨ͘πʔϧͱମݧஊ঺հ • Cl a ude Code͚ͩͰ΋ૉૣ͘ศརͳ΋ͷ͕࡞ΕΔ͠ɺCursorΛۦ࢖͢Ε͹ҙ֎ͱෳࡶͳ΋ͷ΋࡞ΕΔ • ͓͢͢ΊϫʔΫϑϩʔ͸o1 (pro)→Cl a ude Code→Cursor • ίπ • ᶃ Ϟσϧ͸ Cl a ude Sonnet Λ͔ͭ͏ • ᶄ୯ʹʮଓ͚ͯʯͱ͓ئ͍͢Δ • ᶅ1͓ͭͣͭئ͍͢Δ • ᶆϓϩϯϓτΛAIʹॻ͔ͤΔͱମײ੒ޭ཰্͕͕Δ ·ͱΊ