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

Reinvent Notes

車輪を再発明して学ぶ

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

📰 最新の記事

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

日本語 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

ハーネスエンジニアリング入門: AI エージェントの信頼性は周囲の設計で決まる

2026年5月12日

AI エージェント (Claude Code 含む) の信頼性はモデル本体ではなく harness の設計品質に依存する。中核等式 Agent = Model + Harness、二分法フレーム、Phase 0-6 の段階的導入を ~/.claude/ 実例で整理。

ai-agentclaude-codeharness-engineering

👤 About

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