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
生成AIでwebアプリケーションを作ってみた
Search
tajimon
June 23, 2025
Technology
310
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
生成AIでwebアプリケーションを作ってみた
生成AIでwebアプリケーションを作成した所感について良かった点や難しかった点について共有出来ればと思います。
tajimon
June 23, 2025
More Decks by tajimon
See All by tajimon
AWS全冠したので振りかえってみる
tajimon
0
330
Other Decks in Technology
See All in Technology
Digitization部 紹介資料
sansan33
PRO
2
7.7k
TypeScript入門 2026
recruitengineers
PRO
2
400
PLaMo 3.0 Primeの構造化出力サポート
pfn
PRO
0
190
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
Retriever と Reranker、結局どうする?
kazuaki
3
680
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
4.9k
え?フロントエンドエンジニアの ワイがインフラも!?
puku0x
1
340
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
120
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
19k
20260801_スクフェス大阪
kgnkhkr
2
1.2k
修正PRを食べてレビュースキルが賢くなる:Claude Codeによる自己改善サイクル
yuyaumetsu
5
1.3k
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
170
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
GraphQLとの向き合い方2022年版
quramy
50
15k
The Spectacular Lies of Maps
axbom
PRO
1
890
Six Lessons from altMBA
skipperchong
29
4.4k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.7k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
250
Mobile First: as difficult as doing things right
swwweet
225
10k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
41k
Site-Speed That Sticks
csswizardry
13
1.4k
Transcript
生成AIでwebアプリケーションを作ってみた
いきなりですが 残念ながらwebアプリはまだ完成していません
生成AIでwebアプリケーションを作りたかった
自己紹介 名前:たじもん 所属:株式会社エーピーコミュニケーションズ 趣味:コーヒー飲み比べ
手のひらネットワーク3
アジェンダ 1.作ってみたかったもの 2.よかったこと 3.大変だったこと 4.まとめ
つくってみたかったもの
飲んだコーヒーの情報を記録できるアプリ 飲んだ日、産地、品種、豆の名前 フレーバー、個人的な好み(点数)、etc つくってみたかったもの
いいコーヒー店に行くと、ほぼ100%聞かれることがあります。 普段どんなコーヒー飲んでますか? (どんなコーヒーが好みですか?) よく行くとこであれば、このコーヒー飲みました? (去年のよりもよりフローラルでいいですよ~) 過去に飲んだコーヒーの味を覚えていられない どんな時に必要?
None
Cursor Pro 20$/month 基本的に使い放題です。(月500回以上は遅くなります) 料金体系が変わって一定量まで使い放題になりました。 ChatGPT plus 20$/month o3 o4-mini-highは賢いので助けてくれます。ありがたいですね。
使用したツール・サービス
構成図
イメージ図
知りたかったこと コードを読むことはあっても書くことはあまりない人でもできる? TypeScriptわからん (Pythonならギリ読める?) CDKわからん (CloudFormationはわかる) DynamoDBわからん (RDSならまだわかる) これでもつくれるのか?を知りたかった ついでに勉強になったらいいな
個人開発はどれくらい大変? 楽しさ vs 大変さ
よかったこと Claude4以降はある程度エラーなくできるようになってきた TypeScript,CDKと仲良くなれた気がした 使ってみたい技術を使えるのは楽しい 個人開発は大変ですが、僅差で楽しいが勝ちそう
大変だったこと 生成AIが出力してくるコードのレビューがむずかしい 何もわからないとトラブルシューティングではまる 正常動作していたところが動かなくなることがある タスクの分割がむずかしい セキュリティの担保ができているのか不明 進捗率がいまいちわからない
まとめ 自分が知らない技術スタックを使いすぎると大変です ほどほどにした方が安定します セキュリティ面はまだ課題がありますが、その点以外は何とかなります 個人開発のハードルは生成AIで下がったので気になっている方はおすすめ
今後の展望 アプリを完成させてリリースする レコメンド機能を追加 BedrockをAPI経由で利用して質問に答えてもらえるようにしたい 好みのコーヒーはなに? 人気のコーヒーはなに? すっきりしたコーヒのおススメ教えて! コーヒーの好みは1年前と変わった?