はじめに前回は、支出データの保存先をPythonのリストからSQLiteに切り替え、再起動してもデータが消えないようにした。今回は、これまで蓄積してきたデータを月別・カテゴリ別に集計し、グラフとして可視化する。家計簿アプリらしい機能に、いよ...

はじめに前回は、フォームから支出データを追加・削除できるようにした。ただし、データの保存先はPythonのリストのままだったため、アプリを再起動すると内容が消えてしまうという課題が残っていた。今回は、この課題をSQLiteというデータベース...

はじめに前回は、Pythonのコード内に書いた固定データを、テンプレートを使って一覧表示するところまでを確認した。今回は、その一覧にフォームを追加し、支出データを自分で追加・削除できるようにする。なお、今回もデータの保存先はPythonのリ...

はじめに前回（第1回）は、Flaskの最小構成でブラウザに「Hello, PC-LABO!」と表示するところまでを確認した。今回は、そこにテンプレートの仕組みを導入し、支出データを一覧として表示できるようにする。まだデータの保存機能は無いの...

はじめに今回から新しい連載として、Pythonの軽量WebフレームワークFlaskを使った「家計簿アプリ」の開発を通して、Pythonでのバックエンド開発の基礎を学んでいく企画をスタートする。これまで本ブログの「GitHubでつくって学ぶ」...

はじめに前回で、カレンダー表示・予定の追加削除・保存まで、予定管理アプリとしての機能が一通り完成した。ただし、ここまではnpm run devでパソコン（Codespace）の中だけで動かして確認していただけである。最終回となる今回は、この...

はじめに前回で、予定の追加・削除・保存（localStorage）まで一通りの機能が揃った。ただし、画面はずっと「予定の一覧が並ぶだけ」のシンプルな見た目のままだった。今回は、いよいよ「予定管理アプリ」らしい見た目に近づける。月表示のカレン...

はじめに前回は、useStateを使って予定の追加・削除ができるようにした。ただし、最後に触れた通り、ブラウザを再読み込みすると追加した予定はすべて消えてしまう仕様だった。今回は、useEffectとlocalStorageという2つの仕組...