モックを触った所感と議論を、合意できた方向・要検討・モックの実装上の問題に分けた。 画面仕様を一から作り直すときの入力にし、仕様へ反映したら消す。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S3k9PGptCqsJ2ozisjemH7
3.9 KiB
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件だけ。