スケジュール
- 1日目 要件定義編←今ここ
- 2日目 環境構築編
- 3日目 ドーナッツグラフ編
- 4日目 棒グラフ編
- 5日目 GraphQL編
- 6日目 GraphQL編2
- 7日目 GraphQL編3
- 8日目 GraphQL編4
- 9日目 デプロイ編
やろうと思ったきっかけ
お盆休みで9日もあるので続けて何かやってみようかなあと思ったという、ありがちなやつ。
自分が怠けなければ9回分続きます(怠けるな)
Gridsomeとは
Vue.jsベースのフレームワークです。
Jamstack frameworkと呼ばれているもので、J(Javascript)A(API)M(Markup)の頭文字から取られています。
詳しくはこちらを参照
https://gridsome.org/
今回作ろうとしてるもの
最近自分が資産運用に取り組み始めたので、その一貫で円グラフを使って資産管理アプリをSPAで作ってみようと思います。
イメージとしては円グラフで資産割合がわかるようにして、色んなグラフを切り替えれるようにしたい。
技術要件
- 言語 Vue.js
- フレームワーク Gridsome
- データソース CSV(もしくはAPI作るかも時間あれば)
- インフラ AWS Amplify(S3) ※API作る場合はAPI Gateway,Lambdaも必要なはず
機能要件
- Vue.jsのグラフライブラリでポートフォリオを見やすく表示する(vue-chartlessが良いかなあ)
- 円グラフは何種類かのカテゴリ別で表示
- 月ごとの資産推移も表示させるページを作る
あとがき
とりあえず1日目なのでこんなところで。
今日は日中お出かけしてたので、夜しかできなかったなあ。というか夜に思いついた。よし明日から本格的に頑張ろう。