POSTS
記事一覧
技術、設計、AI、過程、随筆。書き散らしたものをゆっくり並べ直しています。176 本。
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 にそれぞれ異なる色を割り当てた根拠。色相の距離、彩度、ダーク派生まで。
B+A Hybrid デザインシステム採択の記録
AetherEchoes に採択した B+A Hybrid 案。Atlas をメイン軸に、Reader 記事に Ledger の編集ツールを差し込むハイブリッド。
個人開発の docker-compose.yml をテンプレ化する
半年に 1 度作る Rails + Next.js + MySQL + Redis 構成を、テンプレ化してコピーで動く形に。本番 / 開発の差分は override で。
CarrierWave + MiniMagick で OGP / サムネを自動派生する
アップロード 1 枚から OGP / カード / サムネを自動生成する Uploader 設計。WebP 出力、CLS を抑える dimensions、CDN キャッシュ。