DAILY JOURNAL

家計管理

29記事の記録。

2024年7月

2024年5月

2024年4月

2023年7月

2022年12月

  1. 今日の支出計算管理アプリ、現在の残高を表示する機能の追加

    前回、Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 今回、現在の残高を登録して、支出を記録するごとに残高が減っていき、現在の残高が分かる機能を追加しました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@khiro-enginner) on CodePen. 使い方 最初に残高を登録して、その日の支出を記録していきます。 残高を登録する まずは、残高を登録します。その日の予算を入力してもいいでしょう。 10,000円とすると以下のようになります。 残高を入力する 「記録」ボタンを押す 支出を記録する(1回目) 例えば、コンビニで88円の水を買っ…

    今日の支出合計算出アプリ、SPA

    Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@khiro-enginner) on CodePen. 使い方 例えば、コンビニで88円の水を買ったとすると、入力欄に88と入力して、「記録」ボタンを押します。そうすると、今日の支出合計が計算されて、表示されます。 金額を入力する 「記録」ボタンを押す 次に、スーパーで夕食の材料を買いに行き、合計777円使ったとします。同じ操作を行うと「今日の支出合計」が計算されて表示されていることが分かります。 金額を入力する 「記録」ボタンを押す 注意点 SPA(S…

2022年11月

2022年10月