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
ハッカソン春2025 Aチーム(実践コース)
Search
モーリー
June 01, 2025
Programming
0
4
ハッカソン春2025 Aチーム(実践コース)
フロントエンドを担当
2025/6/1(日)21:00~23:00 に最終発表
モーリー
June 01, 2025
Tweet
Share
More Decks by モーリー
See All by モーリー
RareTechハッカソン2025冬の陣Cチーム
morleyjp
0
59
英語設定のすすめ(2024/1/16)
morleyjp
0
47
ハッカソン反省録(2024/12/27)
morleyjp
0
66
Swaggerを使ってみた(2024/12/05)
morleyjp
1
200
RareTECH ハッカソン秋_Dチーム(2024/11/30)
morleyjp
0
69
Gitのコンフリクト解消_デモあり(2024/11/02)
morleyjp
1
88
Other Decks in Programming
See All in Programming
モテるデスク環境
mozumasu
3
1.4k
予防に勝る防御なし(2025年版) - 堅牢なコードを導く様々な設計のヒント / Growing Reliable Code PHP Conference Fukuoka 2025
twada
PRO
33
10k
AI POSにおけるLLM Observability基盤の導入 ― サイバーエージェントDXインターン成果報告
hekuchan
0
400
Swift Concurrency 年表クイズ
omochi
3
220
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
maryang
2
510
GitHub Copilotを使いこなせ!/mastering_github_copilot!
kotakageyama
2
860
AI駆動開発カンファレンスAutumn2025 _AI駆動開発にはAI駆動品質保証
autifyhq
0
130
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
3
1.8k
CSC509 Lecture 09
javiergs
PRO
0
290
ドメイン駆動設計のエッセンス
masuda220
PRO
15
7.6k
r2-image-worker
yusukebe
1
150
「10分以内に機能を消せる状態」 の実現のためにやっていること
togishima
1
240
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
Why Our Code Smells
bkeepers
PRO
340
57k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
660
Become a Pro
speakerdeck
PRO
29
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Producing Creativity
orderedlist
PRO
348
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Rails Girls Zürich Keynote
gr2m
95
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Transcript
Aチーム ハッカソン2025春 2025年6月1日 最終発表
メンバー アプリ概要 使用技術 画面遷移図 アジェンダ 00. 01. 02. 03. 04.
05. 06. 07. ER図など インフラ構成 進捗 デモ
RareTECH歴 7ヶ月 たくさんの技術に没頭でき、 楽しかったです! チームのみなさんが優秀すぎてデ プロイまでできました! ECSとS3の結合が難しい インフラを理解できるようになり たいです! RareTECH歴
9ヶ月 モーリー@46期 フロントエンド RareTECH歴 22ヶ月 yoshihiro@33期 インフラ メンバー Fast APIとReact習得 したいです ぽんず@48期 最高経営責任者(CEO)/バックエンド/インフラ RareTECH歴 14ヶ月 honda@41期( 😆) 最高技術責任者(CTO)/フロントエンド RareTECH歴 10ヶ月 ARISA@45期 情報戦略責任者(CIO)/インフラ/バックエンド
アプリの概要 01
前向きに頑張りたい人のための日記アプリ 良いことがあった日、 ちょっとネガティブになった日など。 自分の気持ちを整理しながら、 キャラクターのフィードバックで 日々前進する力を得るアプリです アプリの概要 〜コンセプト 〜
アプリの概要 アプリの名前
こんな人のために開発しています アプリの概要 〜 ペルソナ 〜 名前:片桐たいせい 年齢:34歳 職業:中堅企業の技術職(設計系エンジニア) 性格: 普段は誠実で責任感のあるタイプ
。 優しくされたいが、時には喝を入れてもらいたい 生活・状況: 職場では周囲から信頼される存在。平日はぐった り。週末も結局仕事のことで頭がいっぱい 利用目的: 一日の終わり、深夜に布団の中でスマホを開き、 黒 髪クール系お姉さんに褒められて明日も頑張りたい
ちょっとネガティブな気持ちから脱したい 褒められたいけど話せる相手がいない 自己肯定感をコントロールしたい イマイチやる気が出ない アプリの概要 〜 どんな悩みを解決するの? 〜
アプリの概要 〜 どうやって解決するの? 〜 日記を書くと、キャラクターから元気をもらえます
もうボクだめだ〜 ネガティブな気持ちをちょっとポジティブにします アプリの概要 〜 1人目のキャラクター 〜 例えば... ユーザー 生きてるだけで儲けもん さぶちゃん(岩谷三郎)
アプリ作ったよ とにかく褒めちぎります アプリの概要 〜 2人目のキャラクター 〜 例えば... ユーザー あなた天才! 黒髪お姉さん
たまに3人目のキャラクターが サプライズ登場します アプリの概要 〜 3人目のキャラクター 〜
認証機能 新規登録 ログイン アカウント変更・削除 アプリの概要 日記の投稿 ユーザーが送信する日記の投稿 キャラクターの応答生成 履歴表示 日記の履歴を一覧表示
どんな機能があるの?〜 MVP〜 Amazon Bedrockを使用し フィードバックメッセージを生成
実装済み 画像生成 ユーザーに元気を与える ような画像を生成します 管理者ページ アカウント凍結など、ユーザ ー情報を一元管理できます アプリの概要 どんな機能があるの?〜 追加機能〜
お気に入り登録 過去の日記に対してお気に入 り登録または解除ができます
使用技術 02
フロントエンド バックエンド インフラ 情報共有 進捗管理 使用技術
画面遷移 03
画面遷移 マイページ編集 登録(一般/ 管理者) トップ (ログイン) ホーム チャット履歴 マイページ お気に入り一覧
管理画面 ユーザー管理 投稿一覧 メンテナンス ( オリジン切り替え) チャット( 三郎) チャット( 美女)
ER図など API仕様とRDSカスタムパラメータ グループも合わせてご説明します 04
ER図 実装済み
API設計
API設計
RDS最適化のためのパラメータ設定
インフラ構成 05
インフラ構成
進捗 06
進捗
demo
たまに3人目のキャラクターがサプライズ登場します
RareTECH歴 7ヶ月 次回も頑張ります...! チームのみなさんが優秀すぎてデ プロイまでできました! ECSとS3の結合が難しかったで す。 Terraformを用いて、実践的な AWSインフラ構成に初挑戦しまし た。エラー対応や設計の試行錯誤
を通じて、IaCやクラウド運用の理 解が深まりました。 RareTECH歴 9ヶ月 モーリー@46期 フロントエンド RareTECH歴 22ヶ月 yoshihiro@33期 インフラ 所感 Next.js+CloudFront+S3でフロ ントをデプロイする場合はVercel を使わないとApp Routerに対応 できないことがわかりました。 ぽんず@48期 最高経営責任者(CEO)/バックエンド/インフラ RareTECH歴 14ヶ月 honda@41期( 😆) 最高技術責任者(CTO)/フロントエンド RareTECH歴 10ヶ月 ARISA@45期 情報戦略責任者(CIO)/インフラ/バックエンド
https://github.com/2025SpringTeamA GitHubのリンク GiHubのリンクはこちら
Thank you! ご清聴ありがとうございました!