[{"data":1,"prerenderedAt":603},["ShallowReactive",2],{"content-/lighthouse-testing-guide":3,"all-pages-for-dir":586,"related-/lighthouse-testing-guide":587,"og-image-/lighthouse-testing-guide":602},{"id":4,"title":5,"body":6,"category":571,"concepts":571,"description":572,"extension":573,"meta":574,"navigation":193,"ogImage":571,"path":575,"project_name":571,"published":576,"publishedAt":577,"seo":578,"source":571,"stem":579,"tags":580,"todo":571,"unpublished":576,"updatedAt":577,"__hash__":585},"pages/2025-12/2025-12-04/lighthouse-testing-guide.md","Lighthouse テスト実行ガイド",{"type":7,"value":8,"toc":552},"minimark",[9,13,24,28,33,50,53,57,60,66,77,80,84,117,120,132,136,143,147,152,165,170,265,270,296,300,312,319,323,327,330,335,343,348,380,383,395,401,406,438,442,445,459,462,531,534,548],[10,11,5],"h1",{"id":12},"lighthouse-テスト実行ガイド",[14,15,16,17],"p",{},"本番環境（",[18,19,23],"a",{"href":20,"rel":21},"https://log.eurekapu.com/%EF%BC%89%E3%81%AB%E5%AF%BE%E3%81%97%E3%81%A6Lighthouse%E3%83%86%E3%82%B9%E3%83%88%E3%82%92%E5%AE%9F%E8%A1%8C%E3%81%99%E3%82%8B%E9%9A%9B%E3%81%AE%E3%82%AC%E3%82%A4%E3%83%89%E3%80%82",[22],"nofollow","https://log.eurekapu.com/）に対してLighthouseテストを実行する際のガイド。",[25,26,27],"h2",{"id":27},"重要な注意点",[29,30,32],"h3",{"id":31},"_1-frontmatterの有無でテスト対象が決まる","1. Frontmatterの有無でテスト対象が決まる",[34,35,36,44],"ul",{},[37,38,39,43],"li",{},[40,41,42],"strong",{},"frontmatterあり"," = 公開対象の記事 → テスト対象",[37,45,46,49],{},[40,47,48],{},"frontmatterなし"," = 非公開の記事 → テスト対象外",[14,51,52],{},"contentディレクトリ内にあっても、frontmatterがないファイルは本番環境で503エラーを返す。これは仕様である。",[29,54,56],{"id":55},"_2-cloudflareのレート制限","2. Cloudflareのレート制限",[14,58,59],{},"短時間に多数のリクエストを送ると、Cloudflareのレート制限に達して503エラーが返される。",[14,61,62,65],{},[40,63,64],{},"対策",":",[34,67,68,71,74],{},[37,69,70],{},"一度に大量のページをテストしない",[37,72,73],{},"テストを分割して実行する",[37,75,76],{},"レート制限に達したら数分〜1時間待つ",[25,78,79],{"id":79},"テスト実行手順",[29,81,83],{"id":82},"step-1-テスト対象urlを生成","Step 1: テスト対象URLを生成",[85,86,91],"pre",{"className":87,"code":88,"language":89,"meta":90,"style":90},"language-bash shiki shiki-themes vitesse-light vitesse-light","cd apps/web\nnode scripts/generate-lighthouse-urls.mjs\n","bash","",[92,93,94,107],"code",{"__ignoreMap":90},[95,96,99,103],"span",{"class":97,"line":98},"line",1,[95,100,102],{"class":101},"sz8Xr","cd",[95,104,106],{"class":105},"sdGka"," apps/web\n",[95,108,110,114],{"class":97,"line":109},2,[95,111,113],{"class":112},"senZ8","node",[95,115,116],{"class":105}," scripts/generate-lighthouse-urls.mjs\n",[14,118,119],{},"このスクリプトは:",[121,122,123,126,129],"ol",{},[37,124,125],{},"contentディレクトリ内のMarkdownファイルをスキャン",[37,127,128],{},"frontmatterが有効なファイルのみを抽出",[37,130,131],{},"Vue pagesと合わせてURL一覧を出力",[29,133,135],{"id":134},"step-2-lighthouserccjs-を更新","Step 2: lighthouserc.cjs を更新",[14,137,138,139,142],{},"スクリプトの出力を ",[92,140,141],{},"lighthouserc.cjs"," のurl配列にコピー。",[29,144,146],{"id":145},"step-3-lighthouseテストを実行","Step 3: Lighthouseテストを実行",[14,148,149],{},[40,150,151],{},"方法1: 一括実行（レート制限に注意）",[85,153,155],{"className":87,"code":154,"language":89,"meta":90,"style":90},"pnpm lighthouse\n",[92,156,157],{"__ignoreMap":90},[95,158,159,162],{"class":97,"line":98},[95,160,161],{"class":112},"pnpm",[95,163,164],{"class":105}," lighthouse\n",[14,166,167],{},[40,168,169],{},"方法2: 遅延付きバッチ実行（推奨）",[85,171,173],{"className":87,"code":172,"language":89,"meta":90,"style":90},"# 全URLを遅延付きでテスト（レート制限回避）\npnpm lighthouse:batch\n\n# オプション指定\npnpm lighthouse:batch -- --delay=5000 --batch=5\n\n# 途中から再開（例: 50番目から）\npnpm lighthouse:batch -- --start=50\n\n# 一部のみテスト（例: 最初の20件）\npnpm lighthouse:batch -- --limit=20\n",[92,174,175,181,188,195,201,219,224,230,242,247,253],{"__ignoreMap":90},[95,176,177],{"class":97,"line":98},[95,178,180],{"class":179},"sxvE3","# 全URLを遅延付きでテスト（レート制限回避）\n",[95,182,183,185],{"class":97,"line":109},[95,184,161],{"class":112},[95,186,187],{"class":105}," lighthouse:batch\n",[95,189,191],{"class":97,"line":190},3,[95,192,194],{"emptyLinePlaceholder":193},true,"\n",[95,196,198],{"class":97,"line":197},4,[95,199,200],{"class":179},"# オプション指定\n",[95,202,204,206,209,213,216],{"class":97,"line":203},5,[95,205,161],{"class":112},[95,207,208],{"class":105}," lighthouse:batch",[95,210,212],{"class":211},"snbK4"," --",[95,214,215],{"class":211}," --delay=5000",[95,217,218],{"class":211}," --batch=5\n",[95,220,222],{"class":97,"line":221},6,[95,223,194],{"emptyLinePlaceholder":193},[95,225,227],{"class":97,"line":226},7,[95,228,229],{"class":179},"# 途中から再開（例: 50番目から）\n",[95,231,233,235,237,239],{"class":97,"line":232},8,[95,234,161],{"class":112},[95,236,208],{"class":105},[95,238,212],{"class":211},[95,240,241],{"class":211}," --start=50\n",[95,243,245],{"class":97,"line":244},9,[95,246,194],{"emptyLinePlaceholder":193},[95,248,250],{"class":97,"line":249},10,[95,251,252],{"class":179},"# 一部のみテスト（例: 最初の20件）\n",[95,254,256,258,260,262],{"class":97,"line":255},11,[95,257,161],{"class":112},[95,259,208],{"class":105},[95,261,212],{"class":211},[95,263,264],{"class":211}," --limit=20\n",[14,266,267,65],{},[40,268,269],{},"バッチ実行オプション",[34,271,272,278,284,290],{},[37,273,274,277],{},[92,275,276],{},"--delay=N",": 各リクエスト間の遅延（ms）。デフォルト: 3000",[37,279,280,283],{},[92,281,282],{},"--batch=N",": バッチサイズ。N件ごとに長めの休憩。デフォルト: 10",[37,285,286,289],{},[92,287,288],{},"--start=N",": 開始インデックス。デフォルト: 0",[37,291,292,295],{},[92,293,294],{},"--limit=N",": テストするURL数の上限",[29,297,299],{"id":298},"step-4-結果を確認","Step 4: 結果を確認",[85,301,303],{"className":87,"code":302,"language":89,"meta":90,"style":90},"pnpm lighthouse:summary\n",[92,304,305],{"__ignoreMap":90},[95,306,307,309],{"class":97,"line":98},[95,308,161],{"class":112},[95,310,311],{"class":105}," lighthouse:summary\n",[14,313,314,315,318],{},"詳細なHTMLレポートは ",[92,316,317],{},".lighthouseci/reports/"," に保存される。",[25,320,322],{"id":321},"現在の問題点2025-12-04時点","現在の問題点（2025-12-04時点）",[29,324,326],{"id":325},"markdownコンテンツが503エラーを返す","Markdownコンテンツが503エラーを返す",[14,328,329],{},"frontmatterが有効なコンテンツ（117件）も503エラーを返している。",[14,331,332,65],{},[40,333,334],{},"原因",[121,336,337,340],{},[37,338,339],{},"コンテンツが本番環境にデプロイされていない",[37,341,342],{},"または、Cloudflareのレート制限に達した",[14,344,345,65],{},[40,346,347],{},"対処方法",[85,349,351],{"className":87,"code":350,"language":89,"meta":90,"style":90},"# 最新コンテンツをデプロイ\npnpm deploy:cloudflare\n\n# デプロイ後、再度テスト\npnpm lighthouse\n",[92,352,353,358,365,369,374],{"__ignoreMap":90},[95,354,355],{"class":97,"line":98},[95,356,357],{"class":179},"# 最新コンテンツをデプロイ\n",[95,359,360,362],{"class":97,"line":109},[95,361,161],{"class":112},[95,363,364],{"class":105}," deploy:cloudflare\n",[95,366,367],{"class":97,"line":190},[95,368,194],{"emptyLinePlaceholder":193},[95,370,371],{"class":97,"line":197},[95,372,373],{"class":179},"# デプロイ後、再度テスト\n",[95,375,376,378],{"class":97,"line":203},[95,377,161],{"class":112},[95,379,164],{"class":105},[29,381,382],{"id":382},"frontmatterの有無について",[34,384,385,390],{},[37,386,387,389],{},[40,388,42],{}," = 公開対象の記事（テスト対象）",[37,391,392,394],{},[40,393,48],{}," = 非公開の記事（テスト対象外）",[14,396,397,400],{},[92,398,399],{},"pnpm lighthouse:urls"," でfrontmatterが有効なURLのみを生成できる。",[14,402,403,65],{},[40,404,405],{},"確認済みの動作するコンテンツ（10件）",[34,407,408,411,414,417,420,423,426,429,432,435],{},[37,409,410],{},"/2025-10-04/nuxt-content-sqlite-field-mapping",[37,412,413],{},"/2025-10-07/real-estate-terms",[37,415,416],{},"/2025-10-18/excel-functions-let-xmatch-index-guide",[37,418,419],{},"/2025-10-19/google-claims-fact-check",[37,421,422],{},"/2025-10-20/design-philosophy-qa",[37,424,425],{},"/2025-11-29/home-ownership-vs-rental-fp-guide",[37,427,428],{},"/2025-12-02/mansion-vs-house-advice",[37,430,431],{},"/2025-12-03/mockup-development-log",[37,433,434],{},"/2025-12-04/lighthouse-performance-improvement",[37,436,437],{},"/features/table-of-contents",[29,439,441],{"id":440},"vue-pages-のテスト結果25件","Vue pages のテスト結果（25件）",[14,443,444],{},"すべて正常にテスト完了。平均スコア:",[34,446,447,450,453,456],{},[37,448,449],{},"Performance: 95",[37,451,452],{},"Accessibility: 95",[37,454,455],{},"Best Practices: 100",[37,457,458],{},"SEO: 91",[25,460,461],{"id":461},"関連ファイル",[463,464,465,478],"table",{},[466,467,468],"thead",{},[469,470,471,475],"tr",{},[472,473,474],"th",{},"ファイル",[472,476,477],{},"説明",[479,480,481,491,501,511,521],"tbody",{},[469,482,483,488],{},[484,485,486],"td",{},[92,487,141],{},[484,489,490],{},"Lighthouse CI 設定ファイル",[469,492,493,498],{},[484,494,495],{},[92,496,497],{},"scripts/generate-lighthouse-urls.mjs",[484,499,500],{},"テスト対象URL生成スクリプト",[469,502,503,508],{},[484,504,505],{},[92,506,507],{},"scripts/lighthouse-summary.mjs",[484,509,510],{},"結果サマリー表示スクリプト",[469,512,513,518],{},[484,514,515],{},[92,516,517],{},"scripts/check-content-urls.mjs",[484,519,520],{},"本番URLの存在確認スクリプト",[469,522,523,528],{},[484,524,525],{},[92,526,527],{},"scripts/lighthouse-with-delay.mjs",[484,529,530],{},"遅延付きバッチテストスクリプト",[25,532,533],{"id":533},"参考ドキュメント",[34,535,536,542],{},[37,537,538],{},[18,539,541],{"href":540},"/lighthouse-ci-local-setup","Lighthouse CI ローカルセットアップガイド",[37,543,544],{},[18,545,547],{"href":546},"/lighthouse-performance-improvement","Lighthouseパフォーマンス改善記録",[549,550,551],"style",{},"html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}",{"title":90,"searchDepth":109,"depth":109,"links":553},[554,558,564,569,570],{"id":27,"depth":109,"text":27,"children":555},[556,557],{"id":31,"depth":190,"text":32},{"id":55,"depth":190,"text":56},{"id":79,"depth":109,"text":79,"children":559},[560,561,562,563],{"id":82,"depth":190,"text":83},{"id":134,"depth":190,"text":135},{"id":145,"depth":190,"text":146},{"id":298,"depth":190,"text":299},{"id":321,"depth":109,"text":322,"children":565},[566,567,568],{"id":325,"depth":190,"text":326},{"id":382,"depth":190,"text":382},{"id":440,"depth":190,"text":441},{"id":461,"depth":109,"text":461},{"id":533,"depth":109,"text":533},null,"本番環境のLighthouseパフォーマンステストを実行する際の手順と注意点","md",{},"/lighthouse-testing-guide",false,"2025-12-04T00:00:00.000Z",{"title":5,"description":572},"2025-12/2025-12-04/lighthouse-testing-guide",[581,582,583,584],"lighthouse","performance","testing","guide","dk4nxduy88fNUObDJUTDTLu13pUjHyOudEP5fHTGTWI",[],[588,589,590,594,598],{"title":541,"path":540,"publishedAt":577},{"title":547,"path":546,"publishedAt":577},{"title":591,"path":592,"publishedAt":593},"Chrome DevTools for agents 1.0 が出た — Claude Codeの表示確認フローに何を足せるか","/chrome-devtools-for-agents-v1","2026-07-07T00:00:00.000Z",{"title":595,"path":596,"publishedAt":597},"tripleBeat の GAAP評価データを9銘柄に拡充し、散布図にGAAP/Non-GAAP切替を実装した","/triplebeat-gaap-valuation-scatter","2026-05-31T00:00:00.000Z",{"title":599,"path":600,"publishedAt":601},"テスト失敗修正・Cloudflareデプロイの日本語コミットメッセージ問題・公開記事3本","/tests-deploy-and-misc-articles","2026-05-15T00:00:00.000Z","https://log.eurekapu.com/og/blog/lighthouse-testing-guide.png?v=2025-12-04T00%3A00%3A00.000Z&title=Lighthouse%20%E3%83%86%E3%82%B9%E3%83%88%E5%AE%9F%E8%A1%8C%E3%82%AC%E3%82%A4%E3%83%89&author=Kei%20Komatsu&sig=7f8a592b31a349f6",1785654671812]