家計簿アプリ

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

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

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

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

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

前回は選択項目編集画面からホームへ戻ったときのセッション処理の追加と収支データ出力箇所のページネーション機能の追加を行いました。 ↓前回の記事はこちら 今回はカレンダーを作成し、いついくらの収支があったのかをひと目で分かる機能を追加します。...

前回からは、一通り開発した家計簿システムを使ってもらい頂いたレビューの修正を行っています。 ↓前回の記事はこちら 今回も同様にレビュー修正を行っていきます。今回修正する点は以下の通りです。 ・選択項目編集画面からホームへ戻ったときのセッショ...

今回からは実際に開発した家計簿を使っていただき、頂いたレビュー部分を修正したり機能を付け足していきます。 ↓前回の記事はこちら 今回の修正は以下の4点です。 ・負の金額を登録禁止にする・同じ文字列の選択項目を登録禁止にする・エクセル出力表の...

前回までで想定していた機能の実装は完了しました。今回からはほしいなと思った機能を追加するなどカスタマイズを気ままにしていきます。 ↓前回の記事はこちら メモの表示 現在ホーム画面下の収支データ表にメモのアイコンを「メモが登録されている場合の...

前回はアカウントページにログインユーザーの情報を出力したり、その情報を編集できるように実装しました。今回はホーム画面の収支データ一覧をエクセルの形式で出力できるようにしたり、表最下行の合計金額を計算して表示するようにします。 ↓前回の記事は...