POSTS
記事一覧
技術、設計、AI、過程、随筆。書き散らしたものをゆっくり並べ直しています。79 本。
RAG を「読み物」として設計する 5 観点
質問応答ではなく、興味から関連記事を提示する RAG。答えではなく問いを返す、読書をガイドする編集者としての RAG 設計。
Embedding コストを 1/70 にした 3 つの工夫
hash で再計算スキップ / dim を 1536 → 256 / バッチング。月 $42 が $0.6 になった実測。
Claude Skills + CONTENT_GUIDELINES の組み合わせ
/post-outline / /post-draft の Skills と、トーン・禁則・出典ルールを書いた CONTENT_GUIDELINES を組み合わせて運用する。
AI 生成テキストの「指紋」を削る編集
— の多用 / 「結論として」 / 「〜と言えるでしょう」 / 過剰な箇条書き。LLM 出力に残る指紋を見つけて削るチェックリスト。
Claude Bot + 人間編集者の二段階パイプライン
Bot が draft で投入し、人間が校正 + 公開判断する。E-E-A-T を担保しながら本数を伸ばす執筆運用の作り方。
トークン反転だけでダークモードを実装する
個別 CSS で `.dark` を上書きせず、`@theme` のセマンティックトークンを反転させるだけでダーク対応する設計。
Drop Cap とローマ数字の使いどころ
Essay 部門にだけ Drop Cap を、Engineering 部門にだけセクション番号を使う。装飾の使い分けで部門を区別する設計。
5 部門それぞれで異なるヒーローを設計する
同じ「記事ページ」でも、Engineering と Essay でヒーローの組み方を変える。読み始めの空気を部門で切り分ける設計。
和英混植のタイポグラフィを組む
Bricolage Grotesque + Zen Kaku Gothic New + Fraunces + Noto Serif JP。記事本文と見出しで使い分ける和英ペアリングの考え方。
5 部門のカテゴリ色を決めた基準
Engineering / Design / AI / Process / Essay にそれぞれ異なる色を割り当てた根拠。色相の距離、彩度、ダーク派生まで。