Blog

$lib/posts.ts に書いていた静的なデータをCloudflare D1（サーバーレスSQLite）に移行しました。 この記事ではDB作成からマイグレーション、SvelteKit側でのデータ取得までの手順をまとめます。

SvelteKitプロジェクトにTailwindCSS v4を導入しました。 v4はVite専用プラグインが用意されており、v3と比べて設定が大幅にシンプルになっています。

SvelteKitの基礎を学ぶ中で、同じデータが複数ファイルに重複して書かれている問題に気づきました。 この記事では src/lib/ フォルダと $lib エイリアスを使ってデータと型を整理する方法をまとめます。

SvelteKitで作ったアプリをGitHubにプッシュし、Cloudflare Workersにデプロイしました。 Cloudflareのダッシュボードが新UIに変わっており、いくつか躓いたポイントがあったので手順と合わせて残しておきま …

SvelteKitで作ったTODOアプリを実際に公開するため、Cloudflare Pages へのデプロイ設定を行いました。 アダプターの役割と環境変数の扱いを中心に整理します。

XServerのWordPressブログをCloudflare Pagesに移行したのに伴い、 ドメイン（jiru-labo.com）の登録もXServerからCloudflare Registrarに移管しました。 今回のドメイン …

SvelteKitのチュートリアルを一通り終えた後、実際に手を動かして定着させるために記事一覧・詳細ページを作りました。 この記事では、そこで学んだ動的ルーティングとload関数の基礎をまとめます。

SvelteKitの動的ルーティングとload関数を学んだ次のステップとして、フォームでデータを追加・削除できるTODOアプリを作りました。 この記事では +page.server.ts の actions を中心に、フォーム処理の仕組みを …

TODOアプリにログイン機能を追加しました。 SvelteKit独自の仕組みである hooks.server.ts と locals を使い、ライブラリなしでCookieベースの認証を実装しています。

Next.jsと並んでよく使うフレームワークがSvelteKitです。 基本的な層の考え方はNext.jsと共通していますが、ルーティングの仕組みや状態管理の方法が異なります。 この記事では、SvelteKit特有の構造を意識しながら、層ご …