Zenn CLIのDockerfileとその使い方の紹介

Zenn CLIはNode.js製のZennのローカル編集をサポートするためのツールです¹²³。 ZennはGitHubリポジトリを連携してコンテンツを管理することができ⁴、そのコンテンツを作成、プレビューするのに用いられます。

このZenn CLIをPCにインストールせずにDockerから扱えるようにするために、Dockerfileを書いたのでその使い方を紹介します。

PCにZenn CLIをインストールしなくてよいので、Dockerさえインストールされていれば、Zenn CLIを使用することができます。 Node.jsをインストールする必要もありませんし、すでにインストールされているNode.jsのバージョンについて気にする必要もありません。

なお、私はZennの中の人ではないので、Zenn CLI本体についてはよくわかっていない部分もあります。

作成したもの

GitHub上で公開しています。

コマンドを毎回入力するのは面倒なのでシェルの入力保管に全力で頼っていますが、create-new.shやpreview.shとしてスクリプトを書いても同様に楽できるかと思います。

DockerがインストールされているPC上でTiryoh/docker-zenn-editorをダウンロードし、Dockerイメージを作成します。

$ git clone https://github.com/Tiryoh/docker-zenn-editor.git
$ cd docker-zenn-editor
$ docker build -t tiryoh/zenn:latest .

※Zenn CLIは頻繁にアップデートされているようです。Zenn CLIで何かうまく行かないことがあればDockerイメージを再作成してみてください。

基本的にはZenn公式のZenn CLIを使ってコンテンツを作成するで書かれているコマンドの npx zennをdocker run --rm -v $PWD:/work tiryoh/zennに読み替えて使用します。

$ docker run --rm -v $PWD:/work tiryoh/zenn new:article

PCで使用しているOSがUbuntu等Linuxの場合は、ファイルパーミッションの問題で保存できなくなってしまう場合があるのでオプションでユーザを指定します。

$ docker run --rm -u $(id -u):$(id -g) -v $PWD:/work tiryoh/zenn new:article

$ docker run --rm -p 8000:8000 -v $PWD:/work tiryoh/zenn

GitHubリポジトリはこちらです。 https://github.com/zenn-dev/zenn-editor ↩
Zenn CLIのインストール方法はこちらの公式記事に書かれています。 https://zenn.dev/zenn/articles/install-zenn-cli ↩
Zenn CLIの使用方法についてはこちらの公式記事に書かれています。 https://zenn.dev/zenn/articles/zenn-cli-guide ↩
2020年9月24日現在、GitHubと連携する機能についてはベータ版とのことです。 https://zenn.dev/zenn/articles/connect-to-github ↩

Share — X · Bluesky · はてブ ·