いろいろ備忘録日記

主に .NET とか Go とか Flutter とか Python絡みのメモを公開しています。

正規表現を視覚化して表示してくれるサービス (regex-vis)

概要

これは便利ですねー。忘れないうちにメモメモ。。。

regex-vis.com

kachibito.net

こんな感じで表示されます。

Dockerfile

ついでなので、コンテナで起動するための Dockerfile 。

# syntax=docker/dockerfile:1-labs 
FROM node:lts-bullseye

WORKDIR /workspace 

RUN <<EOF 
        curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm 
EOF 

COPY . . 

RUN <<EOF 
        pnpm install 
EOF 

CMD [ "pnpm", "start" ]

これを、regex-vis のリポジトリを git clone した場所に配置。

Makefile

んで、以下のようなMakefileを用意。

build: 
        DOCKER_BUILDKIT=1 docker image build -t regex-vis -f Dockerfile ${PWD} 
run: 
        docker container run -dit --init --rm --name regex-vis -p 3333:3000 regex-vis 
stop: 
        docker container stop regex-vis 
delete: 
        docker image rm regex-vis

後は

$ make build run

ってすると起動してくれます。


過去の記事については、以下のページからご参照下さい。

サンプルコードは、以下の場所で公開しています。