Files
Beyond-KLE/provisional/phy-editor-feedback.md
T
ewdernaandClaude Opus 5.5 c23513bae7 provisional: PHY Editorモックの所感を画面仕様の入力としてまとめる
モックを触った所感と議論を、合意できた方向・要検討・モックの実装上の問題に分けた。
画面仕様を一から作り直すときの入力にし、仕様へ反映したら消す。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01S3k9PGptCqsJ2ozisjemH7
2026-09-28 09:00:21 +09:00

3.9 KiB

PHY Editor モックの所感(画面仕様の入力)

モックを触った所感と、それを受けた議論の整理。仕様ではない。 画面仕様を一から作るときの入力にし、仕様へ反映したら消す。

方向が合意できたもの

選択

  • 何を選択しているかが一目で分かること(モックは選択枠がほぼ見えない。下記「モックの実装上の問題」)。
  • クリックでの追加選択は1件ずつのトグルのみ(連続選択の「順番」は作らない)。
  • 複数選択はキャンバス上のドラッグ(範囲選択)でもできる。
  • キャンバスでクリックしたとき先に選ばれるのはキー。クラスターを選ぶ手段は別に要る(要検討)。
  • 何もない場所のクリック・Escで選択を外せる。

クラスター

  • クラスターの当たり判定・選択表示は子を囲む矩形。クラスターのローカル座標で取る(回転に追従するOBB)。
  • 階層(ツリー)パネルはクラスター・VariantGroupの選択と構造の確認に必要。キーの一覧としては不要なので、キーは畳むなど目立たせない。
  • VariantGroupはクラスターの一種という認識。移動・回転の「親」にVariantGroupも含む。

移動・回転・サイズ

  • 移動・サイズ変更・削除をキーボードで操作できる。削除は参照の確認(T-15)を省かない。確認は操作した場所の近くに出す。
  • 矢印キーでの移動方向は、直近の親(クラスター・VariantGroup)の軸方向。ドラッグと同じ。
  • 複数選択に対して回転以外の操作(移動など)もできる。
  • 複数キーを共通の中心で回したいなら、それはクラスターをなす。選択ノードを個別に回転する操作はそれとして残す。

表示

  • キャンバスは画面サイズに追従する(モックは1152×896px固定)。
  • 読み込み時は全体が収まり中央に来るようにズームする。同じ操作をボタン・キーでも呼べる(全体表示)。
  • 見出しを付けすぎない(「レイアウト」「PHYの木」など)。
  • ボタンはアイコン化したい。ツールチップを付ける。

要検討

  • キャンバス上でクラスターを選ぶ手段(キー選択から親へ上がる操作、クラスター枠内の空き場所のクリック、など)。
  • フォーカスモード(特定クラスター内だけ表示し、他を薄くする)の要否。作るなら「クラスターに入る」操作(ダブルクリックなど)とセットにする。
  • 個別回転とクラスター化してからの回転のどちらを主な操作にするか。
  • ドラッグのスナップの細かさ。0.25U刻みはズーム1倍で16pxずつ飛び、細かい調整がしづらい。キーボード操作で足りるなら不要。
  • 矢印キーの刻み幅(修飾キーで粗く・細かく、など)。
  • どこまでアイコンのみのボタンにするか。
  • UIでの呼び方。PHY・ELCなどのレイヤー名は設計上の仮称で、画面に出すかどうかは別途決める(「PHYの木」→「階層」など)。
  • ホイールでのカーソル中心ズーム、ホバー時の強調、コピー&ペースト(モックに無い。未議論)。

モックの実装上の問題

作り直しで解消する前提で、原因の記録だけ残す。

  • 選択枠が見えない: .key-face に vector-effect: non-scaling-stroke があり、stroke-width: 0.055 が画面上0.055pxになる。
  • クラスターをキャンバスでつかめない: クラスターの <g> に面がなく、子キーの pointerdown.stop が先に取る。
  • プロパティ欄の「±.25U」「±15°」は+方向しか呼ばない。画面下部に同じ操作の −/+ ボタンが重複している。
  • 複数選択の回転は各ノードの原点まわりに個別に回る。ドラッグで動くのはつかんだ1件だけ。