Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MagicSearchNew to Visual Studio Code? Get it now.
MagicSearch

MagicSearch

Roki

| (0) | Free
multi search and highlight tool for VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MagicSearch

VSCode用の高機能マルチ検索・ハイライトツール

複数の検索条件を同時に実行し、それぞれ異なる色でハイライト表示できる検索拡張機能です。

✨ 主な機能

🔍 マルチ検索

  • 複数の検索条件を同時実行
  • 異なる色で各検索条件をハイライト
  • リアルタイム検索: ファイル編集時に検索結果を自動更新
  • 高速レスポンスとメモリ効率の最適化

🎯 クイック検索

  • 右クリック検索: テキスト選択→右クリック→「Start Magic Search」
  • コマンドパレット: Ctrl+Shift+P → 「MagicSearch: Start Magic Search」
  • 自動セクション追加と即座に検索開始

🎨 ハイライト機能

  • カスタム色設定: 各検索条件に任意の色を指定
  • 全ファイル対応: 開いているすべてのファイルでハイライト
  • 状態保持: タブ切り替え後も検索状態を維持
  • 自動更新: コード編集中もハイライトと検索結果をリアルタイム更新

🔄 置換機能

  • 一件置換: 現在フォーカスの単語を置換
  • 全件置換: 検索結果をすべて一括置換
  • ファイル横断: 複数ファイルでの一括置換

🚀 使い方

基本的な検索

  1. サイドバーのMagicSearchアイコンをクリック
  2. 検索ボックスに検索したい文字列を入力
  3. 🔍ボタンまたはEnterキーで検索実行
  4. ↑↓ボタンで検索結果間を移動

右クリック検索(推奨)

  1. エディタ上でテキストを選択
  2. 右クリック→「Start Magic Search」
  3. 新しいセクションが追加され、即座に検索開始
  4. ランダムな色でハイライト表示

マルチ検索

  1. +ボタンで新しい検索セクションを追加
  2. 各セクションで異なる検索条件を設定
  3. 異なる色でそれぞれハイライト表示

置換操作

  1. ⮟ボタンで置換UIを表示
  2. 置換テキストを入力
  3. 一件置換または全件置換を実行

🔧 検索オプション

ボタン 機能 説明
Aa Case Sensitive 大文字小文字を区別
[ab] Whole Word 単語境界での完全一致
.* Regular Expression 正規表現での検索
▼ Replace 置換機能
三 Range Search 選択範囲内での検索
📄 Tabs Only タブ表示ファイルのみで検索(高速)
🌐 Project Mode プロジェクト全体で検索

📁 ファイルフィルタリング

Include/Exclude パターン

  • Include: *.ts,*.js - 特定のファイルのみ検索
  • Exclude: node_modules,dist - 特定のファイル/フォルダを除外
  • Enterキーでフィルターを適用

推奨パターン

Include: *.ts,*.tsx,*.js,*.jsx
Exclude: node_modules,dist,build,coverage,.git

🔄 リアルタイム検索

MagicSearchは、ファイル編集中に検索結果を自動的に更新します。

動作例

  1. 「break」というキーワードで検索実行
  2. エディタで新しく「break」を追加
  3. 自動的に検索結果が更新され、新しい行がハイライト表示

特徴

  • デバウンス処理: 500ms待機して無駄な検索を削減
  • メモリ効率: 変更があったファイルのみ再検索
  • バックグラウンド動作: 編集作業を妨げない軽量設計

⌨️ キーボードショートカット

  • Enter: 検索実行(ハイライトのみ)
  • 置換ボックスでEnter: 一件置換を実行
  • フィルターボックスでEnter: フィルターを適用して検索

🎯 よくある使用シーン

コードレビュー

  • 変数や関数名を選択して右クリック検索
  • 複数の要素を同時に色分けでハイライト

デバッグ作業

  • エラーメッセージを選択して関連箇所を特定
  • ログレベルを同時検索

リファクタリング

  • 変更対象の要素を検索して影響範囲を確認
  • 一括置換で効率的な名前変更

API探索

  • メソッド名を選択して使用箇所を確認
  • ライブラリの機能を横断検索

💡 パフォーマンスのコツ

リアルタイム検索の最適化

  • デバウンス: ファイル編集後500ms待機してから再検索
  • 差分更新: マッチ数が変化した場合のみUI更新
  • ドキュメントキャッシュ: 同じファイルの重複読み込みを回避
  • バッチ処理: 複数ファイルを効率的に並列処理

大規模プロジェクト

  • 📄タブファイルのみモードを使用(デフォルト)
  • Include/Excludeパターンを積極活用
  • リアルタイム検索は開いているファイルのみ対象

推奨設定

  • 小規模(<500ファイル): 🌐プロジェクト全体でOK
  • 中規模(500-2,000ファイル): 📄タブのみ + Excludeパターン
  • 大規模(>2,000ファイル): 📄タブのみ + Include/Exclude両方

🔗 インストール

  1. VSCodeの拡張機能マーケットプレースで「MagicSearch」を検索
  2. インストールをクリック
  3. VSCodeを再起動(必要に応じて)

MagicSearchで効率的な検索体験を! 🚀

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft