2022-11

前回はトグルボタンでスマホ時のデータ一覧の表示方法を切り替える機能を実装しました。 今回は月ごとのデータをグラフ化する機能を実装します。完成図は以下の通りです。 月別データのグラフ化 ・月選択と合計金額出力部分の実装・タブメニューと表示要素...

前回はカレンダーの日付セルにデータのあるなしに関わらず、リンクを設置し、詳細モーダルから指定日のデータを追加できるようにする機能を実装しました。 今回はスマホ時の収支データ一覧の表示方法を、トグルボタンでユーザーが好みのスタイルに切り替えら...

前回は、カレンダー上部と収支一覧に設置している、月選択部分を検索ボタンなしでも同様の処理ができるようにしました。 ↓前回の記事はこちら 今回は全カレンダーセルをクリックできるようにする＆そこから「追加ボタン」押下でその日のデータを追加できる...

前回はスマホ表示時の切り替えタブを実装しました。 ↓前回の記事はこちら 今回はカレンダーやデータ検索のinputが変更されたら、検索を押さなくても処理が実行されるように修正します。 カレンダーの月選択部分の修正 まずはカレンダー上部の月選択...

前回はカレンダーの日付部分にその日の支出と収入の合計金額を表示し、日付クリックで詳細モーダルを表示する機能を実装しました。 ↓前回の記事はこちら 今回はスマホ時のUIを「データ入力」「カレンダー」「データ一覧」の3つのタブを作り、タップで切...