家計簿アプリ on じるラボ

家計簿アプリを作る #34：Cloudflare Pages への再デプロイ

Mon, 29 Jun 2026 03:00:00 +0900

家計簿アプリ作成シリーズの第34回です。前回実装したレスポンシブ対応を Cloudflare Pages にデプロイします。

家計簿アプリを作る #33：レスポンシブ対応

Mon, 29 Jun 2026 02:00:00 +0900

家計簿アプリ作成シリーズの第33回です。スマートフォンでも使いやすいようにレスポンシブ対応を行います。

家計簿アプリを作る #32：Cloudflare Pages への再デプロイ

Mon, 29 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第32回です。前回実装したダークモード対応を Cloudflare Pages にデプロイします。

家計簿アプリを作る #31：ダークモード対応

Mon, 29 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第31回です。flowbite-svelte の DarkMode コンポーネントを使ってダークモードの切り替え機能を実装します。

家計簿アプリを作る #30：Cloudflare Pages への再デプロイ

Sun, 28 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第30回です。前回実装した月次推移グラフ機能を Cloudflare Pages にデプロイします。

家計簿アプリを作る #29：収支の月次推移グラフ

Sun, 28 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第29回です。前回の選択月の収支グラフに加えて、複数月にわたる収支の月次推移グラフを追加します。

家計簿アプリを作る #28：Cloudflare Pages への再デプロイ

Sat, 27 Jun 2026 03:00:00 +0900

家計簿アプリ作成シリーズの第28回です。前回実装した収支グラフ機能を Cloudflare Pages にデプロイします。

家計簿アプリを作る #27：収支グラフの表示

Sat, 27 Jun 2026 02:00:00 +0900

家計簿アプリ作成シリーズの第27回です。Chart.js を使って月別の収支を棒グラフで可視化します。

家計簿アプリを作る #26：Cloudflare Pages への再デプロイ

Sat, 27 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第26回です。前回実装したCSVエクスポート機能を Cloudflare Pages にデプロイします。

家計簿アプリを作る #25：収支データのCSVエクスポート

Thu, 25 Jun 2026 02:00:00 +0900

家計簿アプリ作成シリーズの第25回です。月別の収支データをCSVファイルとしてダウンロードできる機能を実装します。

家計簿アプリを作る #24：Cloudflare Pages への再デプロイ

Thu, 25 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第24回です。前回のデプロイ（#21）以降に追加したページネーション・キーワード検索機能を Cloudflare Pages にデプロイします。

家計簿アプリを作る #23：収支一覧のキーワード検索

Wed, 24 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第23回です。収支一覧にキーワード検索機能を追加します。月フィルタと組み合わせて、メモ・カテゴリを対象に絞り込みができるようにします。

家計簿アプリを作る #22：収支一覧のページネーション

Tue, 23 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第22回です。データが増えたときに全件表示では見づらくなるため、ページネーションを実装します。

家計簿アプリを作る #21：Cloudflare Pages への再デプロイ

Mon, 22 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第21回です。前回のデプロイ（#15）以降に追加した機能をまとめて Cloudflare Pages にデプロイします。

家計簿アプリを作る #20：flowbite-svelte コンポーネントで UI を統一する

Sun, 21 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第20回です。今回は全ページのUIを flowbite-svelte コンポーネントに置き換えて統一します。

家計簿アプリを作る #19：削除の確認ダイアログ

Fri, 19 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第19回です。今回は削除ボタンに確認ダイアログを追加して、誤削除を防ぎます。

家計簿アプリを作る #18：フォームのバリデーション強化

Fri, 19 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第18回です。今回は収支の登録・編集フォームにバリデーションを実装します。

家計簿アプリを作る #17：複数ユーザー対応

Thu, 18 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第17回です。今回は複数ユーザー対応を実装します。これまで全ユーザーのデータが共有されていたため、ログインユーザーのデータのみ表示・操作できるように修正します。

家計簿アプリを作る #16：UI全体の見直し

Mon, 15 Jun 2026 01:00:00 +0900

家計簡アプリ作成シリーズの第16回です。機能実装が一通り完了したので、全ページの UI を見直します。

家計簿アプリを作る #15：再デプロイと最新月の自動選択

Mon, 15 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第15回です。ここまでの実装を Cloudflare Pages に再デプロイし、あわせてログイン直後に最新月が自動選択される UX 改善を実装します。

家計簿アプリを作る #14：登録・編集後の月フィルタ維持

Sat, 13 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第14回です。今回は収支の登録・編集後に元の月フィルタ状態に戻る処理を実装します。

家計簿アプリを作る #13：登録・編集フォームの改善

Sat, 13 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第13回です。今回は収支の登録・編集フォームのカテゴリ入力をテキストから <select> に変更し、収入・支出で選択肢が切り替わるようにします。

家計簿アプリを作る #12：月別フィルタの実装

Fri, 12 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第12回です。今回は収支一覧に月別フィルタを実装します。

家計簿アプリを作る #11：収支の集計表示

Thu, 11 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第11回です。今回は収入合計・支出合計・残高の集計をトップページに表示します。

家計簿アプリを作る #10：Tailwind CSS v4 + Flowbite でUI スタイリング

Wed, 10 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第10回です。今回は Tailwind CSS v4 と Flowbite Svelte を導入して UI をスタイリングします。

家計簿アプリを作る #9：Cloudflare Pages へのデプロイ

Tue, 09 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第9回です。今回は Cloudflare Pages へのデプロイを行います。ハマりポイントが多かったので詳しくまとめます。

家計簿アプリを作る #8：ログイン・ログアウトの実装

Mon, 08 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第8回（後編）です。前回に引き続き、ログイン・ログアウトを実装します。

家計簿アプリを作る #7：Better Auth のセットアップ + サインアップ実装

Mon, 08 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第7回（前編）です。今回は Better Auth を使った認証の土台を作り、サインアップまでを実装します。

家計簿アプリを作る #6：収支の編集を実装する

Wed, 03 Jun 2026 02:00:00 +0900

家計簿アプリ作成シリーズの第6回です。今回は登録済みの収支データを編集できるようにします。

家計簿アプリを作る #5：収支の削除を実装する

Wed, 03 Jun 2026 01:00:00 +0900

家計簿アプリ作成シリーズの第5回です。今回は一覧をテーブル表示に変更し、各行に削除ボタンを追加します。

家計簿アプリを作る #4：収支の登録フォームを実装する

Wed, 03 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第4回です。今回は SvelteKit の Form Actions を使って収支の登録フォームを実装します。

家計簿アプリを作る #3：D1 への接続 + 収支一覧の表示

Tue, 02 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第3回です。今回は Drizzle ORM 経由で D1 に接続し、収支データをトップページに一覧表示するところまでを実装しました。

家計簿アプリを作る #2：Drizzle でスキーマ設計 + D1 マイグレーション

Mon, 01 Jun 2026 00:00:00 +0900

家計簿アプリ作成シリーズの第2回です。今回は Drizzle ORM でスキーマを定義し、Cloudflare D1 にマイグレーションを適用するところまでを記録します。ハマりポイントが多かったので詳しくまとめます。

家計簿アプリを作る #1：SvelteKit × Cloudflare D1 × Drizzle の環境構築

Sun, 31 May 2026 01:00:00 +0900

SvelteKit + Cloudflare Workers（D1 + Drizzle ORM）を使って家計簿アプリを作っていきます。この記事はその第1回で、プロジェクトの環境構築をまとめます。