Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
Search
MasayaYoshino
June 24, 2023
Programming
0
600
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
MasayaYoshino
June 24, 2023
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
55
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
110
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
120
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
62
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
490
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
700
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
Other Decks in Programming
See All in Programming
実践AIチャットボットUI実装入門
syumai
7
2.5k
Swift Concurrency - 状態監視の罠
objectiveaudio
2
450
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
680
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
130
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
580
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
sobolevn
0
160
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
ukitaka
0
380
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
770
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
4.4k
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
110
ソフトウェア設計の実践的な考え方
masuda220
PRO
3
480
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Context Engineering - Making Every Token Count
addyosmani
5
180
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
A Tale of Four Properties
chriscoyier
160
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Mobile First: as difficult as doing things right
swwweet
224
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
4 Signs Your Business is Dying
shpigford
185
22k
Transcript
2023.06.24 吉野雅耶(株式会社Fusic) 1 ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
01 軽く⾃⼰紹介
軽く⾃⼰紹介 吉野 雅耶 (Masaya Yoshino) @ayasamind ↑ スライド公開予定 Work at
株式会社 Fusic エンジニア / 技術開発第3部⾨ 部⾨⻑ エンジニアカフェ Hacker Supporter TechTrain メンター Skill PHP・AWS 3
02 何の話するの︖
2023.06.24 吉野雅耶(株式会社Fusic) 5 ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
6 先⽇、結婚式をしました。
7 先⽇、結婚式をしました。 新郎がエンジニアということで 余興アプリを作ることに
8 先⽇、結婚式をしました。 新郎がエンジニアということで 余興アプリを作ることに コストを抑えるべく、 サーバーレスアーキテクチャを採⽤
9 先⽇、結婚式をしました。 新郎がエンジニアということで 余興アプリを作ることに コストを抑えるべく、 サーバーレスアーキテクチャを採⽤ ChatGPT(GPT-4)によって想像以上 の速さで実装に辿り着いた話をします
10 先⽇、結婚式をしました。 新郎がエンジニアということで 余興アプリを作ることに コストを抑えるべく、 サーバーレスアーキテクチャを採⽤ ChatGPT(GPT-4)によって想像以上 の速さで実装に辿り着いた話をします サーバーレスアプリの実装経験がない⼈ でも簡単すぐできるかも︕︖
02 つくるものを決める
つくるものを決める 12 ・結婚式で参加者が楽しめる余興アプリをつくりたい ・奥さんと話し合った結果「リアルタイム写真共有アプリ」に ・参列者が撮った写真をLINEトークにアップロード → 会場のスクリーンに写真が映る ・案出しもChatGPTに任せると・・・
つくるものを決める 13 Q. あなたはWEBエンジニアです。 結婚式の余興で使えるアプリケーション の実装を頼まれました。 参列者が参加でき、楽しむことができる ようなアプリケーションにしたいです。 どのようなアプリケーションを作るのが よいでしょうか︖
03 技術要件を決める
技術要件を決める 15 Q. あなたはWEBシステムエンジニア です。結婚式の余興で利⽤するアプ リケーションを実装する必要があり ます。そのアプリケーションは、参 列者が撮影した写真をアップロード すると、リアルタイムで会場のスク リーンにアップロードした写真が映
し出され、参列者同⼠で写真を共有 し合うことができるようなアプリケ ーションです。あなたはどのような 技術とアーキテクチャを⽤いて、こ のアプリケーションの実装を⾏いま すか︖できる限り⼯数と費⽤が発⽣ しない⽅法を考えてください。
技術要件を決める 16 Q. あなたはWEBシステムエンジニア です。結婚式の余興で利⽤するアプ リケーションを実装する必要があり ます。そのアプリケーションは、参 列者が撮影した写真をアップロード すると、リアルタイムで会場のスク リーンにアップロードした写真が映
し出され、参列者同⼠で写真を共有 し合うことができるようなアプリケ ーションです。あなたはどのような 技術とアーキテクチャを⽤いて、こ のアプリケーションの実装を⾏いま すか︖できる限り⼯数と費⽤が発⽣ しない⽅法を考えてください。 AWS(S3、Cognito) Socket.IO React,Vue をオススメしてくれた
技術要件を決める 17 S3 → 低コストだし画像保存には必要だよね Cognito → 参列者しか使わないから認証は不要 Socket.IO →
リアルタイム同期が必要、リロード はしたくない、WebSocketは使おう React、Vue → React採⽤ React Native, Flutter → ネイティブアプリはコ ストかかりすぎる、、、却下
技術要件を決める 18 Amazon S3、React、WebSocketを利⽤ するまでは決定 ただ、実現するための構成図までは何度か質 問したけど難しい。。。︖ EC2使わずに実現できるのでは︖ IAM、CloudWatch、Route53は確かに使 うだろうけど。。。
技術要件を決める 19 出してもらった案を参考に、構成までは⾃分で考えることに (全く無知識の⼈がChatGPTだけを⽤いて構成図を作ることは難易度が⾼そう) 壁打ちしてもらう、案を出してもらうことには利⽤できそう
04 開発
開発 21 ・AWS上のサーバーレスアプリとなるので、Serverless Frameworkを⽤いれば実装できるのでは︖ ・これならChatGPTにお任せできるかも︖
開発 22 Q. AWS Lambda、API Gateway、 DynamoDB、Amazon S3を⽤い て、S3に画像がPUTされたら WebSocket通信で画像のURLを送
る仕組みをつくりたいです。 Lambdaの⾔語はNode.js17を利 ⽤します。 Serverless Frameworkを⽤いて 実装する場合の、実装⽅法を教えて ください。
23
24
25 Serverless Frameworkのymlファイ ルの記述内容、Lambdaのコードまで、 ChatGPTに⽣成をお任せ 基本的にコピペで作りたいものが作れて しまった︕
26 ⼀部実装してみてエラーがでた箇所もあった 質問しながら進めて、完成まで辿り着けた︕ 開発
05 できた
28 完成
06 ChatGPTを使った開発まとめ
ChatGPTを使って余興で使えるサーバーレスアプリを作るには 30 1. アプリケーション案はChatGPTにお任せ︕ 2. 技術要件・構成はChatGPTのアドバイスを受けつつも、有識者に ⼀度は聞いた⽅がよさそう 3. 技術要件と構成さえ決まれば、実装はChatGPTに任せてみよう
ご清聴いただきありがとうございました Thank You We are Hiring ! https://recruit.fusic.co.jp/