この記事は公開されてから1年以上経過しており、最新の内容に追従できていない可能性があります。
目次
これはなに
- Trie木で正規表現を作る | tools.gomiba.co
- 入力したテキストにマッチする正規表現を作成できる
- 単純な選択で並べたものよりも低コストな正規表現になる
なぜつくったのか
- 以前やったこれを思い出し、ブラウザ上でシュッとできないかな〜と
- （なにかの文字列をみて）こういうのにマッチさせる正規表現どうかいたらいいんだ！みたいな状況がたまにあるのでそれのヒントに使いたい
どうやってつくったのか
- 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;
}