POSTS
記事一覧
技術、設計、AI、過程、随筆。書き散らしたものをゆっくり並べ直しています。80 本。
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 キャッシュ。
MySQL FULLTEXT ngram で日本語 AND 検索を実装する
ngram_token_size / IN BOOLEAN MODE / +演算子。Elasticsearch を使わずに日本語 AND 検索を MySQL だけで完結させる。
ISR + Webhook で「公開した瞬間に反映」を作る
Rails 側の publish イベントから Next.js の /api/revalidate に Webhook を投げる。即時反映と CDN 効率を両立する設計。
Rails 6.1 → 8.1 のメジャー移行で踏んだ 7 つの罠
load_defaults / Spring / show_exceptions / unprocessable_content。AetherEchoes バックエンドを 6.1 から 8.1 に上げた実録。
Next.js 16 + Tailwind v4 を本番で動かして気付いた N 個のこと
Pages Router + @theme + next/font 7 種で個人雑誌を組んだ実装メモ。CSS 変数の名前空間、フォントの preload 戦略、ISR の落とし穴。
個人サイトに法務ページを揃えるまでの手順
AdSense 申請の前提条件、プライバシーポリシー / 利用規約 / お問い合わせ / 特商法。最小構成で揃える実プレイブック。
Claude Code で個人雑誌を 48 時間で建てた記録
月刊・5 部門・AI 自動入稿付きの個人雑誌を Claude Code に組ませた。デザイン採択 → 全面リデザイン → 法務ページ整備までの実体験。