[{"data":1,"prerenderedAt":868},["ShallowReactive",2],{"content-/cf-reference-miller-layout-refinement":3,"all-pages-for-dir":866,"og-image-/cf-reference-miller-layout-refinement":867},{"id":4,"title":5,"body":6,"category":849,"description":850,"extension":851,"meta":852,"navigation":816,"ogImage":853,"path":854,"project_name":855,"published":856,"publishedAt":857,"seo":858,"stem":859,"tags":860,"todo":853,"unpublished":856,"updatedAt":853,"__hash__":865},"pages/2026-05/2026-05-09/cf-reference-miller-layout-refinement.md","キャッシュフロー実務リファレンスのMillerColumnLayoutを企業ライフサイクル順に再構成",{"type":7,"value":8,"toc":835},"minimark",[9,13,22,25,28,31,36,39,104,196,203,207,210,252,255,259,262,287,294,484,488,495,559,737,750,753,764,767,774,777,780,802,805,831],[10,11,12],"h2",{"id":12},"やったこと",[14,15,16,17,21],"p",{},"eurekapu-nuxt4 の ",[18,19,20],"code",{},"cashflow-statement/reference"," ページを4箇所いじった。トップの空白を280pxから90pxへ削り、右コンテンツに見出しを移し、31トピックを「基礎知識→株主資本→運転資本→借入金→固定資産→法人税」の企業ライフサイクル順へ組み替え、最後に7セクションの境界を画面に明示した。簿記3級ノートのフェーズ表示と並べたとき、右ペインの読み口が同じテンポで揃うところまで詰めた。",[10,23,24],{"id":24},"背景",[14,26,27],{},"実務リファレンスを開いた瞬間、ツールバーが画面の下半分まで押し下げられていた。280pxの余白がスクロールを誘発し、31トピックが意図のない五十音順で並んでいた。トピックを上から眺めても「いま何の話か」が掴めない。サイドバー内に長いグレーの説明文が居座って、ナビ列が重く沈んでいた。同じVueプロジェクトの簿記3級ノートはフェーズ表示が効いていて、開いた瞬間に章立てが目に飛び込む。リファレンスもあの読み口に合わせる。",[10,29,30],{"id":30},"実装の流れ",[32,33,35],"h3",{"id":34},"_1-トップエリアを280px90pxへ圧縮","1. トップエリアを280px→90pxへ圧縮",[14,37,38],{},"ツールバー上部の余白を削り、ツールバー自体もコンパクト型に詰めた。検索ボックスとフィルタを横一列に並べ、高さを抑える。",[40,41,46],"pre",{"className":42,"code":43,"language":44,"meta":45,"style":45},"language-vue shiki shiki-themes vitesse-light vitesse-light","\u003Cdiv class=\"ref-toolbar\">\n  \u003Cinput v-model=\"query\" class=\"search-input\" placeholder=\"検索\" />\n  \u003Cselect v-model=\"filter\" class=\"filter-select\">...\u003C/select>\n\u003C/div>\n","vue","",[18,47,48,81,88,94],{"__ignoreMap":45},[49,50,53,57,61,65,68,72,76,78],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"shFtX","\u003C",[49,58,60],{"class":59},"sHkkW","div",[49,62,64],{"class":63},"s4oTP"," class",[49,66,67],{"class":55},"=",[49,69,71],{"class":70},"sMJiu","\"",[49,73,75],{"class":74},"sdGka","ref-toolbar",[49,77,71],{"class":70},[49,79,80],{"class":55},">\n",[49,82,84],{"class":51,"line":83},2,[49,85,87],{"class":86},"sG7-3","  \u003Cinput v-model=\"query\" class=\"search-input\" placeholder=\"検索\" />\n",[49,89,91],{"class":51,"line":90},3,[49,92,93],{"class":86},"  \u003Cselect v-model=\"filter\" class=\"filter-select\">...\u003C/select>\n",[49,95,97,100,102],{"class":51,"line":96},4,[49,98,99],{"class":55},"\u003C/",[49,101,60],{"class":59},[49,103,80],{"class":55},[40,105,109],{"className":106,"code":107,"language":108,"meta":45,"style":45},"language-css shiki shiki-themes vitesse-light vitesse-light",".ref-toolbar {\n  padding: 8px 12px;       /* 24px から削った */\n  gap: 8px;\n  display: flex;\n  align-items: center;\n}\n","css",[18,110,111,121,150,164,177,190],{"__ignoreMap":45},[49,112,113,116,118],{"class":51,"line":52},[49,114,115],{"class":55},".",[49,117,75],{"class":63},[49,119,120],{"class":55}," {\n",[49,122,123,127,130,134,138,141,143,146],{"class":51,"line":83},[49,124,126],{"class":125},"sz8Xr","  padding",[49,128,129],{"class":55},":",[49,131,133],{"class":132},"sM54T"," 8",[49,135,137],{"class":136},"stQ0i","px",[49,139,140],{"class":132}," 12",[49,142,137],{"class":136},[49,144,145],{"class":55},";",[49,147,149],{"class":148},"sxvE3","       /* 24px から削った */\n",[49,151,152,155,157,159,161],{"class":51,"line":90},[49,153,154],{"class":125},"  gap",[49,156,129],{"class":55},[49,158,133],{"class":132},[49,160,137],{"class":136},[49,162,163],{"class":55},";\n",[49,165,166,169,171,175],{"class":51,"line":96},[49,167,168],{"class":125},"  display",[49,170,129],{"class":55},[49,172,174],{"class":173},"snbK4"," flex",[49,176,163],{"class":55},[49,178,180,183,185,188],{"class":51,"line":179},5,[49,181,182],{"class":125},"  align-items",[49,184,129],{"class":55},[49,186,187],{"class":173}," center",[49,189,163],{"class":55},[49,191,193],{"class":51,"line":192},6,[49,194,195],{"class":55},"}\n",[14,197,198,199,202],{},"狭い画面では ",[18,200,201],{},"flex-wrap: wrap"," で2段組に逃がす。タブレット幅で検索ボックスが潰れる事故を、書き直しの途中で2回踏んだ。",[32,204,206],{"id":205},"_2-右コンテンツに-topic-header-を新設","2. 右コンテンツに topic-header を新設",[14,208,209],{},"サイドバーに居たグレーの説明文を右ペインへ移し、タイトル＋説明をひとつのヘッダにまとめた。左ナビは見出しだけのシンプルな列に戻す。",[40,211,213],{"className":42,"code":212,"language":44,"meta":45,"style":45},"\u003Cdiv class=\"topic-header\">\n  \u003Ch2>{{ topic.title }}\u003C/h2>\n  \u003Cp class=\"topic-desc\">{{ topic.description }}\u003C/p>\n\u003C/div>\n",[18,214,215,234,239,244],{"__ignoreMap":45},[49,216,217,219,221,223,225,227,230,232],{"class":51,"line":52},[49,218,56],{"class":55},[49,220,60],{"class":59},[49,222,64],{"class":63},[49,224,67],{"class":55},[49,226,71],{"class":70},[49,228,229],{"class":74},"topic-header",[49,231,71],{"class":70},[49,233,80],{"class":55},[49,235,236],{"class":51,"line":83},[49,237,238],{"class":86},"  \u003Ch2>{{ topic.title }}\u003C/h2>\n",[49,240,241],{"class":51,"line":90},[49,242,243],{"class":86},"  \u003Cp class=\"topic-desc\">{{ topic.description }}\u003C/p>\n",[49,245,246,248,250],{"class":51,"line":96},[49,247,99],{"class":55},[49,249,60],{"class":59},[49,251,80],{"class":55},[14,253,254],{},"ナビ側からテキストが消えると、トピックを目で追う速度が変わった。31項目のリストが「目次」として機能し始める。",[32,256,258],{"id":257},"_3-31トピックを企業ライフサイクル順に並び替え","3. 31トピックを企業ライフサイクル順に並び替え",[14,260,261],{},"意図を持って順序を組み直した。会社が生まれて死ぬまでのお金の流れに沿わせる。",[263,264,265,269,272,275,278,281,284],"ol",{},[266,267,268],"li",{},"基礎知識（CFの読み方）",[266,270,271],{},"株主資本（出資→配当）",[266,273,274],{},"運転資本（売掛・買掛・棚卸）",[266,276,277],{},"借入金（調達→返済）",[266,279,280],{},"固定資産（投資→減価償却）",[266,282,283],{},"法人税（納付）",[266,285,286],{},"その他（注記・例外論点）",[14,288,289,290,293],{},"並び替え後、トピック数とslugの突合をスクリプトで回した。31件のslugリストを ",[18,291,292],{},"Set"," で重複検出し、漏れと重複がゼロであることを確認する。",[40,295,299],{"className":296,"code":297,"language":298,"meta":45,"style":45},"language-ts shiki shiki-themes vitesse-light vitesse-light","const slugs = topics.map(t => t.slug)\nconst dup = slugs.filter((s, i) => slugs.indexOf(s) !== i)\nconsole.assert(dup.length === 0, `重複: ${dup}`)\nconsole.assert(slugs.length === 31, `件数違反: ${slugs.length}`)\n","ts",[18,300,301,341,396,442],{"__ignoreMap":45},[49,302,303,306,309,312,315,317,321,324,327,330,333,335,338],{"class":51,"line":52},[49,304,305],{"class":136},"const ",[49,307,308],{"class":63},"slugs",[49,310,311],{"class":55}," =",[49,313,314],{"class":63}," topics",[49,316,115],{"class":55},[49,318,320],{"class":319},"senZ8","map",[49,322,323],{"class":55},"(",[49,325,326],{"class":63},"t",[49,328,329],{"class":55}," =>",[49,331,332],{"class":63}," t",[49,334,115],{"class":55},[49,336,337],{"class":63},"slug",[49,339,340],{"class":55},")\n",[49,342,343,345,348,350,353,355,358,361,364,367,370,373,375,377,379,382,384,386,388,391,394],{"class":51,"line":83},[49,344,305],{"class":136},[49,346,347],{"class":63},"dup",[49,349,311],{"class":55},[49,351,352],{"class":63}," slugs",[49,354,115],{"class":55},[49,356,357],{"class":319},"filter",[49,359,360],{"class":55},"((",[49,362,363],{"class":63},"s",[49,365,366],{"class":55},",",[49,368,369],{"class":63}," i",[49,371,372],{"class":55},")",[49,374,329],{"class":55},[49,376,352],{"class":63},[49,378,115],{"class":55},[49,380,381],{"class":319},"indexOf",[49,383,323],{"class":55},[49,385,363],{"class":63},[49,387,372],{"class":55},[49,389,390],{"class":136}," !== ",[49,392,393],{"class":63},"i",[49,395,340],{"class":55},[49,397,398,401,403,406,408,410,412,415,418,421,423,426,429,432,434,437,440],{"class":51,"line":90},[49,399,400],{"class":63},"console",[49,402,115],{"class":55},[49,404,405],{"class":319},"assert",[49,407,323],{"class":55},[49,409,347],{"class":63},[49,411,115],{"class":55},[49,413,414],{"class":125},"length",[49,416,417],{"class":136}," ===",[49,419,420],{"class":132}," 0",[49,422,366],{"class":55},[49,424,425],{"class":70}," `",[49,427,428],{"class":74},"重複: ",[49,430,431],{"class":59},"${",[49,433,347],{"class":74},[49,435,436],{"class":59},"}",[49,438,439],{"class":70},"`",[49,441,340],{"class":55},[49,443,444,446,448,450,452,454,456,458,460,463,465,467,470,472,474,476,478,480,482],{"class":51,"line":96},[49,445,400],{"class":63},[49,447,115],{"class":55},[49,449,405],{"class":319},[49,451,323],{"class":55},[49,453,308],{"class":63},[49,455,115],{"class":55},[49,457,414],{"class":125},[49,459,417],{"class":136},[49,461,462],{"class":132}," 31",[49,464,366],{"class":55},[49,466,425],{"class":70},[49,468,469],{"class":74},"件数違反: ",[49,471,431],{"class":59},[49,473,308],{"class":74},[49,475,115],{"class":55},[49,477,414],{"class":125},[49,479,436],{"class":59},[49,481,439],{"class":70},[49,483,340],{"class":55},[32,485,487],{"id":486},"_4-7セクションに区切ってフェーズ感を出す","4. 7セクションに区切ってフェーズ感を出す",[14,489,490,491,494],{},"簿記3級ノートのフェーズ表示と並べる。型に ",[18,492,493],{},"section"," フィールドを足し、ナビ側のテンプレートをセクション見出し付きへ書き換えた。",[40,496,498],{"className":296,"code":497,"language":298,"meta":45,"style":45},"type Topic = {\n  slug: string\n  title: string\n  description: string\n  section: SectionKey   // 追加\n}\n",[18,499,500,513,524,533,542,555],{"__ignoreMap":45},[49,501,502,505,509,511],{"class":51,"line":52},[49,503,504],{"class":136},"type",[49,506,508],{"class":507},"sSkh3"," Topic",[49,510,311],{"class":55},[49,512,120],{"class":55},[49,514,515,518,521],{"class":51,"line":83},[49,516,517],{"class":63},"  slug",[49,519,520],{"class":55},": ",[49,522,523],{"class":507},"string\n",[49,525,526,529,531],{"class":51,"line":90},[49,527,528],{"class":63},"  title",[49,530,520],{"class":55},[49,532,523],{"class":507},[49,534,535,538,540],{"class":51,"line":96},[49,536,537],{"class":63},"  description",[49,539,520],{"class":55},[49,541,523],{"class":507},[49,543,544,547,549,552],{"class":51,"line":179},[49,545,546],{"class":63},"  section",[49,548,520],{"class":55},[49,550,551],{"class":507},"SectionKey",[49,553,554],{"class":148},"   // 追加\n",[49,556,557],{"class":51,"line":192},[49,558,195],{"class":55},[40,560,562],{"className":42,"code":561,"language":44,"meta":45,"style":45},"\u003Cdiv class=\"nav-col\">\n  \u003Ctemplate v-for=\"sec in sections\" :key=\"sec.key\">\n    \u003Cdiv class=\"section-header\">{{ sec.label }}\u003C/div>\n    \u003CNuxtLink\n      v-for=\"t in topicsBySection[sec.key]\"\n      :key=\"t.slug\"\n      :to=\"`#${t.slug}`\"\n    >\n      {{ t.title }}\n    \u003C/NuxtLink>\n  \u003C/template>\n\u003C/div>\n",[18,563,564,583,588,599,607,641,660,691,697,703,714,728],{"__ignoreMap":45},[49,565,566,568,570,572,574,576,579,581],{"class":51,"line":52},[49,567,56],{"class":55},[49,569,60],{"class":59},[49,571,64],{"class":63},[49,573,67],{"class":55},[49,575,71],{"class":70},[49,577,578],{"class":74},"nav-col",[49,580,71],{"class":70},[49,582,80],{"class":55},[49,584,585],{"class":51,"line":83},[49,586,587],{"class":86},"  \u003Ctemplate v-for=\"sec in sections\" :key=\"sec.key\">\n",[49,589,590,593,595,597],{"class":51,"line":90},[49,591,592],{"class":86},"    \u003Cdiv class=\"section-header\">{{ sec.label }}",[49,594,99],{"class":55},[49,596,60],{"class":59},[49,598,80],{"class":55},[49,600,601,604],{"class":51,"line":96},[49,602,603],{"class":55},"    \u003C",[49,605,606],{"class":59},"NuxtLink\n",[49,608,609,612,614,616,618,621,624,627,630,632,635,638],{"class":51,"line":179},[49,610,611],{"class":59},"      v-for",[49,613,67],{"class":55},[49,615,71],{"class":55},[49,617,326],{"class":63},[49,619,620],{"class":136}," in",[49,622,623],{"class":63}," topicsBySection",[49,625,626],{"class":55},"[",[49,628,629],{"class":63},"sec",[49,631,115],{"class":55},[49,633,634],{"class":63},"key",[49,636,637],{"class":55},"]",[49,639,640],{"class":55},"\"\n",[49,642,643,646,648,650,652,654,656,658],{"class":51,"line":192},[49,644,645],{"class":55},"      :",[49,647,634],{"class":319},[49,649,67],{"class":55},[49,651,71],{"class":55},[49,653,326],{"class":63},[49,655,115],{"class":55},[49,657,337],{"class":63},[49,659,640],{"class":55},[49,661,663,665,668,670,672,674,677,679,681,683,685,687,689],{"class":51,"line":662},7,[49,664,645],{"class":55},[49,666,667],{"class":319},"to",[49,669,67],{"class":55},[49,671,71],{"class":55},[49,673,439],{"class":70},[49,675,676],{"class":74},"#",[49,678,431],{"class":59},[49,680,326],{"class":74},[49,682,115],{"class":55},[49,684,337],{"class":74},[49,686,436],{"class":59},[49,688,439],{"class":70},[49,690,640],{"class":55},[49,692,694],{"class":51,"line":693},8,[49,695,696],{"class":55},"    >\n",[49,698,700],{"class":51,"line":699},9,[49,701,702],{"class":86},"      {{ t.title }}\n",[49,704,706,709,712],{"class":51,"line":705},10,[49,707,708],{"class":55},"    \u003C/",[49,710,711],{"class":59},"NuxtLink",[49,713,80],{"class":55},[49,715,717,720,723,726],{"class":51,"line":716},11,[49,718,719],{"class":55},"  \u003C",[49,721,722],{"class":86},"/",[49,724,725],{"class":59},"template",[49,727,80],{"class":55},[49,729,731,733,735],{"class":51,"line":730},12,[49,732,99],{"class":55},[49,734,60],{"class":59},[49,736,80],{"class":55},[14,738,739,741,742,745,746,749],{},[18,740,578],{}," を ",[18,743,744],{},"display: block"," に切り替えた。Miller列の ",[18,747,748],{},"display: flex"," のままだと、セクション見出しがトピックと同じ行に押し込まれて潰れる。セクション内側はトピックを2カラムで保持し、密度を維持した。",[10,751,752],{"id":752},"レスポンシブと検索結果の収まり",[14,754,755,756,759,760,763],{},"ツールバーは狭い画面で段組に落ち、検索ボックスの横にフィルタが回り込む。検索結果の表示時、結果カードの ",[18,757,758],{},"max-width"," がコンテンツ列と揃っているかを画面で確認した。最初は結果カードが画面端まで伸びてヘッダの幅と食い違っていた。",[18,761,762],{},"max-width: var(--content-width)"," を当てて揃える。",[10,765,766],{"id":766},"動作確認",[14,768,769,770,773],{},"Chrome DevTools MCP で ",[18,771,772],{},"localhost:3000/cashflow-statement/reference"," を開き、トップエリアの高さをDevtoolsの定規で実測した。280pxから90pxまで縮んでいる。31トピックがライフサイクル順に並び、7つのセクション見出しが一定間隔で挟まる。検索で「減価償却」と打つと結果カードがコンテンツ幅で揃った。",[14,775,776],{},"agent-browser ではなく Chrome DevTools MCP を使ったのは、レイアウトのpx計測とCSSのライブ書き換えをDevtoolsで往復したかったため。",[10,778,779],{"id":779},"学びメモ",[781,782,783,786,789,792],"ul",{},[266,784,785],{},"280pxの余白は「ツールバーが下に沈む」のではなく「ファーストビューが空白で埋まる」事故として効いていた。90pxに削った瞬間、トピックリストが画面に乗ってきた",[266,787,788],{},"サイドバーから説明文を右ペインに移したら、ナビ列が「目次」として読めるようになった。テキストの居場所をひとつ動かすだけで列の役割が変わる",[266,790,791],{},"五十音順のリストを企業ライフサイクル順に組み替えたら、リスト全体が「会社のストーリー」に化けた。順序は単なる並び替えではなく、文脈を生む装置になる",[266,793,794,795,741,798,801],{},"セクション見出しをナビに挟む構造変更で、",[18,796,797],{},"flex",[18,799,800],{},"block"," に切り替える必要が出た。Miller Columnのレイアウト原則を一段崩して、セクション内側だけ2カラムに戻す折衷で着地",[10,803,804],{"id":804},"次にやること",[781,806,809,819,825],{"className":807},[808],"contains-task-list",[266,810,813,818],{"className":811},[812],"task-list-item",[814,815],"input",{"disabled":816,"type":817},true,"checkbox"," セクション見出しをスティッキーにして、スクロール中も現在地が画面に残るようにする",[266,820,822,824],{"className":821},[812],[814,823],{"disabled":816,"type":817}," トピック数が増えた時のために、セクション折りたたみのトグルを追加",[266,826,828,830],{"className":827},[812],[814,829],{"disabled":816,"type":817}," ライフサイクル順の意図を、ヘルプモーダルで読者にも伝える文案を書く",[832,833,834],"style",{},"html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}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}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 .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}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 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}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}",{"title":45,"searchDepth":83,"depth":83,"links":836},[837,838,839,845,846,847,848],{"id":12,"depth":83,"text":12},{"id":24,"depth":83,"text":24},{"id":30,"depth":83,"text":30,"children":840},[841,842,843,844],{"id":34,"depth":90,"text":35},{"id":205,"depth":90,"text":206},{"id":257,"depth":90,"text":258},{"id":486,"depth":90,"text":487},{"id":752,"depth":83,"text":752},{"id":766,"depth":83,"text":766},{"id":779,"depth":83,"text":779},{"id":804,"depth":83,"text":804},"dev","eurekapu-nuxt4のcashflow-statement/referenceページで、トップ余白を圧縮し、31トピックを企業ライフサイクル順に並び替え、7セクションに区切ってフェーズ感を出した実装ログ。","md",{},null,"/cf-reference-miller-layout-refinement","eurekapu-nuxt4",false,"2026-05-09T00:00:00.000Z",{"title":5,"description":850},"2026-05/2026-05-09/cf-reference-miller-layout-refinement",[861,862,863,864],"Vue","MillerColumn","UX改善","簿記","7Hi_55SPegGIdo8CQChkivpSrU7EduKcmq6ZWDwZ0K8",[],"https://log.eurekapu.com/og/blog/cf-reference-miller-layout-refinement.png?v=2026-05-09T00%3A00%3A00.000Z&title=%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%83%95%E3%83%AD%E3%83%BC%E5%AE%9F%E5%8B%99%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E3%81%AEMillerColumnLayout%E3%82%92%E4%BC%81%E6%A5%AD%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB%E9%A0%86%E3%81%AB%E5%86%8D%E6%A7%8B%E6%88%90&author=Kei%20Komatsu&sig=0070c65bc513aea6",1782528834381]