当サイトはInternet Explorerに対応しておりません。より性能のよい、下記のようなブラウザを使ってみませんか?

IE in the grave
記事一覧に戻る

Nuxt.js + Firestore によるアプリケーションの作成

資産運用におけるリバランス作業を簡単にする、Portfolio Rebalancer というアプリケーションを作成しました。

背景

突然ですが、金融資産の運用における基本的な流れは下記のようになります。

  1. 投資対象とするアセットクラスを選ぶ(日本株式、グローバル株式、など)
  2. 各アセットクラスの割合を決める(日本株式:20%、グローバル株式:80%、など)
  3. 割合が崩れないよう、定期的にリバランスする

当方も 10 年前から資産運用を行っているのですが、3 番のリバランスの作業が、わりと面倒なのです。このたび、この作業を支援する「Portfolio Rebalancer」というアプリケーションを作成しました。

https://rebalancer.yuuniworks.com/

使い方

アセットクラスの今の情報を入力します

portfolio

追加(or 売却)したい額を入力します

rebalance setting

結果が表示されます

rebalance results

作り方

下記の組み合わせで作成しており、サーバレスです。 特に、Nuxt.js での開発体験は、素晴らしいとしかいいようがありませんでした。

  • Nuxt.js(Vue.js)
  • Firebase (auth/firestore/functions)
  • Bulma (CSS)
profile

田村 翔太

Yuuniworks 代表。島根県浜田市を拠点に主にフロントエンド開発のお手伝いをしているフリーランスエンジニアです。React/Vue.jsを用いたSPAの開発や、NodeJSを使ったAPI開発を得意としています。

記事一覧に戻る