Slide 1

Slide 1 text

ハッカソン 2024 年 秋 Dチーム 2024/11/30(土) 最終発表資料

Slide 2

Slide 2 text

目次 メンバー紹介 アプリ概要 使用技術 画面遷移図 ER図 インフラ構成図 作成状況 所感 P3 P4 P8 P9 P10 P13 P14 P15 デモ P16

Slide 3

Slide 3 text

メンバー紹介 モーリー@46期 このチームで最高 のアプリを作りま す!! めがねママ@45期 よう@41期 くっしー@38期 初めてフロントエンド に挑戦です。またわか らないことだらけです が最後まで完走したい と思います。 初めてのインフラ担 当です。実践コース も初めてなので頑張 っていきたいです。 フロントエンド フロントエンド バックエンド インフラ 初の実践コース 気合入れて頑張 ります!!

Slide 4

Slide 4 text

デスクワークで身体が固まっている... アプリ概要 こんなお悩みありませんか・・・? 短時間でできるストレッチが知りたい!

Slide 5

Slide 5 text

日常に簡単で楽しい健康習慣を プラスするお手伝いをします 短時間で身体をほぐせる 自分で動画を探す必要なし 過去動画も遡って視聴可能 アプリ概要

Slide 6

Slide 6 text

ほぐし~の 短時間の動画のみ 動画URLの自動配信 過去動画も見直し 忙しいあなたも すきま時間で 身体を柔らかく! 毎日決まった時間に 動画URLをお届け! 迷う必要なし! 送信されたURLは 過去7日間閲覧可能! お気に入り登録で 30件の動画を保存!

Slide 7

Slide 7 text

ペルソナ 勤務地 自宅またはカフェ 性別 男性 職業 グラフィックデザイナー(フリーランス) 年齢 32歳 独身 解決すべき課題 長時間のパソコン作業による目や肩の疲れ 自宅での仕事が多く、運動不足になりがち 自分でスケジュール管理する必要があり、 健康維持に時間を割けない

Slide 8

Slide 8 text

バックエンド 使用技術 フロントエンド インフラ コミュニケーション Figma HTML CSS JavaScript React Docker GitHub Mattermost Notion Swagger Postman draw.io

Slide 9

Slide 9 text

画面遷移図

Slide 10

Slide 10 text

ER図

Slide 11

Slide 11 text

ログインパスワードのハッシュ化方法 パスワードのみ パスワード + ペッパー値

Slide 12

Slide 12 text

インフラ構成図 点線枠は未完成

Slide 13

Slide 13 text

作成状況 できたところ フロント: 新規登録(UI部分) ログイン画面(UI部分) フロント画面とバックエンドのデータの 受け渡し 編集画面(UIのみ) バックエンド: 新規登録機能(API) ログイン・ログアウト機能(API) YouTubeAPIのデータ取得機能(API) インフラ: 開発環境構築 構成図 AWSの構築(シングル構成) フロント: トップページ画面 編集画面 お気に入り画面 バックエンド: YouTube APIとLambdaの連結 トップページ(API) ユーザー編集(API) インフラ: AWSの構築 できていないところ

Slide 14

Slide 14 text

デモ アプリのデモです

Slide 15

Slide 15 text

GitHubリンク https://github.com/RareTECH-Hackathon-D-Team2024Autumn/stretch-app

Slide 16

Slide 16 text

所感 モーリー@46期 めがねママ@45期 よう@41期 くっしー@38期 フロントエンド フロントエンド バックエンド インフラ アプリを完成させることは できませんでしたが、使用 技術やそれ以外の技術の知 見を得ることができまし た。 次回参加では知識・技術の ブラッシュアップを行い完 成を目指したいです。 スケジュール管理が甘く アプリを完成させること ができませんでした。 色々なことを学べたの で、次回参加する際は、 それを活かせるように学 習を続けたいです。 チーム開発で貴重な経験 を積むことができて勉強 になりました。スケジュ ール管理ができていなく てアプリ完成できなかっ たので、次回は完成させ ます。 大詰めで体調を崩してしま いチームの皆さんに迷惑を かけてしまいました。悔い には残る結果となってしま いました。が、引き続き JS、React含めフロント周 りの勉強をしたいと思いま す。