家計簿システム開発PHP+MySQLで家計簿システム開発#35【index.php内プログラムの切り分け】 前回はプロジェクト全体のリファクタリングを行いました。 今回はindex.phpファイル内のパーツごとの切り分けを行っていきます。 index.php内プログラムの切り分け 切り分けの流れとしては以下の通りです。 1:切り分けプログラム保管...2023.01.21家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#34【プロジェクト全体のリファクタリング】 前回はヘッダーメニューをハンバーガーメニューへ切り替えた後、年間レポートページを実装しました。そして前回までで機能の開発は一旦終了しています。 今回からは開発したプログラムのリファクタリングを行っていきます。 共通ファイルを移動 現在、he...2023.01.21家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#33【メニュー切替と年間レポートページ実装】 前回はデータ一覧を、カテゴリーや選択項目などで絞り込んで検索する機能を開発しました。 今回はまずヘッダーメニューをハンバーガーメニューへ修正したあと、収入や支出の月ごとの合計金額の推移グラフを表示する年間レポートページを作成します。 ハンバ...2023.01.21家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#32【絞り込み検索機能】 前回はパスワードの再設定機能を開発しました。 今回は収支データを月だけでなく、カテゴリーや選択項目などで絞り込み検索ができる機能を実装します。 絞り込み検索機能 ・絞り込み検索ボタンの設置・ボタン押下で絞り込みモーダルを表示・絞り込みモーダ...2023.01.19家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#31【パスワード再設定機能 後編】 前回からパスワード再設定機能を実装しています。 パスワード再設定機能 パスワード再設定機能は以下の9ステップで進めています。前編でステップ5まで実装したので、後編ではステップ6から進めていきます。 1 ニックネーム登録プログラムをメールアド...2022.12.24家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#30【パスワード再設定機能 前編】 前回はログイン画面と新規ユーザー登録画面で入力チェックをリアルタイムで行う処理の追加を行いました。 今回は、ログイン画面に「パスワードをお忘れの場合」というリンクを追加し、パスワードを忘れてしまったユーザーがパスワードを再設定できる機能を実...2022.12.21家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#29【ログイン・新規ユーザー登録入力チェック処理】 前回はデータ入力部分をより使いやすくするための修正を行いました。 今回はログインやユーザー登録で情報を入力する際に、リアルタイムで入力チェックを行い、すべてのチェックがクリアできたときだけ送信ボタンを押せるようにする処理を追加します。 ログ...2022.12.17家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#28【データ入力部分の修正】 前回は2回に分けてですが、選択項目別の金額推移グラフページを実装しました。 今回はデータ入力部分をより使いやすくするための修正を行います。 よく使うタイトルを表示 タイトルの下に、ユーザーごとよく使っているタイトルを抽出し表示します。そして...2022.12.14家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#27【chart.jsで月別金額推移グラフを実装 後編】 前回から選択項目別の金額推移グラフページを実装しています。前編では、ホームページ円グラフ横の表からパラメータを渡して遷移する実装と、月別金額推移グラフのページの検索フォームを実装するまで行いました。 今回は後編として渡ってきたデータをもとに...2022.12.12家計簿システム開発
家計簿システム開発PHP+MySQLで家計簿システム開発#26【chart.jsで月別金額推移グラフを実装 前編】 前回はカテゴリーやクレジットカードの種類やスマホ決済の種類の割合を月別で円グラフにする実装を行いました。 今回は前回実装した円グラフの横に表示している、表からそのアイテムの月別金額推移グラフのページに遷移する実装を行います。 月別金額推移グ...2022.12.10家計簿システム開発