devtools-hub

Glob Pattern Tester

glob パターンのマッチングをリアルタイムで確認

BOOTHで見る(有料版)
CLIWeb開発開発ツール

* ** ? {} [] に対応した自前実装のグロブエンジンで、入力したファイルパスリストとパターンを即座に照合。マッチしたパスを緑でハイライト表示。ブレース展開や文字クラスも完全対応。

広告

Glob Pattern Tester

5 / 10 paths matched
src/index.ts
src/app/page.tsx
src/components/Header.tsx
src/components/Footer.tsx
src/utils/helper.js
src/utils/format.ts
tests/setup.ts
README.md
package.json
dist/bundle.js
Pattern Syntax
*スラッシュ以外の任意文字列
**スラッシュを含む任意文字列
?任意の1文字
{js,ts}ブレース展開(OR)
[abc]文字クラス
[a-z]文字範囲

Features

  • glob パターン入力(*, **, ?, {}, [])
  • ファイルパスリストを複数行で入力
  • マッチしたパスをリアルタイムでハイライト表示
  • マッチ数(X / N paths matched)を表示
  • パターン構文リファレンス内蔵

Desktop App

デスクトップ版を入手する

Web版にはない機能をデスクトップ版で追加しています。

  • テキストファイルからパスリストを読み込み
BOOTH で見る

globパターン入門 — *, **, ?, {}, [] の使い方

globパターンはファイルパスのワイルドカードマッチング構文です。gitignore・webpack・ESLint・vitest・VS CodeなどほぼすべてのCLIツールで使われており、「どのファイルを対象にするか」を一行で表現できます。

* と ** の違い

単一の*はスラッシュを含まない任意の文字列にマッチします。例えば*.tsはsrc/utils/format.tsにはマッチしますが、src/*.tsはトップレベルのsrc/直下のTSファイルにしかマッチしません。一方**(ダブルスター)はスラッシュを含む任意のパスにマッチします。src/**/*.tsはsrc/以下どの深さにあるTSファイルにもマッチするため、ディレクトリ構造を問わず対象にしたいときに使います。

ブレース展開 {a,b,c}

{ts,tsx}はtsまたはtsxのどちらかにマッチするOR条件です。**/*.{js,ts,jsx,tsx}のように複数の拡張子をまとめて指定できます。ブレース内はカンマ区切りで複数の候補を列挙でき、部分文字列として機能するため{test,spec}.tsのような使い方も可能です。多くのglob実装でサポートされていますが、一部のBashバージョンでは動作が異なります。

文字クラス [abc] と ? の使い方

[abc]は角括弧内の任意の1文字にマッチします。[a-z]のような範囲指定も使えます。?は任意の1文字(スラッシュ除く)にマッチします。例えばsrc/app?.tsはsrc/app1.tsやsrc/appA.tsにマッチします。実用頻度は*や**より低いですが、バージョン番号のような単一桁の違いを扱うときに便利です。

globパターンを使うツール一覧

gitignoreはglobパターンで追跡除外ファイルを指定します。webpackのentry・moduleRules・resolveは**/*.{ts,tsx}などのglob形式を受け取ります。ESLintのignorePatterns、vitestのinclude/exclude、GitHub Actionsのpaths/paths-ignoreもglobを使います。tsconfig.jsonのinclude/excludeもglobパターンで対象ファイルを絞れます。

広告

Related Tools

Meta Tag Generator

title / OGP / Twitter Card の meta タグを GUI で生成・コピー

SEOHTMLWeb開発

使ってみる →

BOOTH

URL Parser / Builder

URLを構成要素に分解・クエリパラメータをGUI編集して再構築

URLWeb開発開発者向け

使ってみる →

BOOTH

cURL to Code

cURL コマンドを fetch / axios / Python requests / HTTPie に変換

開発者向けAPIWeb開発

使ってみる →

BOOTH

このツールを共有する