未経験からの挑戦：注文管理アプリ開発with ChatGPT

2024年12月12日に開催された「Nagoya LLM Night 〜RAG & AIエージェント知見共有会〜」の登壇資料です。
プログラミング初心者からChatGPTでアプリ開発に挑戦した工藤さんの登壇セッションとなります。
↓Zenn
https://zenn.dev/masaki910
↓イベント詳細
https://connpass.com/event/336484/

Transcript

1. 未経験からの挑戦： 注文管理アプリ開発 with ChatGPT
2. Agenda 2 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
3. 背景 人手不足な農家の知人のために、アナログな業務を効率化するWEBサービスを構築 ※個人的な取り組み 3 Copyright © 2024 Accenture. All rights reserved. 人手不足の中 アナログな受付管理で苦労 受付業務は電話・FAXベース で時間と手間が増大 WEBサービス化で業務効率化を目指す
4. Agenda 4 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
5. 現在の私のスキル 学校で学んだPythonのプログラム経験と社内研修で基礎を学ぶ 本格的なWEBサービス構築にはこれから挑戦 5 Copyright © 2024 Accenture. All rights reserved. 学生時代（授業と研究） • Python：基礎＋ニューラルネットワーク • MATLAB：自己学習で触った程度 入社後（社内研修） • SQL：基礎 • HTML：基礎 • Django × Python：基礎 • Angular × TypeScript：基礎 • SpringBoot × Java：基礎
6. Agenda 6 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
7. 作りたいもの 農家向け注文管理WEBサービス：注文受付や発信業務をオンライン化 7 Copyright © 2024 Accenture. All rights reserved. イ ン タ ー ネ ッ ト 管理者 • メンテナンス • 注文確認 • 発送管理 利用者 • 商品情報閲覧 • 記事閲覧 • 注文画面 • 発送情報確認 Cloud Functions • 注文確定処理 • 発送処理 Firestore Database • 商品データ • 注文データ • 記事・商品情報 Authentication • ログイン • 権限管理
8. Agenda 8 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
9. アプローチ方法 ChatGPTとの対話で課題解決：要件定義からコーディングまで Copyright © 2024 Accenture. All rights reserved. Copyright © 2024 Accenture. All rights reserved. 要件 実装方法を提案 コードの生成依頼 コード提示 開発者 ChatGPT 実装・改善
10. アプローチ方法 －なぜChatGPTなのか 2024年11月14日に公開されたmacOS版のChatGPTアプリの新機能「Work with Apps」で開発 効率向上 Copyright © 2024 Accenture. All rights reserved. Copyright © 2024 Accenture. All rights reserved. ◼ コーディングアプリのコンテンツを 読み取ることが可能 ▶ChatGPTとの対話がよりスマートに 例）Terminal, Visual Studio Code, X Code, TextEdit https://help.openai.com/en/articles/10119604-work-with-apps-on-macos
11. Agenda 11 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
12. デモ 12 Copyright © 2024 Accenture. All rights reserved. DEMO ✓ Google認証機能でログイン ✓ ログイン別で新規投稿ボタンの表示 ✓ 記事投稿画面と投稿後の一覧表示
13. Agenda 13 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
14. 考察 －実際にアプリ開発を経験してみて 生成AIでの開発は時間短縮と学習効果が大きい一方、コードの生成漏れや信頼性に課題感 Copyright © 2024 Accenture. All rights reserved. 1. 即時コード提案 コード例を即提示してくれるため、実装スピード向上 2. 対話での不明点解消 不明点を対話で即時解決できるため、学習コスト減 3. 検証ステップ 回答の正確性・信頼性検証は必須 4. ファイル間の横断は苦手 ファイルを横断したコードには少々漏れがあるため、別途対応が必要
15. Agenda 15 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望
16. 今後の展望 注文管理機能実装後、農家業務効率化を実現 最近公開されたo1やより高性能なLLMを試してみる 16 Copyright © 2024 Accenture. All rights reserved. イ ン タ ー ネ ッ ト 管理者 • メンテナンス • 注文確認 • 発送管理 利用者 • 商品情報閲覧 • 記事閲覧 • 注文画面 • 発送情報確認 Cloud Functions • 注文確定処理 • 発送処理 Firestore Database • 商品データ • 注文データ • 記事・商品情報 Authentication • ログイン • 権限管理
17. 余談 17 Copyright © 2024 Accenture. All rights reserved. 情報共有サイト「Zenn」に開発の過程を公開しています