【Felo機能お試し】自然言語指示によるコード生成ツールの徹底比較.pdf

Feloのプレゼンテーション作成機能のお試し（3/3）

Transcript

1. Here is where your presentation begins 20XX.XX.XX ࣗવݴޠࢦࣔʹΑΔ ίʔυੜ੒πʔϧͷ పఈൺֱ
2. CONTENTS Replit Agentͷৄࡉ ૯߹ൺֱͱϢʔβʔ૚ͷબ୒ 2. 1. Bolt.newͷৄࡉ GPT Engineerͷৄࡉ 3. 4.
3. Part 01 Bolt.newͷৄࡉ
4. Bolt.new͸ɺϢʔβʔ͕ࣗવݴޠͰίʔυͷࢦࣔΛೖྗ͢ Δ͚ͩͰɺϒϥ΢β্ͰϑϧελοΫΞϓϦέʔγϣϯΛ ։ൃ͢ΔϓϥοτϑΥʔϜͰ͢ɻςΩετϓϩϯϓτΛݩ ʹࣗಈͰίʔυΛੜ੒͠ɺϑΝΠϧߏ଄΋ߏங͠·͢ɻ͜ ͷΞϓϩʔνʹΑΓɺϓϩάϥϛϯάͷ஌͕ࣝͳ͍ਓͰ΋ ؆୯ʹΞϓϦέʔγϣϯͷ։ൃ͕ՄೳͱͳΓ·͢ɻ Bolt.newͱ͸ ͜ͷπʔϧ͸ɺಛʹඇٕज़ऀ΍ελʔτΞοϓͷ૑ۀऀ޲ ͚ʹઃܭ͞Ε͍ͯ·͢ɻϢʔβʔ͸؆୯ͳϓϩϯϓτΛೖ ྗ͢Δ͚ͩͰɺඞཁͳίʔυ΍ߏ଄͕ࣗಈੜ੒͞ΕΔͨ Ίɺ։ൃͷॳظஈ֊ͰͷϋʔυϧΛେ෯ʹԼ͛Δ͜ͱ͕Ͱ ͖·͢ɻ Bolt.newͷഎܠ Bolt.newͷಋೖ
5. Bolt.new͸ϑϩϯτΤϯυͱόοΫΤϯυͷ྆ ํΛαϙʔτ͍ͯ͠·͢ɻલఏͱͳΔnpmύο έʔδͷΠϯετʔϧ΍ɺNode.jsαʔόʔͷ࣮ ߦ؀ڥ΋౥ࡌ͓ͯ͠ΓɺϑϧελοΫ։ൃʹඞ ཁͳશͯͷػೳ͕੔͍ͬͯ·͢ɻ ϑϧελοΫ։ൃػೳ ΞΠσΞ͔Βਝ଎ʹϓϩτλΠϓΛ࡞੒͢Δೳ ྗ͕͋ΓɺಛʹϓϩτλΠϓΛૣٸʹܗʹͨ͠ ͍৔໘Ͱඇৗʹ໾ཱͪ·͢ɻ͜ͷͨΊɺελʔ τΞοϓاۀ͕৽͍͠ΞΠσΞΛࢼ͢ͷʹ࠷ద ͳπʔϧͰ͢ɻ ϓϩτλΠϐϯάͷਝ଎ͳ࡞੒ Bolt.newͷओͳػೳ
6. ϓϩάϥϛϯάະܦݧऀͰ΋ར༻Ͱ ͖ΔΑ͏ʹઃܭ͞Ε͓ͯΓɺ؆қత ͳΠϯλϑΣʔεͰߴػೳͳΞϓϦ έʔγϣϯΛ։ൃͰ͖ΔͨΊɺٕज़ എܠͷͳ͍Ϣʔβʔʹͱͬͯཧ૝త Ͱ͢ɻ ٕज़஌ࣝͷͳ͍Ϣʔβʔ޲͚ ελʔτΞοϓ૑ۀऀ͕ΞΠσΞΛ ۩ݱԽ͠ɺࢢ৔౤ೖ·Ͱͷ࣌ؒΛ୹ ॖ͢Δͷʹ໾ཱͪ·͢ɻϓϩτλΠ ϐϯάͷਝ଎ԽʹΑΓɺϏδωεΞ ΠσΞͷόϦσʔγϣϯ΋༰қͰ ͢ɻ ελʔτΞοϓͷ૑ۀऀ޲͚ Bolt.newͷద༻γʔϯ
7. Part 02 Replit Agentͷৄࡉ
8. Replit Agentͱ͸ Replit Agent͸ࣗવݴޠͰͷࢦࣔΛجʹɺΞϓϦέʔγϣ ϯΛࣗಈੜ੒͢ΔAIπʔϧͰ͢ɻॳ৺ऀ͔Β্ڃऀ·Ͱ ෯޿͍Ϣʔβʔ૚ʹରԠ͓ͯ͠ΓɺϑϩϯτΤϯυͱό οΫΤϯυͷ૒ํΛαϙʔτ͠·͢ɻ Replit Agentͷഎܠ ͜ͷπʔϧ͸෯޿͍Ϣʔβʔ͕ར༻Ͱ͖ΔΑ͏ʹઃܭ͞ Ε͓ͯΓɺಛʹෳࡶͳΧελϜΞϓϦέʔγϣϯͷ։ൃ ʹରԠͰ͖Δ఺ͰڧྗͰ͢ɻσϓϩΠΦϓγϣϯͷଟ༷ ͞΋ɺҰͭͷେ͖ͳಛ௃ͱͳ͍ͬͯ·͢ɻ Replit Agentͷಋೖ
9. ։ൃͷਐḿΛϦΞϧλΠϜͰ֬ೝͰ͖Δػೳ͕͋Γɺϓϩδ ΣΫτͷ؅ཧ͕௚ײతʹߦ͑·͢ɻϢʔβʔ͸ଈ࠲ʹϑΟʔ υόοΫΛड͚औΓͳ͕Β։ൃΛਐΊΔ͜ͱ͕Ͱ͖·͢ɻ ϦΞϧλΠϜ։ൃػೳ Replit Agent͸ɺ׬੒ͨ͠ΞϓϦέʔγϣϯΛଟ༷ͳํ๏Ͱ σϓϩΠ͢Δ͜ͱ͕Ͱ͖·͢ɻ͜ͷͨΊɺϢʔβʔ͸ࣗ਎ͷ χʔζʹԠͨ͡ॊೈͳσϓϩΠઓུΛબ୒͢Δ͜ͱ͕ՄೳͰ ͢ɻ ଟ༷ͳσϓϩΠΦϓγϣϯ Replit Agentͷओͳػೳ
10. 01 ϓϩάϥϛϯάܦݧऀ޲͚ جຊతͳϓϩάϥϛϯάͷ஌͕ࣝ͋ΔϢʔβʔ ޲͚ʹઃܭ͞Ε͓ͯΓɺಛʹෳࡶͳΞϓϦέʔ γϣϯͷ։ൃʹରԠ͢ΔͨΊͷଟػೳͳπʔϧ Ͱ͢ɻ 02 ෳࡶͳΞϓϦ։ൃ ෳࡶͳΧελϜΞϓϦέʔγϣϯΛ։ൃ͍ͨ͠ Ϣʔβʔʹ࠷దͰɺ༷ʑͳػೳͱߴ͍ॊೈੑΛ උ͍͑ͯΔͨΊɺϓϩϑΣογϣφϧͳ։ൃऀ ʹ΋࢖༻͞Ε͍ͯ·͢ɻ Replit Agentͷద༻γʔϯ
11. Part 03 GPT Engineerͷৄࡉ
12. 01 GPT Engineer͸ɺࣗવݴޠʹΑΔࢦ͔ࣔΒίʔυΛ ੜ੒͢ΔAI։ൃࢧԉπʔϧͰ͢ɻಛʹWebٕज़Λར ༻ͨ͠ϓϩδΣΫτͷ؅ཧ΍࣮ߦΛαϙʔτ͢Δͨ Ίʹઃܭ͞Ε͍ͯ·͢ɻ GPT Engineerͱ͸ 02 ͜ͷπʔϧ͸ɺಛʹWebϑϩϯτΤϯυͷ։ൃʹڧ ΈΛ࣋ͭΑ͏ઃܭ͞Ε͓ͯΓɺॳ৺ऀ͔Βதڃऀ· Ͱ෯޿͍૚ʹରԠ͍ͯ͠·͢ɻطଘίʔυͷमਖ਼΍ ػೳ௥Ճ΋Մೳͳ఺ͰඇৗʹศརͰ͢ɻ GPT Engineerͷഎܠ GPT Engineerͷಋೖ
13. ίʔυੜ੒ͱमਖ਼ػೳ ৽نͷίʔυ͚ͩͰͳ͘ɺطଘͷίʔυͷमਖ਼ ΍ػೳ௥Ճʹ΋ରԠ͍ͯ͠·͢ɻϢʔβʔ͕۩ ମతͳΞΠσΞΛςΩετͰೖྗ͢Δ͜ͱͰɺ ඞཁͳίʔυ͕ਝ଎ʹੜ੒͞Ε·͢ɻ ଟݴޠରԠػೳ HTMLɺCSSɺJavaScriptͳͲɺෳ਺ͷϓϩάϥ ϛϯάݴޠʹରԠ͓ͯ͠ΓɺಛʹϑϩϯτΤϯ υ։ൃʹ͓͍ͯ͸ඇৗʹڧྗͳπʔϧͱͳͬͯ ͍·͢ɻ GPT Engineerͷओͳػೳ
14. ϑϩϯτΤϯυಛԽ ϓϩάϥϛϯάॳ৺ऀͰ΋ར༻Ͱ͖ΔΑ ͏ʹઃܭ͞Ε͍ͯ·͢ɻ؆୯ͳݴޠࢦࣔ ͰඞཁͳίʔυΛੜ੒Ͱ͖ΔͨΊɺॳֶ ऀͷֶशπʔϧͱͯ͠΋࠷దͰ͢ɻ ϓϩάϥϛϯάॳ৺ऀ޲͚ ಛʹϑϩϯτΤϯυ։ൃʹڧΈΛ࣋ͬͯ ͓ΓɺHTMLɺCSSɺJavaScriptͷίʔ σΟϯάΛޮ཰Խ͢ΔͨΊͷػೳ͕ॆ࣮ ͍ͯ͠·͢ɻ GPT Engineerͷద༻γʔϯ
15. Part 04 ૯߹ൺֱͱϢʔβʔ૚ͷ બ୒
16. ٕज़తഎܠʹΑΔબ୒ Bolt.new͸ϓϩάϥϛϯάະܦݧऀ΍ελʔτΞοϓ޲͚ʹ࠷ దͰ͢ɻReplit Agent͸ϓϩάϥϛϯάܦݧऀ΍ෳࡶͳΞϓϦέ ʔγϣϯΛر๬͢ΔϢʔβʔ޲͚Ͱ͢ɻGPT Engineer͸ϓϩά ϥϛϯάॳ৺ऀ͔Βதڃऀ·ͰରԠ͠ɺಛʹϑϩϯτΤϯυʹ ಛԽ͍ͯ͠·͢ɻ ϓϩδΣΫτͷछྨʹΑΔબ୒ ֤πʔϧͷڧΈ΍ର৅ϢʔβʔʹԠͯ͡ɺ۩ମతͳϓϩδΣΫ τͷछྨʹΑΔબ୒΋ॏཁͰ͢ɻ͜ΕʹΑΓɺޮ཰తͰޮՌత ͳ։ൃ͕ՄೳͱͳΓ·͢ɻ Ϣʔβʔ૚ൺֱ
17. ɺ GPT Engineerͷػೳਂ౓ Bolt.newͷػೳਂ౓ Replit Agentͷػೳਂ౓ Bolt.new͸؆୯ͳϓϩτλΠϓ࡞੒ʹ༏Ε͍ͯ·͕͢ɺػೳ͸ൺֱతγϯϓϧͰ௚ײతͰ͢ɻͦͷͨΊɺٕज़తഎܠ͕ͳͯ͘΋ਝ଎ʹ࢖͍͜ͳͤ·͢ɻ Replit Agent͸෯޿͍ػೳΛ࣋ͪɺϦΞϧλΠϜͰͷ։ൃ؅ཧ͕ՄೳͰ͢ɻߴ౓ͳϢʔβʔͰ΋ຬ଍ͷ͍͘ػೳΛఏڙ͍ͯ͠·͢ɻ GPT Engineer͸ίʔυੜ੒ͱमਖ਼ʹڧΈΛ࣋ͪɺಛʹϑϩϯτΤϯυʹಛԽ͍ͯ͠·͢ɻ๛෋ͳϓϩάϥϛϯάݴޠରԠʹΑͬͯɺॊೈੑͷ͋Δ։ൃΛαϙʔτ͠·͢ɻ ػೳͷਂ͞ൺֱ
18. ܦݧ๛͔ͳϢʔβʔʹ͸ɺReplit Agent͕࠷΋ద͍ͯ͠ ·͢ɻෳࡶͳػೳͱଟ༷ͳσϓϩΠΦϓγϣϯʹΑͬ ͯɺϓϩϑΣογϣφϧͳ։ൃ͕ՄೳͰ͢ɻ 01 02 ܦݧ๛͔ͳϢʔβʔ޲͚ ॳ৺ऀʹ͸ɺBolt.newͱGPT Engineer͕ద͍ͯ͠· ͢ɻγϯϓϧͳૢ࡞ੑͱߴ͍ॊೈੑʹΑͬͯɺֶश΍ ϓϩτλΠϐϯάʹ࠷దͰ͢ɻ ॳ৺ऀ޲͚ Ϣʔβʔͷٕज़Ϩϕϧͱબ୒
19. ؆қͳϓϩδΣΫτʹ͸Bolt.new͕࠷దͰ͢ɻϓϩτλΠ ϓ࡞੒ͷਝ଎͞ͱૢ࡞ͷ؆ศ͕͞ಛ௃Ͱ͢ɻ ” ؆қϓϩδΣΫτ޲͚ ෳࡶͳϓϩδΣΫτʹ͸Replit Agent͕࠷΋ద͍ͯ͠·͢ɻ ߴ౓ͳػೳͱଟ༷ͳσϓϩΠΦϓγϣϯʹΑͬͯରԠՄೳ Ͱ͢ɻ ” ෳࡶϓϩδΣΫτ޲͚ ϓϩδΣΫτͷෳࡶ͞ͱબ୒
20. ϑϩϯτΤϯυಛԽπʔϧ ϑϩϯτΤϯυʹಛԽͨ͠GPT Engineer͸ɺ HTMLɺCSSɺJavaScript౳ͷݴޠΛޮ཰తʹѻ ͑ΔͨΊɺϑϩϯτΤϯυ։ൃऀʹͱͬͯඇৗ ʹ༗༻Ͱ͢ɻ ϑϧελοΫπʔϧ ϑϧελοΫ։ൃΛ໨ࢦ͢ͳΒɺBolt.newͱ Replit Agent͕ީิͱͳΓ·͢ɻ͜ΕΒͷπʔϧ ͸ɺϑϩϯτΤϯυͱόοΫΤϯυͷ྆ํΛα ϙʔτ͠ɺ౷߹తͳ։ൃ؀ڥΛఏڙ͠·͢ɻ ϑϩϯτΤϯυͱόοΫΤϯυͷಛԽ
21. Here is where your presentation begins 20XX.XX.XX Thanks for your attention