使い方・設定 Astroの静的ブログに検索ボックスを外部サービスなしで実装する
Astro の静的サイトに、Algolia などの外部検索サービスを使わず検索機能を後付けする方法を解説。ビルド時に記事データを書き出し、クライアントサイドでリアルタイムフィルタする実装と、JS なしでも動く漸進的強化の設計を紹介します。
TypeScript
使い方・設定 
使い方・設定 Next.js Server Actions でインラインフィードバックを実装する【App Router】
Next.js App Router の Server Actions で redirect() を使わず値を返す実装パターンを解説。useTransition との組み合わせで、ボタン押下後にその場で成功/エラー表示できる UX を実現する手順をコード付きで紹介します。
プログラミング LLM自動投稿のh1重複と見出し階層崩れを30行で修正する
LLM自動生成記事のWordPress投稿前処理を解説。h1重複の除去と見出し階層スキップの修正を、30行のTypeScript関数でまとめて解決する実装例を紹介します。
使い方・設定 Astro 静的ブログにアフィリエイトリンクを frontmatter で管理する設計
Astro の Content Collections スキーマに affiliateItems フィールドを定義し、記事の MD frontmatter から宣言するだけでアフィリエイトリンクを表示する構成を紹介する。リンクをコンポーネントに分離するとデザイン変更が一箇所で済み、A8.net などのリンクの差し替えも frontmatter 編集だけで完結する。
コラム Playwright getByText 日本語マッチングでハマった話と対処法
特定商取引法ページのE2EテストでPlaywright getByTextが日本語にマッチしない原因と対処法を解説。全角括弧の落とし穴、exact、getByRole、locator.filterの比較表付き。
使い方・設定 Supabase RLSでマルチテナントSaaSのデータ分離を実装する
Supabase RLSを使ったマルチテナントSaaSのデータ分離実装について解説します。team_id+team_membersテーブルパターン、Next.js App RouterのサーバークライアントセットアップからCREATE POLICYの全例、フリープラン運用のコツまで網羅します。
コラム React 削除確認をインラインUIで実装する方法
Next.js App Router で削除確認UIをページ遷移なし・モーダルなしのインラインパターンで実装する方法を解説。DeleteConfirmButton コンポーネントの完全なTypeScriptコードと Server Actions との組み合わせを紹介します。
プログラミング コメント機能実装で学んだAstro×D1の設計ポイント3つ
タスク管理アプリ「やるとこ」にAstro SSR×Cloudflare D1でコメント機能を実装。モーダルUI設計・参加者判定・削除権限の3つの考えどころを実装記録として残す。
プログラミング 内部リンク管理をpillar構造で自前実装した設計と全記録
月額$100超のSEOツール不要。内部リンク管理と記事鮮度をpillar+satellite構造でルールベース自前実装。DB設計・日次スキャン・UI手動トリガーまで全工程を解説。
プログラミング LLM記事生成を並列化：5分→1分以下の実装と文脈品質の保ち方
LLMで記事をセクション別に生成する際の並列化実装を解説。逐次モードで文脈連続性を保ちながら速度を改善する方法と、5段階の並列数で切り替えられる実装パターンを紹介します。