% grep -r "blog" /posts/
ブログ
見出しのアンカー ID、rehype-slug を使わなかったワケ
多くのブログで採用されている見出し自動アンカー生成プラグインrehype-slugを使わず、あえてremark-heading-idで手動制御する理由を解説。多言語対応やURLの美学、情報設計の観点から最適解を探る。
Front Matter CMS と Keystatic を共用すると設計思想の違いが見えてきた
Front Matter CMSとKeystaticの併用を試みた際、Markdocのシリアライズ仕様やSPAキャッシュ、IndexedDBのドラフト機能が引き起こす課題と、その解決策について解説します。
Keystatic を Vercel Preview にデプロイする
KeystaticをVercelのPreview環境にデプロイし、モバイルからも記事編集ができる環境を構築する方法を解説。GitHub Appのセットアップから環境変数、middlewareによる本番環境のアクセス制限まで、公式ドキュメントで迷いやすい罠と解決策を詳細にまとめました。
コンテンツのローカル編集用 CMS に Keystatic を試用
GitベースCMS「Keystatic」をNext.js環境に導入し、ローカルでの設定やRoute Groupsによる画面分離、Markdocの構造化問題への対処法を解説。
Front Matter CMS で Markdown ブログの執筆環境を整える
VS Code拡張機能「Front Matter CMS」を導入し、MarkdownファイルとGitで管理するブログの執筆環境を最適化した記録。メタデータの管理や自動化パイプラインとの共存、VS Codeでの運用ルール構築の実際を解説。
Pagefind でブログに検索機能をつけた
静的サイトに無料で検索機能を追加するために Pagefind を導入。 選定理由、日本語対応、Next.js + Vercel での構成をまとめた。
Embedding で関連記事を自動リンクする仕組みを追加
Next.jsとSupabaseのベクトル検索（Embedding）を活用し、記事の意味的な近さを判定する関連記事表示機能を実装。 単語一致型の定番ツールとは異なる、意味に基づく自動リンクの仕組みと、今後のハイブリッド化の展望を解説。
ブログのタグ付けをAIおまかせで自動化する
ブログのタグ付けにおける「粒度」や「名寄せ」の煩雑さを解消するため、Gemini APIとGitHub Actionsを駆使してタグ管理を完全自動化しました。プロンプトへのルール組み込みからパイプライン実装まで、安定した自動分類を実現するコツを解説。
Hello World
映画やアニメの感想から技術メモまでを綴るブログの初投稿。 AIを活用した多言語展開や、複数モデルを比較検証する自動翻訳の仕組みなど、ブログ運営の技術的な取り組みについても紹介します。