Mouse & UI Navigation

UI ヒントナビゲーション (UI Hints)

UI ヒントナビゲーションは、画面上の操作可能なUI要素(ボタン、リンク、テキストボックス等)にアルファベットの「ヒントバッジ」をオーバーレイ表示し、2文字のタイピングだけでマウスポインタを正確に移動...

マウスを持たずに、画面上のあらゆるボタン・リンク・入力欄へキーボードだけで瞬時にアクセス

UI ヒントナビゲーションは、画面上の操作可能なUI要素(ボタン、リンク、テキストボックス等)にアルファベットの「ヒントバッジ」をオーバーレイ表示し、2文字のタイピングだけでマウスポインタを正確に移動・クリックできる高速ナビゲーション機能です。

ブラウザの拡張機能(Vimium や Surfingkeys 等)の快適さを、Windows のデスクトップ全体(エディタ、Office、ブラウザ、各種ツール、リモートデスクトップ)へシームレスに拡張します。


3つのヒントモード

fjFlow は、操作するアプリケーションや場面に合わせて最適な3つの検出モードを提供しています。

モード コマンド / ショートカット 検出方式 最適な利用シーン
UIA ヒント (標準) {HintClickAll} (Space + m)
{HintAll} (Space + <m> 長押し / Space + ha)
UI Automation API 一般的なWindowsアプリ、VS Code、Chrome/Edge、Office等
均一グリッドヒント {HintGrid} (Space + hg) 幾何学的等分割 Canvas描画アプリ、リモートデスクトップ、画像閲覧、ゲーム画面等
CV ビジョンヒント {HintVision} (Space + hv) Computer Vision / UIED UIA非対応の特殊アプリ、Web上の画像ボタン、レガシーツール等

専用フィルタヒント

要素タイプを絞り込んで素早く操作するための専用コマンドも用意されています:

  • {HintInput} (Space + hi): 入力欄(テキストボックス・検索バー・エディタエリア)のみを抽出
  • {HintButton} (Space + hb): ボタン・チェックボックス・ラジオボタンのみを抽出
  • {HintLink} (Space + hl): ハイパーリンクのみを抽出
  • {HintSelect} (Space + hs): ドロップダウンリスト・コンボボックスのみを抽出

基本的な操作フロー

flowchart LR
    A["ショートカット打鍵<br>(例: Space + m)"] --> B["ヒントバッジ表示<br>(画面上に aa〜zz)"]
    B --> C["2文字タイピング<br>(例: 'ab')"]
    C --> D{"モード判定"}
    D -- "HintClickAll" --> E["即座に左クリック成立!<br>(波紋アニメーション)"]
    D -- "HintAll / Grid / Vision" --> F["ポインタ移動 +<br>操作ガイド表示"]
    F --> G["アクションキー打鍵<br>(j/k/Space等)"]

1. ヒントの起動

  • Space + m: 画面上の全UI要素にヒントを表示し、2文字決定で即座に左クリックします(最速モード)。
  • Space + <m>(長押し)または Space + ha: 画面上の全UI要素にヒントを表示し、決定後にポインタ移動+操作ガイドを表示します。

2. ヒントの決定

  • 目的のボタンやリンクの上に表示されている2文字のアルファベット(例: ab)をそのままタイピングします。
  • 1文字入力すると、該当する候補以外が自動的にフィルタリング(半透明化)され、目的の要素がハイライトされます。
  • 間違えた場合は Backspace または Space + f(Delete)で1文字消去、Esc または Space + x でいつでもキャンセルできます。

ポインタ移動後のアクション操作ガイド

{HintAll}、{HintGrid}、{HintVision} でヒントを決定した直後、マウスポインタの周囲に直感的な操作ガイドリングが表示されます。

キー アクション 説明
j または f 左クリック 通常のクリックを実行
<j> (長押し) ダブルクリック ファイルや単語のダブルクリック選択
k 右クリック コンテキストメニューの表示
<k> (長押し) 右ダブルクリック 特殊操作用
Space 拡大鏡グリッド起動 カーソル周辺を4倍拡大して超精密クリック
m ヒント再スキャン ガイドを閉じてヒントを再表示
Esc / その他のキー ガイド解除 ポインタ位置を維持したままガイドを閉じる

クリック時の波紋アニメーション (Ripple)

クリックアクション(j や k)を実行した瞬間、操作ガイドが即座に消去され、クリック位置に鮮やかな波紋アニメーション(左クリック: 青 / 右クリック: 赤)が広がります。意図した位置が確実にクリックされたことを視覚的にフィードバックします。


スペースキーによる「拡大鏡グリッド」 (Zoom Grid)

密集した小さなリンクや、微小なチェックボックス、アイコンなど、通常スキャンでは狙いにくい微細なターゲットに対して威力を発揮する機能です。

  1. 操作ガイド表示中に Space キーを押します。
  2. カーソル周辺領域を 4倍に拡大した拡大鏡ウィンドウ が、視界を遮らない最適な位置(ポインタと重ならない画面上部または下部)にポップアップします。
  3. 拡大ウィンドウ内には 5×5 のアルファベットグリッド(a〜y) がオーバーレイ表示されます。
  4. 目的の位置に対応する 1文字 を押すだけで、そのピンポイント中心へ正確にカーソルが移動し、即座にクリックが実行されます。

クリック履歴ジャンプ (Mouse History)

  • コマンド: {MouseHistory} (Space + mh)
  • UIヒント経由でクリックした座標や、通常の重要クリック座標は自動的に履歴スタックに記録されます。
  • Space + mh を押すと、過去のクリック位置にバッジ(🅰〜🆉)が一覧表示され、1文字打鍵するだけで過去の操作ポイントへ瞬時に戻って再操作できます。

設定とカスタマイズ

fjFlow 設定画面の 「UIヒント / マウス設定」 タブより、以下の調整が可能です:

  • ヒントタイムアウト時間: ヒント表示後に何秒間無打鍵で自動キャンセルするか(デフォルト: 3.0秒)。
  • ヒントバッジの配色: 通常要素、入力欄、CV要素ごとの背景色・文字色・透明度・フォントサイズ。
  • CV検出感度: Computer Vision 検出のしきい値調整(1〜20段階)。
  • 波紋アニメーションのON/OFF: クリックフィードバックの視覚効果の切り替え。