【個人開発（未経験）】貯蓄から投資へ　資産運用支援サービスを開発しました

# はじめに

突然ですが、皆さんは **投資** をしていますか？

投資って 難しそうだし、敷居が高い、、
そんなふうに思っている方もいるかもしれませんね。

実際僕もなかなか 踏ん切りがつかなかったです。
が、５年ほど前から始めてみました。
今は、**20代のうちに2000万の貯金をする** のが目標です。

といっても、僕は **めちゃくちゃ浪費家** でした。。
新卒のころ、出張費がないため、
同じ宿舎の同期に「お金貸してほしい」 とせがむくらいの無頓着さ。。。
（1ヶ月前に知り合ったばっかの人に、まさか自分がこんなこと言うとは…）

そんな僕でも **投資を始めてみたら**、経済的に **余裕が生まれました**。

**習慣** も変わりました。
**人生観** もガラッと変わりました。

特別知識があったわけでも、運があったわけでもないです。

自分の人生の **ターニングポイント** となった投資を
周りの人にもぜひ **始めてほしいーー**

その想いから、このサービスを 開発しました。

![home_scroll.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/d4d9e226-7c42-4422-9017-42e33dba3e94.gif)

https://moneymanagement.jp/

※ ID,passwordともに「 manemane 」 でログイン。

# 背景
少し視野を広げて、日本の家計金融資産の推移は諸外国と比較するとどんな違いがあるでしょうか。

なんと、2002年〜2022年の間で
米国は、**3.3倍！**
英国は、**2.3倍！** 
と大きく伸びているのに対して、

日本は、**1.5倍…** の増加にとどまっています。

なぜなのでしょうか？

下の図を見ると、米国や英国では**資産運用リターン**による増加割合が大きい一方で、  
日本は金融資産の構成比を見ると**現預金の比率が高い**のが特徴です。

![スクリーンショット 2025-06-21 18.46.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/df7bb875-9e07-4c54-880b-9778e61d4a06.png)

![スクリーンショット 2025-06-21 18.46.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/267b09ec-2c98-421e-af62-5f4db0e81c15.png)

これは、**まだまだ大きな資産運用の可能性を秘めている**  
とも言えるのではないでしょうか。

より多くの投資家が増えれば、
企業への資金が集まり、イノベーションが次々と生まれます。
そこで生まれた利益が投資家に還元され、
投資家はさらに新たな投資へ――

そんな ポジティブな循環 が広がれば、
もっと豊かで活力ある社会を実現できるはずです！
（もちろん、**僕自身も豊かになります！✨**）

# サービスへの想い
**貯蓄から投資へ！** をコンセプトに開発しました。
投資で未来をもっと自由にーー
そんな願いがあります。

# どのように解決するのか
自分自身もそうだったのですが、やはり投資を始めるのは敷居が少し高いんですよね。
複合的な要素があると思います。
が、今回はその中でもより多くの人が抱える課題に着目しました。
  
[金融庁の調査](https://www.fsa.go.jp/news/r6/kokyakuhoni/fdreport/04.pdf)によると、
- 資産運用に関する知識がないから
- 余裕資金がないから

という意見が大半を占めておりました。

そのため、**読んだり聞いたりするだけではなく、バーチャルな投資体験を通じて、より身近に投資を行える環境**を提供することに重きをおきました。

仮想投資体験ができる既往サービスは
- 自分で年率を設定しないといけない
- 実際の株価を使ってシミュレーションできない

といった初心者にはとっつきにくいという問題点があります。

また、自分がどれだけ支出しているのかわからないといった使途不明金をなくしていけば
投資に当てられる資金は確保できます。

よって、抽象的ですはありますが以下をmust要件として開発を進めました。

- 実際の株価を用いた仮想投資体験と、その結果に対するAI診断を掲示して、実践的な学びを提供。
- さらに、家計簿機能により支出状況を可視化し、自分がどのくらいのお金を出し入れしているのか見つめ直してもらう。

# 画面キャプチャ
ざっと、開発したプロダクトの内容を画面キャプチャで紹介します。

<table style="width: 100%;">
  <tr>
    <th style="width: 50%; text-align: center;">新規登録</th>
    <th style="width: 50%; text-align: center;">ホーム（ログイン時）</th>
  </tr>
  <tr>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/ea5c436a-a5ee-40de-a8bc-39fbcd04b87d.png" width="500" />
    </td>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/d21611cc-3d11-44d2-a743-8cb8563efd08.png
" width="500"  />
    </td>
  </tr>
  <tr>
    <td align="center">ユーザー名とパスワードでログイン可能です。</td>
    <td align="center">ログイン後にナビゲーションバーから各機能を選択します。</td>
  </tr>
</table>

<table style="width: 100%;">
  <tr>
    <th style="width: 50%; text-align: center;">家計簿トップ</th>
    <th style="width: 50%; text-align: center;">家計簿詳細</th>
  </tr>
  <tr>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/18fb0a4b-69da-4a8e-80ba-bc3a3ea42cbc.png" width="500" />
    </td>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/3008acd6-05ca-4601-9d26-71186e1f6e30.png
" width="500"　/>
    </td>
  </tr>
  <tr>
    <td align="center">
      カテゴリ別の支出を円グラフで表示し、<br />
      一目で支出状況の把握が可能です。
    </td>
    <td align="center">
      記録の詳細が確認できるとともに<br />
      編集・削除が可能です。
    </td>
  </tr>
</table>

<table style="width: 100%;">
  <tr>
    <th style="width: 50%; text-align: center;">銘柄選択</th>
    <th style="width: 50%; text-align: center;">シミュレーション結果1（グラフ表示）</th>
  </tr>
  <tr>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/38983669-799d-4c5d-9b4b-3b03cc5073db.png
" width="500" />
    </td>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/9c4f4581-7b86-4985-b90d-1d4cb6c3b40f.png
" width="500" />
    </td>
  </tr>
  <tr>
    <td align="center">
      実際の銘柄を選択し、<br />
      投資のシミュレーションが行えます。
    </td>
    <td align="center">
      運用期間と運用方法に応じた<br />
      損益シミュレーション結果をグラフで表示します。
    </td>
  </tr>
</table>

<table style="width: 100%;">
  <tr>
    <th style="width: 50%; text-align: center;">シミュレーション結果2（AI診断結果）</th>
    <th style="width: 50%; text-align: center;">学習コンテンツ</th>
  </tr>
  <tr>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/f8c867af-969d-4bf7-bb76-cd9a41bb28f2.png
" width="500" />
    </td>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/19b1387c-35e1-4f2d-84ac-93b65407b47f.png" width="500" />
    </td>
  </tr>
  <tr>
    <td align="center">
      シミュレーション結果に対して、<br />
      AIが運用方法の分析やアドバイスをします。
    </td>
    <td align="center">
      投資未経験者を対象にした<br />
      資産運用に関する解説動画を紹介します。
    </td>
  </tr>
</table>
<table style="width: 100%;">
  <tr>
    <th style="text-align: center;">シミュレーション結果（動画）</th>
  </tr>
  <tr>
    <td align="center">
      <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/6feb2d72-e338-427f-ac4e-bbd1da85ce23.gif" alt="シミュレーション結果の表示" style="width: 100%; max-width: 1000px;" />
    </td>
  </tr>
  <tr>
    <td align="center">
      選んだ銘柄をもとに実際の過去データを使って「もし投資していたらどうなっていたか」をグラフと動画でシミュレーション表示します。AIが運用方法の注意点を分析し、初心者にもわか理やすく、投資のノウハウを提供します。
    </td>
  </tr>
</table>

# 苦労したところ
最初は、一括投資と積立投資のグラフをただ表示するだけのシンプルな構成でした。  
しかし、ユーザーから「これだけだと、結局何を読み取ればいいのか分からない」という声を多くいただきました。

「どうすればもっと実践的で役立つものになるか？」  
悩んだ末に、AIのAPIを導入し、シミュレーション結果をもとにした分析コメントを自動生成する仕組みを実装しました。

これにより、結果をグラフで眺めるだけでなく、  
AIが投資パターンを分析して、具体的なアドバイスを提示してくれるようになり、  
実際に使ってくれたユーザーからの反応もポジティブに変わりました。

「これなら自分でも投資を考えられそう！」  
そんな声をいただけたときは、実践的な機能として手応えを感じております。

# 使用技術
| Category       | Technology Stack                                                                             |
|----------------|-------------------|
| Frontend       | React (v18)                                                                                  |
| Backend        | Ruby on Rails (v8.0)                                                                         |
| Infrastructure | Amazon Web Services (S3, CloudFront, EC2, RDS, Route 53, ELB, CloudWatch)                    |
| Database       | MySQL (v8.0)                                                                                 |
| API            | OPEAPAPI, JquantsAPI                                                                         |
| etc.           | Nginx, Tailwind CSS, draw.io, Git, GitHub                                                    
# ER 図
![er_diagram.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/efea46d1-0ecf-4a7c-a2fd-3cc76dc708d8.png)

# インフラ構成図
![system_architecture.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/b41d8360-b519-4e88-b21c-fdbebcc61657.png)

インフラ構成は、可用性とコストを両立するために、フロントエンドはビルド済みの静的ファイルをS3にホスティングし、CloudFrontを介して配信する構成にしています。

当初はSSRの導入も検討しましたが、リクエストごとにHTMLを生成するため常時サーバーが必要となり、インフラコストが高くなる課題がありました。一方でCSRは、事前に生成した静的ファイルをキャッシュサーバー経由で高速に配信でき、CDNによりアクセス集中時も自動的に負荷分散されるため、可用性が高くなります。

# ユーザー目線での工夫
- 初心者を対象としているため、グラフやAIを用いることで、「なぜこの結果になったのか」「どうすればよいのか」を理解できるように実装。
- 仮想投資体験のみではなく、家計簿機能を提供することで、自身の支出状況を可視化し「自分ならこのくらい投資できそう」「もっと節約すべき」という気づきや意識改革を支援し、習慣を変えるようサポート。
- ナビゲーションバーを設定し、数クリックで各機能にたどり着けるように設計し、迷わず操作できるフローを意識。

# 今後の課題
- 現在は日本株のみを対象に仮想投資体験を提供。今後は、米国株、中国株といった外国株、および投資信託も対象に、ユーザーが幅広い仮想投資体験を提供できるように改善。
- 家計簿が手入力のため、クレジット会社のAPIを活用し、自動的に家計簿が登録されるようにユーザーの入力負担を軽減。
- 学習動画はハードコーティングのため、ユーザーが選んだカテゴリをもとに動画一覧が生成されるように機能を拡張。
- 現在はPC向けUIが中心のため、スマートフォンなどモバイル端末での操作性をさらに向上させる。

# さいごに
「投資って難しそうだし、自分には無理かもしれない」  
5年前の自分も、まさにそう思っていました。

そんな自分が、試行錯誤を重ねて  
一つの形にサービスを作り上げ、  
実際に動く画面を**職場のパソコン**で初めて見たときの感動は、  
今でも忘れられません。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3838211/f581a994-42e8-4efd-913d-499e4f6391b7.png" width="400">

でも、それ以上に嬉しかったのは  
このサービスを使ってくれた人が  
「投資ってこういうことか」と気づき、  実際に口座を開設してくれたことです。

自分の手で、誰かの習慣を動かすことができた。  
とても嬉しかったです。

そして、この時に感じた「**ものづくりってこんなにワクワクするんだ**」という気持ちは、  
これからもずっと自分の原動力です。

もちろん、まだまだ発展途上です。  
「投資って難しそう」「損しそう」という不安を  
少しでも減らして、誰もが気軽に一歩踏み出せる仕組みに育てていきます。

ここまで読んでくださり、本当にありがとうございます！  
もしよかったら、ぜひ一度触ってみてください。  
そして、あなたの率直な感想を聞かせてもらえたら嬉しいです。