トライ木をつかって正規表現を作るやつのブラウザ版を作った

これはなに

• Trie木で正規表現を作る | tools.gomiba.co
• 入力したテキストにマッチする正規表現を作成できる
  • 単純な選択で並べたものよりも低コストな正規表現になる

なぜつくったのか

• 以前やったこれを思い出し、ブラウザ上でシュッとできないかな〜と
  • Regexp::Trie を PHP に移植した
• （なにかの文字列をみて）こういうのにマッチさせる正規表現どうかいたらいいんだ！みたいな状況がたまにあるのでそれのヒントに使いたい

どうやってつくったのか

• trie-prefix-tree - npm
  • これで文字列からトライ木を作れる
• trie-regex - npm
  • これでトライ木から正規表現にしてくれる
• ツリービュー・コンポーネント — Vuetify
  • ツリー表示にこれを使った
  • <v-treeview ref="tv"></v-treeview> みたいにして Vue.nextTick(() => this.$refs.tv.updateAll(true)); すると開いた状態にできる
    • Vue.nextTickにしているのは内容を更新した直後にやっても開かないので待つ必要があった
  • TypeScriptのときこういうのがあると便利っぽいけどもしかして公式なtypesあるのかな

export interface TreeItem {
  id: string;
  name: string;
  children: TreeItem[] | null;
}