All the latest

ClaudeMixで扱う技術一覧

2026.06.03

...術です。 Troubleshooting 問題調査や原因分析に関する記事を扱います。 Lighthouse Lighthouseを利用した性能計測や改善に関する記事を扱います。

AI
蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性のサムネイル

蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性

2026.05.22

... 問題提起:SSRブログが払っているコスト Markdown記事を配信するSSRルートは、動く。Lighthouseスコアも悪くない。ユーザーから見ると何も問題がないように見える。 問題は、【...

Performance
ブラウザに教えるのか、ブラウザが発見するのか:modulepreload が問い直した依存解決の責務のサムネイル

ブラウザに教えるのか、ブラウザが発見するのか:modulepreload が問い直した依存解決の責務

2026.05.18

...レームワークが最適化してくれると思っていた。 バンドラーが解決してくれると思っていた。 ある日、Lighthouseのウォーターフォールチャートを見て、 JSが直列に並んでいるのを見た。 ブラ...

Performance
フレームを先に送れ:HTML Streaming が問い直した「送る単位」の設計判断のサムネイル

フレームを先に送れ:HTML Streaming が問い直した「送る単位」の設計判断

2026.05.11

...作って返すから、クライアントでJSが動くより先にコンテンツが見える。そう理解していた。 ある日、Lighthouseのタイムライン計測を見た。 ページの「白い時間」が長かった。サーバーは動いて...

PerformanceRendering
ブログマップのサムネイル

ブログマップ

2026.04.17

...参照用として最適です。 → 「ガイド」の記事一覧 開発記録 開発中に遭遇したトラブルや、Lighthouseスコア改善などの最適化プロセスの実践ログ。同じ問題に直面したときの解決策として活...

アトミック・レンダリング:Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計のサムネイル

アトミック・レンダリング:Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計

2026.04.13

Lighthouseで100点を達成した直後、サムネイル画像のALTテキストがリロードのたびに一瞬表示されるようになりました。Lazy Load最適化によって「未確定な時間」が可視化されたことが原因...

RenderingPerformance
100点の「神話」を解体する:Remix + Vite が直面する PSI の実用上の上限と賢い撤退戦略のサムネイル

100点の「神話」を解体する:Remix + Vite が直面する PSI の実用上の上限と賢い撤退戦略

2026.04.03

...のことです。 理想的なEdge環境を構築し、サーバー応答時間はわずか2msを達成した。 しかし、Lighthouse (PSI) のモバイル測定では、LCPが1秒を切ることがどうしてもできない。 ...

Performance
Lighthouse 99点で止めた理由 - 100点を追わないパフォーマンス最適化戦略のサムネイル

Lighthouse 99点で止めた理由 - 100点を追わないパフォーマンス最適化戦略

2026.03.02

はじめに Lighthouseで94点から99点へは改善できますが、100点を目指してCSSをインライン化すると初回は速くなっても2ページ目以降が遅くなります。 外部CDN依存の排除・レンダリ...

Performance
ログイン機能追加後のLighthouse影響調査計画 - 100点スコアを維持できるのかのサムネイル

ログイン機能追加後のLighthouse影響調査計画 - 100点スコアを維持できるのか

2026.02.27

はじめに Lighthouse全カテゴリ100点を達成した直後にログイン機能を追加したため、パフォーマンスへの影響を事前に測定する必要が生じました。測定対象・評価基準・実測・分析の4ステップで...

PerformanceTesting
ログイン機能追加後のLighthouse測定結果 - 92点という現実と予想外の改善のサムネイル

ログイン機能追加後のLighthouse測定結果 - 92点という現実と予想外の改善

2026.02.23

はじめに ログイン機能を追加したらブログ一覧ページのLighthouse Performanceが100点から92点に低下しました。 原因はレンダリングブロックCSS(1,050ms)と強制リ...

PerformanceTesting
Lighthouseの未使用CSS削減 - ルート別分割で19.3%軽量化のサムネイル

Lighthouseの未使用CSS削減 - ルート別分割で19.3%軽量化

2026.02.09

はじめに 全ページで同じ layer2.css (40.92 kB)を読み込んでいると、Lighthouseで「使用していないCSS: 22 KiB」が検出されます。 common.css...

PerformanceRefactoring
Lighthouse JavaScript最適化の壁 - 削減できなかった39 KiBから学んだことのサムネイル

Lighthouse JavaScript最適化の壁 - 削減できなかった39 KiBから学んだこと

2026.01.30

はじめに Lighthouseで「使用していないJavaScript: 39 KiB」という警告が出ました。 lazy loading・manual chunk splitting・prefe...

PerformanceRefactoring

claude skills 公式まとめ

2026.01.19

...n の用語が重複 各Skillの用語を明確に区別 Skillsの実践例として、 Lighthouseスコア改善を自律実行するSkillのガードレール設計 では、AIが「100点を追...

AI
Lighthouseモバイルスコア85点から100点へ - 7つの最適化で実現した完全合格のサムネイル

Lighthouseモバイルスコア85点から100点へ - 7つの最適化で実現した完全合格

2026.01.15

はじめに Lighthouseモバイル測定でパフォーマンス85点、アクセシビリティ86点、SEO 82点が出ました。 SEO基盤(メタタグ)・アクセシビリティ(見出し階層・コントラスト比)・パ...

Performance
爆速ブログを実現するJamstackアーキテクチャ:RemixとViteで作るHTMLプレビルドシステムのサムネイル

爆速ブログを実現するJamstackアーキテクチャ:RemixとViteで作るHTMLプレビルドシステム

2026.01.09

...す実装の設計図を手に入れられる。 この方法は、本ブログ自身のアーキテクチャとして実証済みであり、Lighthouse 100点を維持しながら動いている。 私も同じでした このブログの初...

PerformanceRendering
「階層型スペック・マージ」によるSSOTの極致:疎結合とパフォーマンスの両立のサムネイル

「階層型スペック・マージ」によるSSOTの極致:疎結合とパフォーマンスの両立

2025.12.12

...結合な開発と厳格な一貫性を両立させる設計図を手に入れられます。 この方法は、本番環境のブログで Lighthouse 100点を維持しながら実証済みです。 このブログもそうでした この...

RefactoringPerformance