Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Agenda 2 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 3

Slide 3 text

背景 人手不足な農家の知人のために、アナログな業務を効率化するWEBサービスを構築 ※個人的な取り組み 3 Copyright © 2024 Accenture. All rights reserved. 人手不足の中 アナログな受付管理で苦労 受付業務は電話・FAXベース で時間と手間が増大 WEBサービス化で業務効率化を目指す

Slide 4

Slide 4 text

Agenda 4 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 5

Slide 5 text

現在の私のスキル 学校で学んだPythonのプログラム経験と社内研修で基礎を学ぶ 本格的なWEBサービス構築にはこれから挑戦 5 Copyright © 2024 Accenture. All rights reserved. 学生時代(授業と研究) • Python:基礎+ニューラルネットワーク • MATLAB:自己学習で触った程度 入社後(社内研修) • SQL:基礎 • HTML:基礎 • Django × Python:基礎 • Angular × TypeScript:基礎 • SpringBoot × Java:基礎

Slide 6

Slide 6 text

Agenda 6 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 7

Slide 7 text

作りたいもの 農家向け注文管理WEBサービス:注文受付や発信業務をオンライン化 7 Copyright © 2024 Accenture. All rights reserved. イ ン タ ー ネ ッ ト 管理者 • メンテナンス • 注文確認 • 発送管理 利用者 • 商品情報閲覧 • 記事閲覧 • 注文画面 • 発送情報確認 Cloud Functions • 注文確定処理 • 発送処理 Firestore Database • 商品データ • 注文データ • 記事・商品情報 Authentication • ログイン • 権限管理

Slide 8

Slide 8 text

Agenda 8 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 9

Slide 9 text

アプローチ方法 ChatGPTとの対話で課題解決:要件定義からコーディングまで Copyright © 2024 Accenture. All rights reserved. Copyright © 2024 Accenture. All rights reserved. 要件 実装方法を提案 コードの生成依頼 コード提示 開発者 ChatGPT 実装・改善

Slide 10

Slide 10 text

アプローチ方法 -なぜ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

Slide 11

Slide 11 text

Agenda 11 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 12

Slide 12 text

デモ 12 Copyright © 2024 Accenture. All rights reserved. DEMO ✓ Google認証機能でログイン ✓ ログイン別で新規投稿ボタンの表示 ✓ 記事投稿画面と投稿後の一覧表示

Slide 13

Slide 13 text

Agenda 13 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 14

Slide 14 text

考察 -実際にアプリ開発を経験してみて 生成AIでの開発は時間短縮と学習効果が大きい一方、コードの生成漏れや信頼性に課題感 Copyright © 2024 Accenture. All rights reserved. 1. 即時コード提案 コード例を即提示してくれるため、実装スピード向上 2. 対話での不明点解消 不明点を対話で即時解決できるため、学習コスト減 3. 検証ステップ 回答の正確性・信頼性検証は必須 4. ファイル間の横断は苦手 ファイルを横断したコードには少々漏れがあるため、別途対応が必要

Slide 15

Slide 15 text

Agenda 15 Copyright © 2024 Accenture. All rights reserved. 1. 背景 2. 現在の私のスキル 3. 作りたいもの 4. アプローチ方法 5. デモ 6. 考察 7. 今後の展望

Slide 16

Slide 16 text

今後の展望 注文管理機能実装後、農家業務効率化を実現 最近公開されたo1やより高性能なLLMを試してみる 16 Copyright © 2024 Accenture. All rights reserved. イ ン タ ー ネ ッ ト 管理者 • メンテナンス • 注文確認 • 発送管理 利用者 • 商品情報閲覧 • 記事閲覧 • 注文画面 • 発送情報確認 Cloud Functions • 注文確定処理 • 発送処理 Firestore Database • 商品データ • 注文データ • 記事・商品情報 Authentication • ログイン • 権限管理

Slide 17

Slide 17 text

余談 17 Copyright © 2024 Accenture. All rights reserved. 情報共有サイト「Zenn」に開発の過程を公開しています