[{"data":1,"prerenderedAt":1178},["ShallowReactive",2],{"content-/bs-width-expansion-plan":3,"all-pages-for-dir":1155,"related-/bs-width-expansion-plan":1156,"og-image-/bs-width-expansion-plan":1177},{"id":4,"title":5,"body":6,"category":1140,"concepts":1140,"description":1141,"extension":1142,"meta":1143,"navigation":152,"ogImage":1140,"path":1144,"project_name":1140,"published":1145,"publishedAt":1146,"seo":1147,"source":1140,"stem":1148,"tags":1149,"todo":1140,"unpublished":1145,"updatedAt":1146,"__hash__":1154},"pages/2025-12/2025-12-19/bs-width-expansion-plan.md","貸借対照表の幅拡張実装計画",{"type":7,"value":8,"toc":1122},"minimark",[9,12,16,24,28,92,95,112,115,119,129,372,377,388,393,398,402,409,577,628,632,640,644,652,656,698,701,705,708,716,719,889,892,902,1045,1048,1085,1088,1119],[10,11,5],"h1",{"id":5},[13,14,15],"h2",{"id":15},"現状の問題",[17,18,19,23],"p",{},[20,21,22],"code",{},"/financial-quiz/proportional-animation","ページで、貸借対照表（BS）と損益計算書（P/L）が並んで表示されているが、左右に余白がある。",[25,26,27],"h3",{"id":27},"現在の設定",[29,30,31,47],"table",{},[32,33,34],"thead",{},[35,36,37,41,44],"tr",{},[38,39,40],"th",{},"要素",[38,42,43],{},"現在の幅",[38,45,46],{},"場所",[48,49,50,64,77],"tbody",{},[35,51,52,58,61],{},[53,54,55],"td",{},[20,56,57],{},".balance-sheet-container",[53,59,60],{},"380px (固定)",[53,62,63],{},"コンポーネント:1161行目",[35,65,66,71,74],{},[53,67,68],{},[20,69,70],{},".pl-body",[53,72,73],{},"100px (固定)",[53,75,76],{},"コンポーネント:1271行目",[35,78,79,84,89],{},[53,80,81],{},[20,82,83],{},".companies-wrapper",[53,85,86],{},[20,87,88],{},"justify-content: center",[53,90,91],{},"コンポーネント:1090行目",[25,93,94],{"id":94},"要件",[96,97,98,106],"ul",{},[99,100,101,105],"li",{},[102,103,104],"strong",{},"損益計算書（P/L）の幅",": 変更しない（100px維持）",[99,107,108,111],{},[102,109,110],{},"貸借対照表（BS）の幅",": 水平方向の余白を有効活用して拡張",[13,113,114],{"id":114},"実装アプローチ",[25,116,118],{"id":117},"案1-bsを-flex-grow-で拡張推奨","案1: BSを flex-grow で拡張（推奨）",[17,120,121,124,125,128],{},[20,122,123],{},".statements-wrapper"," 内で BS を ",[20,126,127],{},"flex: 1"," にして残りスペースを埋める。",[130,131,136],"pre",{"className":132,"code":133,"language":134,"meta":135,"style":135},"language-css shiki shiki-themes vitesse-light vitesse-light","/* ProportionalFinancialStatementsAnimated.vue */\n\n.statements-wrapper {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-end;\n  width: 100%;  /* 追加: 親要素いっぱいに広げる */\n}\n\n.balance-sheet-container {\n  /* width: 380px; を削除 */\n  flex: 1;  /* 追加: 残りスペースを埋める */\n  min-width: 300px;  /* 追加: 最小幅を確保 */\n  max-width: 600px;  /* 追加: 最大幅を制限（任意） */\n}\n\n.pl-body {\n  width: 100px;  /* 維持 */\n  flex-shrink: 0;  /* 追加: P/Lは縮まないように */\n}\n","css","",[20,137,138,147,154,168,185,203,216,236,242,247,257,263,278,297,315,320,325,335,351,367],{"__ignoreMap":135},[139,140,143],"span",{"class":141,"line":142},"line",1,[139,144,146],{"class":145},"sxvE3","/* ProportionalFinancialStatementsAnimated.vue */\n",[139,148,150],{"class":141,"line":149},2,[139,151,153],{"emptyLinePlaceholder":152},true,"\n",[139,155,157,161,165],{"class":141,"line":156},3,[139,158,160],{"class":159},"shFtX",".",[139,162,164],{"class":163},"s4oTP","statements-wrapper",[139,166,167],{"class":159}," {\n",[139,169,171,175,178,182],{"class":141,"line":170},4,[139,172,174],{"class":173},"sz8Xr","  display",[139,176,177],{"class":159},":",[139,179,181],{"class":180},"snbK4"," flex",[139,183,184],{"class":159},";\n",[139,186,188,191,193,197,201],{"class":141,"line":187},5,[139,189,190],{"class":173},"  gap",[139,192,177],{"class":159},[139,194,196],{"class":195},"sM54T"," 1",[139,198,200],{"class":199},"stQ0i","rem",[139,202,184],{"class":159},[139,204,206,209,211,214],{"class":141,"line":205},6,[139,207,208],{"class":173},"  align-items",[139,210,177],{"class":159},[139,212,213],{"class":180}," flex-end",[139,215,184],{"class":159},[139,217,219,222,224,227,230,233],{"class":141,"line":218},7,[139,220,221],{"class":173},"  width",[139,223,177],{"class":159},[139,225,226],{"class":195}," 100",[139,228,229],{"class":199},"%",[139,231,232],{"class":159},";",[139,234,235],{"class":145},"  /* 追加: 親要素いっぱいに広げる */\n",[139,237,239],{"class":141,"line":238},8,[139,240,241],{"class":159},"}\n",[139,243,245],{"class":141,"line":244},9,[139,246,153],{"emptyLinePlaceholder":152},[139,248,250,252,255],{"class":141,"line":249},10,[139,251,160],{"class":159},[139,253,254],{"class":163},"balance-sheet-container",[139,256,167],{"class":159},[139,258,260],{"class":141,"line":259},11,[139,261,262],{"class":145},"  /* width: 380px; を削除 */\n",[139,264,266,269,271,273,275],{"class":141,"line":265},12,[139,267,268],{"class":173},"  flex",[139,270,177],{"class":159},[139,272,196],{"class":195},[139,274,232],{"class":159},[139,276,277],{"class":145},"  /* 追加: 残りスペースを埋める */\n",[139,279,281,284,286,289,292,294],{"class":141,"line":280},13,[139,282,283],{"class":173},"  min-width",[139,285,177],{"class":159},[139,287,288],{"class":195}," 300",[139,290,291],{"class":199},"px",[139,293,232],{"class":159},[139,295,296],{"class":145},"  /* 追加: 最小幅を確保 */\n",[139,298,300,303,305,308,310,312],{"class":141,"line":299},14,[139,301,302],{"class":173},"  max-width",[139,304,177],{"class":159},[139,306,307],{"class":195}," 600",[139,309,291],{"class":199},[139,311,232],{"class":159},[139,313,314],{"class":145},"  /* 追加: 最大幅を制限（任意） */\n",[139,316,318],{"class":141,"line":317},15,[139,319,241],{"class":159},[139,321,323],{"class":141,"line":322},16,[139,324,153],{"emptyLinePlaceholder":152},[139,326,328,330,333],{"class":141,"line":327},17,[139,329,160],{"class":159},[139,331,332],{"class":163},"pl-body",[139,334,167],{"class":159},[139,336,338,340,342,344,346,348],{"class":141,"line":337},18,[139,339,221],{"class":173},[139,341,177],{"class":159},[139,343,226],{"class":195},[139,345,291],{"class":199},[139,347,232],{"class":159},[139,349,350],{"class":145},"  /* 維持 */\n",[139,352,354,357,359,362,364],{"class":141,"line":353},19,[139,355,356],{"class":173},"  flex-shrink",[139,358,177],{"class":159},[139,360,361],{"class":195}," 0",[139,363,232],{"class":159},[139,365,366],{"class":145},"  /* 追加: P/Lは縮まないように */\n",[139,368,370],{"class":141,"line":369},20,[139,371,241],{"class":159},[17,373,374,177],{},[102,375,376],{},"メリット",[96,378,379,382,385],{},[99,380,381],{},"シンプルな変更",[99,383,384],{},"レスポンシブに対応しやすい",[99,386,387],{},"親コンテナのサイズに応じて自動調整",[17,389,390,177],{},[102,391,392],{},"デメリット",[96,394,395],{},[99,396,397],{},"極端に広いコンテナでは BS が間延びする可能性（max-width で制御）",[25,399,401],{"id":400},"案2-親から幅を指定props追加","案2: 親から幅を指定（Props追加）",[17,403,404,405,408],{},"コンポーネントに ",[20,406,407],{},"bsWidth"," props を追加して、ページ側から制御。",[130,410,414],{"className":411,"code":412,"language":413,"meta":135,"style":135},"language-vue shiki shiki-themes vitesse-light vitesse-light","\u003C!-- ProportionalFinancialStatementsAnimated.vue -->\n\u003Cscript setup>\nconst props = withDefaults(defineProps\u003C{\n  // ...既存props\n  bsWidth?: string  // 例: '500px', '100%', 'auto'\n}>(), {\n  bsWidth: '380px'\n})\n\u003C/script>\n\n\u003Cstyle>\n.balance-sheet-container {\n  width: v-bind('props.bsWidth');\n}\n\u003C/style>\n","vue",[20,415,416,421,436,460,465,483,490,507,512,521,525,534,542,565,569],{"__ignoreMap":135},[139,417,418],{"class":141,"line":142},[139,419,420],{"class":145},"\u003C!-- ProportionalFinancialStatementsAnimated.vue -->\n",[139,422,423,426,430,433],{"class":141,"line":149},[139,424,425],{"class":159},"\u003C",[139,427,429],{"class":428},"sHkkW","script",[139,431,432],{"class":163}," setup",[139,434,435],{"class":159},">\n",[139,437,438,441,444,447,451,454,457],{"class":141,"line":156},[139,439,440],{"class":199},"const",[139,442,443],{"class":163}," props",[139,445,446],{"class":159}," =",[139,448,450],{"class":449},"senZ8"," withDefaults",[139,452,453],{"class":159},"(",[139,455,456],{"class":449},"defineProps",[139,458,459],{"class":159},"\u003C{\n",[139,461,462],{"class":141,"line":170},[139,463,464],{"class":145},"  // ...既存props\n",[139,466,467,470,473,476,480],{"class":141,"line":187},[139,468,469],{"class":163},"  bsWidth",[139,471,472],{"class":199},"?",[139,474,475],{"class":159},": ",[139,477,479],{"class":478},"sSkh3","string",[139,481,482],{"class":145},"  // 例: '500px', '100%', 'auto'\n",[139,484,485,488],{"class":141,"line":205},[139,486,487],{"class":159},"}>(),",[139,489,167],{"class":159},[139,491,492,494,496,500,504],{"class":141,"line":218},[139,493,469],{"class":173},[139,495,177],{"class":159},[139,497,499],{"class":498},"sMJiu"," '",[139,501,503],{"class":502},"sdGka","380px",[139,505,506],{"class":498},"'\n",[139,508,509],{"class":141,"line":238},[139,510,511],{"class":159},"})\n",[139,513,514,517,519],{"class":141,"line":244},[139,515,516],{"class":159},"\u003C/",[139,518,429],{"class":428},[139,520,435],{"class":159},[139,522,523],{"class":141,"line":249},[139,524,153],{"emptyLinePlaceholder":152},[139,526,527,529,532],{"class":141,"line":259},[139,528,425],{"class":159},[139,530,531],{"class":428},"style",[139,533,435],{"class":159},[139,535,536,538,540],{"class":141,"line":265},[139,537,160],{"class":159},[139,539,254],{"class":163},[139,541,167],{"class":159},[139,543,544,546,548,552,555,558,560,563],{"class":141,"line":280},[139,545,221],{"class":173},[139,547,177],{"class":159},[139,549,551],{"class":550},"sG7-3"," v-bind(",[139,553,554],{"class":498},"'",[139,556,557],{"class":502},"props.bsWidth",[139,559,554],{"class":498},[139,561,562],{"class":550},")",[139,564,184],{"class":159},[139,566,567],{"class":141,"line":299},[139,568,241],{"class":159},[139,570,571,573,575],{"class":141,"line":317},[139,572,516],{"class":159},[139,574,531],{"class":428},[139,576,435],{"class":159},[130,578,580],{"className":411,"code":579,"language":413,"meta":135,"style":135},"\u003C!-- proportional-animation.vue での使用 -->\n\u003CProportionalFinancialStatementsAnimated\n  :bs-width=\"'100%'\"\n  ...\n/>\n",[20,581,582,587,594,618,623],{"__ignoreMap":135},[139,583,584],{"class":141,"line":142},[139,585,586],{"class":145},"\u003C!-- proportional-animation.vue での使用 -->\n",[139,588,589,591],{"class":141,"line":149},[139,590,425],{"class":159},[139,592,593],{"class":428},"ProportionalFinancialStatementsAnimated\n",[139,595,596,599,602,605,608,610,613,615],{"class":141,"line":156},[139,597,598],{"class":159},"  :",[139,600,601],{"class":449},"bs-width",[139,603,604],{"class":159},"=",[139,606,607],{"class":159},"\"",[139,609,554],{"class":498},[139,611,612],{"class":502},"100%",[139,614,554],{"class":498},[139,616,617],{"class":159},"\"\n",[139,619,620],{"class":141,"line":170},[139,621,622],{"class":159},"  ...\n",[139,624,625],{"class":141,"line":187},[139,626,627],{"class":550},"/>\n",[17,629,630,177],{},[102,631,376],{},[96,633,634,637],{},[99,635,636],{},"ページごとに柔軟に調整可能",[99,638,639],{},"既存ページへの影響なし（デフォルト値で維持）",[17,641,642,177],{},[102,643,392],{},[96,645,646,649],{},[99,647,648],{},"Props が増える",[99,650,651],{},"実装がやや複雑",[25,653,655],{"id":654},"案3-css変数で制御","案3: CSS変数で制御",[130,657,659],{"className":132,"code":658,"language":134,"meta":135,"style":135},".balance-sheet-container {\n  width: var(--bs-width, 380px);\n}\n",[20,660,661,669,694],{"__ignoreMap":135},[139,662,663,665,667],{"class":141,"line":142},[139,664,160],{"class":159},[139,666,254],{"class":163},[139,668,167],{"class":159},[139,670,671,673,675,678,680,683,686,689,691],{"class":141,"line":149},[139,672,221],{"class":173},[139,674,177],{"class":159},[139,676,677],{"class":173}," var",[139,679,453],{"class":159},[139,681,682],{"class":163},"--bs-width",[139,684,685],{"class":159},",",[139,687,688],{"class":195}," 380",[139,690,291],{"class":199},[139,692,693],{"class":159},");\n",[139,695,696],{"class":141,"line":156},[139,697,241],{"class":159},[17,699,700],{},"ページ側で CSS 変数を上書き。",[13,702,704],{"id":703},"推奨実装案1ベース","推奨実装（案1ベース）",[25,706,707],{"id":707},"変更ファイル",[709,710,711],"ol",{},[99,712,713],{},[20,714,715],{},"apps/web/app/components/financial-quiz/ProportionalFinancialStatementsAnimated.vue",[25,717,718],{"id":718},"変更内容",[130,720,724],{"className":721,"code":722,"language":723,"meta":135,"style":135},"language-diff shiki shiki-themes vitesse-light vitesse-light","/* .statements-wrapper */\n .statements-wrapper {\n   display: flex;\n   gap: 1rem;\n   align-items: flex-end;\n   box-sizing: border-box;\n+  width: 100%;\n }\n\n/* .balance-sheet-container */\n .balance-sheet-container {\n   display: flex;\n   border: 2px solid #333;\n   background: #fff;\n   font-family: sans-serif;\n-  width: 380px;\n+  flex: 1;\n+  min-width: 300px;\n+  max-width: 550px;\n   box-sizing: border-box;\n   overflow: hidden;\n   transition: height 0.5s ease-out;\n }\n\n/* .pl-body */\n .pl-body {\n   display: flex;\n   border: 2px solid #333;\n   background: #fff;\n   width: 100px;\n+  flex-shrink: 0;\n }\n","diff",[20,725,726,731,736,741,746,751,756,761,766,770,775,780,784,789,794,799,804,809,814,819,823,829,835,840,845,851,857,862,867,872,878,884],{"__ignoreMap":135},[139,727,728],{"class":141,"line":142},[139,729,730],{},"/* .statements-wrapper */\n",[139,732,733],{"class":141,"line":149},[139,734,735],{}," .statements-wrapper {\n",[139,737,738],{"class":141,"line":156},[139,739,740],{},"   display: flex;\n",[139,742,743],{"class":141,"line":170},[139,744,745],{},"   gap: 1rem;\n",[139,747,748],{"class":141,"line":187},[139,749,750],{},"   align-items: flex-end;\n",[139,752,753],{"class":141,"line":205},[139,754,755],{},"   box-sizing: border-box;\n",[139,757,758],{"class":141,"line":218},[139,759,760],{},"+  width: 100%;\n",[139,762,763],{"class":141,"line":238},[139,764,765],{}," }\n",[139,767,768],{"class":141,"line":244},[139,769,153],{"emptyLinePlaceholder":152},[139,771,772],{"class":141,"line":249},[139,773,774],{},"/* .balance-sheet-container */\n",[139,776,777],{"class":141,"line":259},[139,778,779],{}," .balance-sheet-container {\n",[139,781,782],{"class":141,"line":265},[139,783,740],{},[139,785,786],{"class":141,"line":280},[139,787,788],{},"   border: 2px solid #333;\n",[139,790,791],{"class":141,"line":299},[139,792,793],{},"   background: #fff;\n",[139,795,796],{"class":141,"line":317},[139,797,798],{},"   font-family: sans-serif;\n",[139,800,801],{"class":141,"line":322},[139,802,803],{},"-  width: 380px;\n",[139,805,806],{"class":141,"line":327},[139,807,808],{},"+  flex: 1;\n",[139,810,811],{"class":141,"line":337},[139,812,813],{},"+  min-width: 300px;\n",[139,815,816],{"class":141,"line":353},[139,817,818],{},"+  max-width: 550px;\n",[139,820,821],{"class":141,"line":369},[139,822,755],{},[139,824,826],{"class":141,"line":825},21,[139,827,828],{},"   overflow: hidden;\n",[139,830,832],{"class":141,"line":831},22,[139,833,834],{},"   transition: height 0.5s ease-out;\n",[139,836,838],{"class":141,"line":837},23,[139,839,765],{},[139,841,843],{"class":141,"line":842},24,[139,844,153],{"emptyLinePlaceholder":152},[139,846,848],{"class":141,"line":847},25,[139,849,850],{},"/* .pl-body */\n",[139,852,854],{"class":141,"line":853},26,[139,855,856],{}," .pl-body {\n",[139,858,860],{"class":141,"line":859},27,[139,861,740],{},[139,863,865],{"class":141,"line":864},28,[139,866,788],{},[139,868,870],{"class":141,"line":869},29,[139,871,793],{},[139,873,875],{"class":141,"line":874},30,[139,876,877],{},"   width: 100px;\n",[139,879,881],{"class":141,"line":880},31,[139,882,883],{},"+  flex-shrink: 0;\n",[139,885,887],{"class":141,"line":886},32,[139,888,765],{},[25,890,891],{"id":891},"レスポンシブ対応",[17,893,894,895,898,899,901],{},"既存のメディアクエリは ",[20,896,897],{},"width: calc(75% - 0.25rem)"," などで対応しているが、",[20,900,127],{}," を使う場合は以下に変更:",[130,903,905],{"className":132,"code":904,"language":134,"meta":135,"style":135},"@media (max-width: 768px) {\n  .balance-sheet-container {\n    flex: 3;  /* 75% 相当 */\n    min-width: 200px;\n    max-width: none;\n  }\n\n  .pl-body {\n    flex: 1;  /* 25% 相当 */\n    width: auto;\n    min-width: 60px;\n  }\n}\n",[20,906,907,932,941,956,970,982,987,991,999,1012,1024,1037,1041],{"__ignoreMap":135},[139,908,909,912,915,918,921,923,926,928,930],{"class":141,"line":142},[139,910,911],{"class":159},"@",[139,913,914],{"class":428},"media",[139,916,917],{"class":159}," (",[139,919,920],{"class":173},"max-width",[139,922,177],{"class":159},[139,924,925],{"class":195}," 768",[139,927,291],{"class":199},[139,929,562],{"class":159},[139,931,167],{"class":159},[139,933,934,937,939],{"class":141,"line":149},[139,935,936],{"class":159},"  .",[139,938,254],{"class":163},[139,940,167],{"class":159},[139,942,943,946,948,951,953],{"class":141,"line":156},[139,944,945],{"class":173},"    flex",[139,947,177],{"class":159},[139,949,950],{"class":195}," 3",[139,952,232],{"class":159},[139,954,955],{"class":145},"  /* 75% 相当 */\n",[139,957,958,961,963,966,968],{"class":141,"line":170},[139,959,960],{"class":173},"    min-width",[139,962,177],{"class":159},[139,964,965],{"class":195}," 200",[139,967,291],{"class":199},[139,969,184],{"class":159},[139,971,972,975,977,980],{"class":141,"line":187},[139,973,974],{"class":173},"    max-width",[139,976,177],{"class":159},[139,978,979],{"class":180}," none",[139,981,184],{"class":159},[139,983,984],{"class":141,"line":205},[139,985,986],{"class":159},"  }\n",[139,988,989],{"class":141,"line":218},[139,990,153],{"emptyLinePlaceholder":152},[139,992,993,995,997],{"class":141,"line":238},[139,994,936],{"class":159},[139,996,332],{"class":163},[139,998,167],{"class":159},[139,1000,1001,1003,1005,1007,1009],{"class":141,"line":244},[139,1002,945],{"class":173},[139,1004,177],{"class":159},[139,1006,196],{"class":195},[139,1008,232],{"class":159},[139,1010,1011],{"class":145},"  /* 25% 相当 */\n",[139,1013,1014,1017,1019,1022],{"class":141,"line":249},[139,1015,1016],{"class":173},"    width",[139,1018,177],{"class":159},[139,1020,1021],{"class":180}," auto",[139,1023,184],{"class":159},[139,1025,1026,1028,1030,1033,1035],{"class":141,"line":259},[139,1027,960],{"class":173},[139,1029,177],{"class":159},[139,1031,1032],{"class":195}," 60",[139,1034,291],{"class":199},[139,1036,184],{"class":159},[139,1038,1039],{"class":141,"line":265},[139,1040,986],{"class":159},[139,1042,1043],{"class":141,"line":280},[139,1044,241],{"class":159},[13,1046,1047],{"id":1047},"検証項目",[96,1049,1052,1061,1067,1073,1079],{"className":1050},[1051],"contains-task-list",[99,1053,1056,1060],{"className":1054},[1055],"task-list-item",[1057,1058],"input",{"disabled":152,"type":1059},"checkbox"," デスクトップ（1920px以上）で BS が適切に拡張されるか",[99,1062,1064,1066],{"className":1063},[1055],[1057,1065],{"disabled":152,"type":1059}," タブレット（768px-1400px）で崩れないか",[99,1068,1070,1072],{"className":1069},[1055],[1057,1071],{"disabled":152,"type":1059}," モバイル（768px以下）で既存の比率が維持されるか",[99,1074,1076,1078],{"className":1075},[1055],[1057,1077],{"disabled":152,"type":1059}," エクスポート機能（1920x1080固定サイズ）に影響がないか",[99,1080,1082,1084],{"className":1081},[1055],[1057,1083],{"disabled":152,"type":1059}," 複数期間のアニメーションで表示が崩れないか",[13,1086,1087],{"id":1087},"注意点",[709,1089,1090,1103,1109],{},[99,1091,1092,475,1095,1098,1099,1102],{},[102,1093,1094],{},"エクスポート用コンテナ",[20,1096,1097],{},".export-container"," 内の ",[20,1100,1101],{},"ProportionalFinancialStatementsAnimated"," は固定サイズ（1920x1080）で使用されるため、別途調整が必要な場合あり",[99,1104,1105,1108],{},[102,1106,1107],{},"max-width の値",": 550px は目安。実際の見栄えを確認して調整",[99,1110,1111,1114,1115,1118],{},[102,1112,1113],{},"他ページへの影響",": このコンポーネントを使用している他のページ（",[20,1116,1117],{},"proportional-animation-qqq.vue"," など）の表示も確認が必要",[531,1120,1121],{},"html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html pre.shiki code .sM54T, html code.shiki .sM54T{--shiki-default:#2F798A;--shiki-dark:#2F798A}html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}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 .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .sSkh3, html code.shiki .sSkh3{--shiki-default:#2E8F82;--shiki-dark:#2E8F82}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html pre.shiki code .sG7-3, html code.shiki .sG7-3{--shiki-default:#393A34;--shiki-dark:#393A34}",{"title":135,"searchDepth":149,"depth":149,"links":1123},[1124,1128,1133,1138,1139],{"id":15,"depth":149,"text":15,"children":1125},[1126,1127],{"id":27,"depth":156,"text":27},{"id":94,"depth":156,"text":94},{"id":114,"depth":149,"text":114,"children":1129},[1130,1131,1132],{"id":117,"depth":156,"text":118},{"id":400,"depth":156,"text":401},{"id":654,"depth":156,"text":655},{"id":703,"depth":149,"text":704,"children":1134},[1135,1136,1137],{"id":707,"depth":156,"text":707},{"id":718,"depth":156,"text":718},{"id":891,"depth":156,"text":891},{"id":1047,"depth":149,"text":1047},{"id":1087,"depth":149,"text":1087},null,"比例縮尺財務諸表ページで貸借対照表を横幅いっぱいに広げる実装計画","md",{},"/bs-width-expansion-plan",false,"2025-12-19T00:00:00.000Z",{"title":5,"description":1141},"2025-12/2025-12-19/bs-width-expansion-plan",[1150,1151,1152,1153],"実装計画","Vue","CSS","financial-quiz","WE5jijCyDorTSG9Ni67mCoOAxV6yYXo5n8sCFlGi278",[],[1157,1161,1165,1169,1173],{"title":1158,"path":1159,"publishedAt":1160},"Excel関数の統合インデックスページをNuxt4側に移植してfxアイコン巨大化バグを潰し、SEOタイトルを動的化した記録","/excel-functions-integrated-index","2026-05-04T00:00:00.000Z",{"title":1162,"path":1163,"publishedAt":1164},"CFWS v2のクリックでセル単位ハイライト — scrollIntoViewと全navigate型への横展開記録","/cfws-v2-cell-highlight","2026-04-27T00:00:00.000Z",{"title":1166,"path":1167,"publishedAt":1168},"MillerViewerのレスポンシブ対応修正 - モバイル画像非表示バグとiPad Pro 2カラムレイアウト","/miller-viewer-responsive-fix","2026-03-15T00:00:00.000Z",{"title":1170,"path":1171,"publishedAt":1172},"プロジェクトタイムラインビューアの構築 - ガントチャート風レイアウトで開発ログを俯瞰する","/project-timeline-viewer-2026-02-22","2026-02-22T00:00:00.000Z",{"title":1174,"path":1175,"publishedAt":1176},"連結精算表のUI改善とデータバグ修正 - 矢印線・多列テーブル・貸借バランス","/consolidated-worksheet-ui-data-fixes-2026-02-02","2026-02-02T00:00:00.000Z","https://log.eurekapu.com/og/blog/bs-width-expansion-plan.png?v=2025-12-19T00%3A00%3A00.000Z&title=%E8%B2%B8%E5%80%9F%E5%AF%BE%E7%85%A7%E8%A1%A8%E3%81%AE%E5%B9%85%E6%8B%A1%E5%BC%B5%E5%AE%9F%E8%A3%85%E8%A8%88%E7%94%BB&author=Kei%20Komatsu&sig=b2b9dce27d0b13c5",1785654681971]