メインコンテンツまでスキップ
Reinvent Notes
言語
フロントエンド
バックエンド
AI
インフラ
データ・SEO
その他
Blog
About
日本語
日本語
English
GitHub
その他
その他
特定のドメインに分類しきれない技術メモの受け皿です。
このドメインについて
まずここに書き留め、内容がまとまってきたら適切なドメイン (言語・フロント・バックエンド等) へ移動します。
前へ
内部リンクの貼り方ガイドライン
関連記事
ブログ
日本語 Web フォントと Core Web Vitals — LCP と CLS を実測で直す
技術的 SEO は満点なのに Lighthouse の Performance だけ伸びない。原因を chrome-devtools の実測で追うと、LCP の主犯は日本語 Web フォントの render-blocking、CLS の主犯は寸法未指定の navbar ロゴだった。フォント swap 犯人説を実測で棄却し、size-adjust を入れずに CLS を 0 にするまでの記録。
ブログ
hero に車が走るアニメーションを実装した
Docusaurus のトップ hero に走る車のアニメーションを自前実装した記録。SVG の線画を svgr でコンポーネント化し、タイヤ回転と背景パララックスを純 CSS で動かす。CSS mask での背景描画・継ぎ目のない無限ループ・テーマ色追従・prefers-reduced-motion 対応まで初学者向けに解説する。
ブログ
Claude Code ベストプラクティス集 shanraisshan/claude-code-best-practice の歩き方
GitHub Trending #1 のキュレーション集 shanraisshan/claude-code-best-practice (445 ファイル) を、ディレクトリ構成・概念・ワークフロー・Tips・レポートの 5 軸で読み解く見取り図。自分のレベルに合った要素を選べるよう整理した。