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
510
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
MasayaYoshino
June 24, 2023
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
90
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
85
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
43
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
450
JSでFirebaseのML Kitを使う
ayasamind
0
1.8k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
950
AlexaからはじめるServerless
ayasamind
0
610
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.5k
vuenight.pdf
ayasamind
0
600
Other Decks in Programming
See All in Programming
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
Formの複雑さに立ち向かう
bmthd
1
720
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
Domain-Driven Transformation
hschwentner
2
1.9k
Spring gRPC について / About Spring gRPC
mackey0225
0
220
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
205
24k
Designing Experiences People Love
moore
139
23k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Writing Fast Ruby
sferik
628
61k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Side Projects
sachag
452
42k
Done Done
chrislema
182
16k
The Cult of Friendly URLs
andyhume
78
6.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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/