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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
モーリー
June 01, 2025
Programming
29
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ハッカソン春2025 Aチーム(実践コース)
フロントエンドを担当
2025/6/1(日)21:00~23:00 に最終発表
モーリー
June 01, 2025
More Decks by モーリー
See All by モーリー
RareTechハッカソン2025冬の陣Cチーム
morleyjp
0
110
英語設定のすすめ(2024/1/16)
morleyjp
0
65
ハッカソン反省録(2024/12/27)
morleyjp
0
98
Swaggerを使ってみた(2024/12/05)
morleyjp
1
290
RareTECH ハッカソン秋_Dチーム(2024/11/30)
morleyjp
0
92
Gitのコンフリクト解消_デモあり(2024/11/02)
morleyjp
1
130
Other Decks in Programming
See All in Programming
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
3.5k
テーブルをDELETEした
yuzneri
0
140
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
730
夏だ!祭りだ!祭りとはドメインモデリングでは?
ryugen04
0
190
数百円から始めるRuby電子工作
tarosay
0
140
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
1
250
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
contour_gara
0
390
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.7k
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
370
属人化した知識を、 AIが辿れる地図にする
pkshadeck
PRO
1
150
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.6k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
It's Worth the Effort
3n
188
29k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
490
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
570
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
200
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Color Theory Basics | Prateek | Gurzu
gurzu
0
410
Claude Code のすすめ
schroneko
67
230k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
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! ご清聴ありがとうございました!