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
560
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
MasayaYoshino
June 24, 2023
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
100
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
110
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
53
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
480
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
670
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
vuenight.pdf
ayasamind
0
630
Other Decks in Programming
See All in Programming
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
Team operations that are not burdened by SRE
kazatohiei
1
260
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
440
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
850
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
240
CursorはMCPを使った方が良いぞ
taigakono
1
190
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
810
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
320
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
140
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.6k
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Speed Design
sergeychernyshev
32
1k
How to Ace a Technical Interview
jacobian
277
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Navigating Team Friction
lara
187
15k
Agile that works and the tools we love
rasmusluckow
329
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
Raft: Consensus for Rubyists
vanstee
140
7k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Visualization
eitanlees
146
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
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/