PR #597 自体は stale として close されたが、Issue #493 と PR コメントの議論からは kouchou-ai のチャート UX が何を嫌い、どこに妥協しようとしていたか が読める。要点は、Google Maps 型の click-to-enable は中核機能には重い、しかし 完全透明ロックは状態が見えない ので、短い遅延で自動解除される視覚付きロック が中間解として支持された、ということ。issue-493-pr-597-discussionより
ただし、この議論はほぼ全面的に PC のマウス / ホイール操作 を前提にしている。モバイルのタッチ UI まで含めた包括的な interaction policy が決まったわけではない。issue-493-pr-597-discussionより
Findings
「誤操作防止」と「主機能の即時性」の両立が主題だった
この議論は単に wheel event を止める話ではなく、誤操作防止のためにどこまで摩擦を許すか の話だった。クリック必須化は安全だが、チャートを主役として見せたいプロダクトには重い。逆に無表示ロックは軽いが、なぜ効かないのか伝わらない。議論参加者はその中間を探していた。issue-493-pr-597-discussionより
この結論をスマホにそのまま持ち込まない方がよい
ここで議論されている誤操作は、主に wheel と hover を持つ desktop browser のもの。スマホでは hover も cursor も存在せず、誤操作の形は「縦スクロール中にチャートが奪う」「ピンチや drag と干渉する」など別の形をとる可能性がある。したがって、PC 向けに好まれた「500ms 前後のフェード付き自動解除ロック」は、モバイルでは再検証なしに採用しない方がよい。issue-493-pr-597-discussionより
スマホでは「最初は画像、必要なら全体ビューへ」が別解になりうる
モバイルでは、散布図を最初からインタラクティブ widget として出すより、まず縮小画像や静的サムネイルとして見せ、タップ時だけインタラクティブ全体ビューへ遷移する 方が筋が良い可能性がある。この方式なら、通常の縦スクロール中にチャートが gesture を奪いにくく、主ページでは閲覧を優先しつつ、詳細操作は意図の強いユーザーだけに分離できる。PC で嫌われた click-to-enable とは違い、モバイルでは「別ビューに入る」こと自体が自然な情報階層化 として受け取られうる。issue-493-pr-597-discussionより
暫定合意に最も近かったのは「ホワイト系オーバーレイ + 約500ms + カーソル切替」
design review 上は、終盤の dentaro 提案が最も通っていた。ここで重要なのは、「グレーをかけるか」そのものより 視覚的に切り替え状態が伝わること と 待ち時間が長すぎないこと だった点。将来この問題を再実装するなら、まずはこのパラメータ帯を default 仮説として再検証するのが筋が良い。issue-493-pr-597-discussionより
shared preview の欠如が UI 議論を止めやすい
この一件では、GitHub に動画を貼ってもなお「実際に触ってみないと判断しきれない」が繰り返し出ている。PR #597 が stale 化した直接原因を 1 つに還元はできないが、少なくとも UI の微妙な体感差を詰める共有プレビュー導線が無かった ことは、実装が合意まで到達しにくい環境要因だった。issue-493-pr-597-discussionより
Practical Read
- ScatterChart UX を再検討する時は、
PR #597のコードよりIssue #493の議論を先に読む価値がある - 再実装するなら、click-to-enable ではなく「自動解除される一時ロック」を第一候補に置くのが当時の文脈に合う
- UI の操作感を詰める作業は、コードレビューだけで完結させず preview 導線を最初に確保した方がよい
- ただし上の結論は PC 前提であり、スマホ UX は別トラックで考えた方がよい
- モバイル向けには「静的画像で提示して、タップ時だけ全体インタラクティブビューへ」を第一候補にしてもよい
Open Questions
- 2026-05 の
public-viewer/ScatterChartは、2025-06 当時と比べてこの UX を実装しやすい構造になっているか - 共有 preview が今も弱いなら、同種の UI PR はまた stale 化しやすいのではないか
- モバイルではこの問題をどのイベント境界で捉えるべきか。scroll / drag / pinch のどれが主要衝突点なのか
- モバイル専用に「静的散布図サムネイル → 全体ビュー遷移」という情報設計へ分けるべきか
Updates
- 2026-05-18: 初版作成
- 2026-05-18: この議論は PC 前提で、スマホ UX にはそのまま一般化しない方がよいことを追記
- 2026-05-18: スマホ代替案として「最初は画像、必要なら全体ビュー」を追記