メインコンテンツまでスキップ

Reinvent Notes

車輪を再発明して学ぶ

車輪の再発明は無駄と言われますが、あえて作り直すことで仕組みを深く理解できます。フロントエンド・バックエンド・インフラ・AI などを再発明しながら学んだことを記録する個人技術ノートです。

最新の記事

直近の発信を時系列でピックアップ

ponytail — エージェントに「書かない」を教える ruleset の設計を読む

2026年9月9日

AI エージェントの過剰実装を抑える ruleset ponytail を、README ではなく実装から読む。7 段の判断ラダー、SKILL.md 1 枚を 3 つの hook で配る注入機構、subagent へ規範を届ける経路、そして外部の批判を受けてベンチマークを作り直し旧来の「80-94% 削減」を自ら撤回した過程までを追う。

ai-agentclaude-codeyagni

日本語 Web フォントと Core Web Vitals — LCP と CLS を実測で直す

2026年6月14日

技術的 SEO は満点なのに Lighthouse の Performance だけ伸びない。原因を chrome-devtools の実測で追うと、LCP の主因は日本語 Web フォントの render-blocking、CLS の主因は寸法未指定の navbar ロゴだった。フォント swap が原因という見立てを実測で棄却し、size-adjust を入れずに CLS を 0 にするまでの記録。

performancecore-web-vitalsdocusaurus

hero に車が走るアニメーションを実装した

2026年6月2日

Docusaurus のトップ hero に走る車のアニメーションを自前実装した記録。SVG の線画を svgr でコンポーネント化し、タイヤ回転と背景パララックスを純 CSS で動かす。CSS mask での背景描画・継ぎ目のない無限ループ・テーマ色追従・prefers-reduced-motion 対応まで初学者向けに解説する。

docusaurusreactcss

Claude Code ベストプラクティス集 shanraisshan/claude-code-best-practice の歩き方

2026年5月25日

GitHub Trending #1 のキュレーション集 shanraisshan/claude-code-best-practice (445 ファイル) を、ディレクトリ構成・概念・ワークフロー・Tips・レポートの 5 軸で読み解く見取り図。自分のレベルに合った要素を選べるよう整理した。

ai-agentclaude-codebest-practice

ブログのドメインを notes.rewheel.dev に変更しました

2026年5月18日

個人技術ブログのドメインを notes.rasshii.dev から notes.rewheel.dev に変更しました。「車輪の再発明から学ぶ」というコンセプトに合わせた命名と、検討プロセスを共有します。

metabranding

About

五十嵐 雄樹 (yuki / sanfu)。株式会社コドモンでマーケティングエンジニアとして勤務。フロントエンド・バックエンド・インフラ・AI を横断的に学びながら、SRE の知見で開発体験向上に取り組んでいます。