Drizzle on じるラボ https://jiru-labo.com/tags/drizzle/ Recent content in Drizzle on じるラボ Hugo ja Wed, 03 Jun 2026 02:00:00 +0900 家計簿アプリを作る #6：収支の編集を実装する https://jiru-labo.com/posts/kakeibo-06-edit/ Wed, 03 Jun 2026 02:00:00 +0900 https://jiru-labo.com/posts/kakeibo-06-edit/ <p>家計簿アプリ作成シリーズの第6回です。今回は登録済みの収支データを編集できるようにします。</p> 家計簿アプリを作る #5：収支の削除を実装する https://jiru-labo.com/posts/kakeibo-05-delete/ Wed, 03 Jun 2026 01:00:00 +0900 https://jiru-labo.com/posts/kakeibo-05-delete/ <p>家計簿アプリ作成シリーズの第5回です。今回は一覧をテーブル表示に変更し、各行に削除ボタンを追加します。</p> 家計簿アプリを作る #4：収支の登録フォームを実装する https://jiru-labo.com/posts/kakeibo-04-form/ Wed, 03 Jun 2026 00:00:00 +0900 https://jiru-labo.com/posts/kakeibo-04-form/ <p>家計簿アプリ作成シリーズの第4回です。今回は SvelteKit の Form Actions を使って収支の登録フォームを実装します。</p> 家計簿アプリを作る #3：D1 への接続 + 収支一覧の表示 https://jiru-labo.com/posts/kakeibo-03-fetch/ Tue, 02 Jun 2026 00:00:00 +0900 https://jiru-labo.com/posts/kakeibo-03-fetch/ <p>家計簿アプリ作成シリーズの第3回です。今回は Drizzle ORM 経由で D1 に接続し、収支データをトップページに一覧表示するところまでを実装しました。</p> 家計簿アプリを作る #2：Drizzle でスキーマ設計 + D1 マイグレーション https://jiru-labo.com/posts/kakeibo-02-schema/ Mon, 01 Jun 2026 00:00:00 +0900 https://jiru-labo.com/posts/kakeibo-02-schema/ <p>家計簿アプリ作成シリーズの第2回です。今回は Drizzle ORM でスキーマを定義し、Cloudflare D1 にマイグレーションを適用するところまでを記録します。ハマりポイントが多かったので詳しくまとめます。</p> 家計簿アプリを作る #1：SvelteKit × Cloudflare D1 × Drizzle の環境構築 https://jiru-labo.com/posts/kakeibo-01-setup/ Sun, 31 May 2026 01:00:00 +0900 https://jiru-labo.com/posts/kakeibo-01-setup/ <p>SvelteKit + Cloudflare Workers（D1 + Drizzle ORM）を使って家計簿アプリを作っていきます。この記事はその第1回で、プロジェクトの環境構築をまとめます。</p> Drizzle ORMのリレーションでテーブルを結合して取得した話 https://jiru-labo.com/posts/drizzle-relations/ Sat, 30 May 2026 01:00:00 +0900 https://jiru-labo.com/posts/drizzle-relations/ <p>Drizzle ORMの <code>relations</code> を使うと、テーブル間の関係を定義してシンプルなコードで結合データを取得できます。<code>posts</code> と <code>comments</code> を例に実装しました。</p> DrizzleでマイグレーションとSeedを実装した話 https://jiru-labo.com/posts/drizzle-migration-seed/ Fri, 29 May 2026 03:00:00 +0900 https://jiru-labo.com/posts/drizzle-migration-seed/ <p>drizzle-kitを使ってマイグレーションを生成し、Cloudflare D1に適用する方法と、seed.sqlで初期データを流し込む方法をまとめます。</p> SvelteKit × Cloudflare D1にDrizzle ORMを導入した話 https://jiru-labo.com/posts/sveltekit-drizzle/ Fri, 29 May 2026 02:00:00 +0900 https://jiru-labo.com/posts/sveltekit-drizzle/ <p>Drizzle ORMはTypeScript向けの軽量ORMです。<code>platform.env.DB.prepare('SELECT ...')</code> と書いていた生SQLを、型安全なTypeScriptのコードに置き換えられます。今回は既存のCloudflare D1テーブルに対してDrizzleを導入しました。</p>