ポートフォリオ

Atonanbo

https://atonanbo.herokuapp.com/users/sign_in

※「ゲストログイン」ボタンで、ユーザー登録せずアプリケーションを利用できます

動作デモ

ポートフォリオ概要

複数人でひとつの家計簿を運用するアプリケーションです。 ユーザーはグループに所属し、月ごとにプランを設定します。 プランでは、

• 目標金額（月に幾らまで使えるか、予算のようなもの）
• 利用用途（何に、幾ら使ったかを登録）

を設定/登録していく、という使い方です。

特徴

グループには、自分以外の利用者をメンバーとして所属させることができます。 同じ財布を使っている夫婦の家計簿や、ひとつの予算から複数人がお金を使っていくサークルの活動記録、といった運用を想定しています。

制作の背景

身近な人の困りごとを解決するツールとして、このアプリケーションを制作しました。 具体的には、妻から「毎月の食費や雑費の支出を、一定金額内に収めたい」という要望があり、 「目標金額はいくらで、誰が、いつ、何にお金を使ったか」を可視化して管理しようという方向性を決めて、 アプリケーションを作成しました。

利用技術

サーバーサイド

• Ruby 2.6.0

• Rails 5.2.4.3

フロントエンド

• SCSS
• CSSフレームワーク(Semantic UI)
• JavaScript(jQuery)

機能一覧

• ユーザー登録機能

→氏名、メールアドレス、パスワードを入力してユーザー登録。以降は、メールアドレス・パスワードでログイン

• ユーザーマイページ

→所属しているグループの一覧と、同じグループに所属している他ユーザーの名前を表示

このページから、各グループで作成したプランの詳細画面へ遷移

• グループ作成機能

→ログインユーザーが、グループ名と所属メンバー（複数可）を決めて登録する。

グループ（１）：ユーザー（多）の関係

• プラン作成機能

→グループに所属するユーザーが、●年●月に利用可能な金額を設定する。１グループにつき、1件/月まで。

グループ（１）：プラン（多）の関係

• プラン表示機能

→グループのメインページにおいて、プランの詳細を表示する。具体的には、

・今月の利用可能金額

・利用履歴（後述）

・利用金額登録フォーム（後述）

を表示する。

• 利用金額登録機能

→グループに所属するユーザーが、●月のプランに対して、

　・同月の●日に、

　・どの用途で

・何円使ったか

　を登録する。プラン（１）：利用金額（多）の関係

• 利用履歴表示機能 →グループのメインページ内、プランの詳細として表示する。

・使用者

・使用金額

・用途

・使用した日