Zenn
Open8

📚おつきあいノート

個人開発
minaho wakitaminaho wakita

■ おつきあいノート

▽サービス概要

誕生日や贈り物、最後にあった日を振り返れるノート
　※具体的内容は別途書く！

▽目的

webアプリ開発のポートフォリオにする

▽作成のルール

・細部にこだわること
・完成までにかけれる時間は2か月
・設計、pjt管理、フロント・バックエンド・DB・インフラ技術について習得すること
・ドキュメントを残すこと

minaho wakitaminaho wakita

使用技術(予定)

設計

  • インフラ構成図
  • 画面遷移図
  • ER図

PJT管理

  • Git Hub
  • notion

フロントエンド

  • React.js
  • Ajax　★
選定理由

最も標準的と感じたから

バックエンド

  • Ruby on Rails　★
選定理由

あまたのフレームワークから、募集数が多いこと、比較的扱いが安易なこと、web開発に向いていることを条件に

DB

  • MySQL

インフラ

  • Heroku　★
  • AWS　★
  • Docker　★
  • 認証系
選定理由

ドキュメントが多いこと、流行りの構成であること

minaho wakitaminaho wakita

サービス概要

誕生日や贈り物、最後にあった日を振り返れるノート

  1. Info
  2. Story
  3. Tips

Info

  • 人ごとに、基本情報やエピソードを記録できる機能
  • 名前や記録した情報から特定の個人を検索できる機能
  • 五十音順や出会った日、関係性によって並び替える機能

Story

  • カレンダー上からエピソードを確認できる機能

Tips

  • InfoやStoryで登録した情報を抽出して、会話のネタになりそうな記事やYouTubeをリコメンドする機能
  • InfoやStoryで登録した情報を抽出して、おすすめのプレゼントをリコメンドする機能
minaho wakitaminaho wakita

ワイヤーフレームとして

機能の同士の関連と画面遷移についてしっかり考えたらもう少し追記が必要そうね。。
あと記入項目を具体的に10個増やしてみるのとか、登録画面の図も追加したほうがよいね。


minaho wakitaminaho wakita

上記のようなレイアウトとかを考えたり、Railsの導入動画を見ている間に圧倒言う間に時間が過ぎていた。

改めて考えてみると、個人情報を書くのがめちゃめちゃ怖いので、とりあえず
人ごとに、基本情報を記録できる機能　に絞って実装してみようと考えている。

イメージとしては、トモダチコレクションみたいな
顔パーツ選択式メモアプリ を作ることだ。

輪郭、目、鼻、口、チーク、眉のパーツを準備して、それぞれのパーツを選択し、位置を調整し、ニックネームとともに保存できるようにしようと思っている。

minaho wakitaminaho wakita

ざっと考えたER図

  • Personに人の情報
  • FacePartに各パーツの写真URL
  • FacePartSetに人と顔パーツの対応
  • FacePartPositionに顔パーツの位置情報
    を格納しようと思っている。・
+--------------+       +---------------+       +--------------+       +------------------+
|   Person     |       |   FacePart    |       |  FacePartSet |       | FacePartPosition |
+--------------+       +---------------+       +--------------+       +------------------+
| id           |       | id            |       | id           |       | id               |
| name         |       | name          |       | person_id    |       | face_part_set_id |
+--------------+       | part_type_id  |       | contour_id   |       | face_part_id     |
                       +---------------+       | eyes_id      |       | x_position       |
                                              | nose_id      |       | y_position       |
                                              | mouth_id     |       +------------------+
                                              | cheeks_id    |
                                              | eyebrows_id  |
                                              +--------------+
minaho wakitaminaho wakita

Git

ローカルのGitリポジトリとGitHubリポジトリを紐付け

git remote add origin <GitHubリポジトリのURL>

変更をステージングする

git add .

変更をコミットする

git commit -m "Commit message"

GitHubにpushする

git push -u origin main