29本すべて見直しました。うち27本を直し、day3・day9 の2本は直す所がなかったので手を入れていません。直した27本は直すたびに render_one.py で画像にして見ました。押して出る画面も、開いた状態の写しを作業用フォルダで画像にして確かめています。どのファイルも高さを送る script は1本ずつ残っていて、git の操作はしていません。 **ファイルごと** - arcs-without-area:主役は FK の点で、青にしました。赤・緑・灰は使っていません。外の枠と canvas の黒い枠を外し、目盛りは #e6e6e6 にしています。段の札(ALL/PICK…)は角丸4pxで、白地+枠、選んでいる物は黒です。 - build-robot-arm-telemetry-dashboard:主役は DASHBOARD の欄で、薄い青の面にして見出しも青にしました。赤は STALE の札に使っています。2つの欄は黒い枠をやめて灰の面にし、#bbb・#ccc は決まりの灰に置き換えました。 - data-map-before-real-run:手順の図なので色は入れていません。live・real・twin の箱は灰の面、ARM は黒のまま角丸にしました。切り替えボタンは間を空けた2つのタブにし、見出しの下の線は #e6e6e6 です。 - dual-camera-detection-design:バナーなので色は入れていません。黒いバナーを角丸8pxにし、VIEW の札は角丸4pxです。 - 直した壊れ:幅が box-sizing の指定なしで右へはみ出していたので、指定を足しました。 - body に下地 #f7f7f7 を入れ、字の読み込みの link も足しました。 - first-video-end-to-end:主役は BGM の線で、青にしました(線の端は butt)。dB の補助線は灰の点線です。4つのボタンは間を空けたタブにし、区切りの線は #e6e6e6 にしました。 - handover-control-code-complete:主役は新方針の結末で、緑にしています(HOME 着、帰還)。赤は RELEASE 失敗の段と、流れの札の RELEASE ✕ に使いました。旧方針の「その場で固まる」結末は、薄い赤の面に赤字です。 - 黒い枠と左の黒い帯はすべてやめ、灰の面にしました。札とタブは角丸4pxです。 - 直した壊れ:人の確認の段の両端に、太い黒の破線が出ていました。dashed の書き方が原因だったので直しています。 - identify-camera-by-name-not-index:主役は「固有名」で、見出しの帯、新しく見つかった1台の行、「当てにする」の欄を青にしました。緑は [OK] の印、灰は取り消し線の index = 0 です。 - 決まり以外の灰(#3a3a36・#75746e・#b9b8b1・#ecebe4)は、#555・#888 などに置き換えました。 - ステップの帯はタブにし、画面の黒い枠と下の欄の黒い仕切りはやめて、灰の面と薄い青の面にしています。 - measure-the-hole-before-filling-it:主役は点の集まりで、青にしました。赤は穴の輪と「穴 195/195」の字、凡例です。中の大きな灰の箱は外し、図の欄は黒い枠をやめて灰の面にしました。目盛りは #e6e6e6 です。 - mecharm-not-done-yet:主役は PHASE 2 の NEW 札で、青にしました。空の欄と開いて出る欄は、黒い枠や黒い破線をやめて灰の面にしています。 - motion-uncanny-valley:主役は谷の線で、青にしました。赤は谷の底の点 B です。図の欄は灰の面、A/B/C のボタンはタブにし、区切りの線を #e6e6e6 にしました。 - physical-ai-beyond-industrial-robots:主役は人1人が受け持つロボットで、絵を青にしました。太い区切り線はすべてやめています。4つの欄は灰の面、段のボタンはタブ、手間の棒の地は #ececec です。 - pivot-to-probe-control-and-external-review:主役は外部のレビュー役(codex / gemini)と AFTER の説明欄で、薄い青の面にしました。赤は BEFORE の見落とし欄と、バグ番号の札です。枠はすべて灰の面に変えています。 - 直した壊れ:「→ → →」が左に寄っていました。指定の書き方が当たっていなかったので直しています。 - precision-lives-in-the-input-not-the-model:主役は訂正した箇所で、青にしました。凡例の「反転 =」も「青 =」に変えています。推定の欄は灰の細い破線です。中の大きな灰の箱は外し、ボタンはタブにしました。 - robot-car-kit-autonomy-breakdown:緑は安全層(止める距離の線と、働いたときの欄)、赤は障害物、灰は AI が止まる位置の線と、出番のない層です。この図は良い・悪いで色を分け、青は使っていません。 - 直した壊れ:地面の線の CSS が書き間違いで効いていませんでした。障害物の横じまも消しています。 - 直した壊れ:入力欄の囲みに、ブラウザが付ける灰の枠が出ていたので消しました。 - 直した壊れ:2本の線の名前が重なっていたので、上下にずらしました。 - setting-up-the-side-camera:主役は、その軸を受け持つカメラです。図の中の箱と下の欄を青にしました。 - 直した壊れ:外側に白いカードがなく、body の指定もなかったので、カードと body の指定を足しました。字の読み込みの link も足しています。 - 黒い枠と破線の枠はやめ、灰の面にしました。 - symmetric-reach-mirror:主役は点の集まりで、青にしました。目盛りは #e6e6e6 です。3つの数字の欄は黒い仕切りをやめて白い面にし、#333 は #555 に替えました。下の欄は上の欄とくっついていたので、間を空けています。 - top-banner:課題の多さを表す丸のうち、塗りつぶしの丸は赤、半分の濃さの丸は灰 #9a9a9a にしました。上の太い斜線のテープは外しています。黒い枠をやめて白いカード・角丸8pxにし、body の下地を足しました。 - visual-servo-design:主役は補正後の棒で、青の塗りにしました。補正前は青の細かい斜線、計測できなかった試行は灰の細い斜線です。棒の地の黒い枠はやめました。LOOP の囲みは灰の細い破線・角丸です。 - what-circularity-actually-measures:主役は minAreaRect で、線・名前・棒を青にしました。赤は膨らむ boundingRect(破線と斜線、名前、棒)です。数字の欄は黒い枠をやめて灰の面にし、形のボタンは角丸4pxにしました。 - why-z-correction-failed-twin-poses:赤は Z の残差の線と名前で、青は使っていません。2つのボタンはタブ、図の欄は灰の面、札は角丸4pxにしました。 - day108:緑は 12/12 SUCCESS の札(図の中も含む)です。2本の腕は同じ立場なので、青は使っていません。 - 直した壊れ:外側に白いカードがなかったので、全体を包むカードを足しました。 - 下線式のタブは角丸4pxのタブに変えました。カード上の太い帯と、中の黒い枠(3か所)はやめています。 - day121:流れの図なので色は入れていません。札は白地+枠・角丸4pxにし、点線の欄は白い面に変えました。 - day130:緑は 4a SUCCESS の欄、赤は 4b FAIL の欄です。データ項目のカードは黒い枠をやめて灰の面にしました。流れの欄はくっついていたので、間を空けています。 - day139:主役は集めた点で、青の丸にしました。基準の四角は黒のまま、補助の枠は灰の細い点線です。段の欄はくっついていたので間を空け、結果の欄は白い面にしました。 - day148:赤はリスクの札とBEFOREの点、緑は AFTER の点です。決まり以外の灰(#e8e8e2・#ddd・#ccc・#333)を置き換えました。表の行の区切りは #e6e6e6、BEFORE/AFTER の欄は角丸の面で間を空けています。 - day156:主役は「Human only」の欄で、薄い青の面にしました。赤は AI が外した3回、緑は人が拾った3回です。2つの欄の黒い枠はやめ、データの黒い箱は角丸にしました。 - day165:主役は採用した方式 03 で、薄い青の面に、数字を青、SUCCESS の行を緑にしました。灰は取りやめた 01・02 の数字です。#ebebde は決まりの灰に置き換え、札は角丸4pxにしました。 - day3・day9:文章の表なので色は入れていません。すでに決まりの見た目になっていたので、変えていません。 **迷ったもの・自信のないもの** - precision-lives-in-the-input:凡例が「実線 = 映像で確認」なので、ふつうの欄に #e6e6e6 の細い実線を残しました。薄くて実線と読めないかもしれません。 - visual-servo-design:補正前(青の斜線)と計測不能(灰の細い斜線)が、どちらも斜線で少し似ています。 - robot-car-kit:この図の主役を「安全層」と見て緑にし、青は使っていません。 - top-banner:塗りつぶしの丸を赤(急ぎ・深い課題)と読みましたが、元の意味の取り方に自信はありません。サイト上部のバナーで、幅は 1216px のままにしています。 - handover:最初の段(RELEASE 失敗)を、決まりの「黒のまま」ではなく赤にしました。押すと黒と赤が入れ替わる作りはそのままです。 - what-circularity:minAreaRect の青い線は、塗った図形の下に描かれていてほとんど見えません。描く順番は元のままにしています。 - day108・day121 は、元から左右2つの対等な比べ方、または流れの図なので、主役の青を入れていません。