Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita

概要 作ったもの 最近お金が減るのが早くなった気がしたので、家計簿をつけようと思い立ちました。アプリをダウンロードしてきてもよいのですが、せっかくなので自分で作ることにしました。 タブレット、スマホ、パソコンのどれでも見れるようレスポンシブ対応を行ったのですが、タブレット(iPad)からみると以下の画像のようなものになっています。 チャート画面 記入画面 取引一覧画面 構成 静的ファイルはAWSのS3にホスティングし、お金のやり取りに関する情報はRDSに貯め、情報の追加・削除・修正にはLambdaとAPI Gatewayを用いて作ったAPIを通して行います。LambdaのコードはPythonで書いています。 簡単な図にすると、以下の画像のようになります。 共通部分 フロントエンド フロントはVue.jsを使って実装します。以下の画像の赤枠で囲った部分に表示するコンポーネントを切り替えます（

[eagleyama]

教材になりそう、これコード見ずに作りなさい的な

[monomoti]

流行りっぽいやつ。やっとこう。

[maecchi]

FEからサーバサイドまで一通り揃っているのでチュートリアルにもなりそう

[yarumato]

“お金のやり取り情報はRDSに貯め、情報の追加・削除・修正はLambda（コードはPython）とAPI Gateway。フロントはVue.jsで表示コンポーネントを切り替え（URL遷移なしSPA）”

[Chisei]

Lambda と RDS 繋げてるのか。遅延どのくらいなんだろう。

[gomer-pyle]

見てると途中でホイールのスクロールが効かなくなる

[miho-satoh-satomi]

SPA vue lambda