🚀
npm scriptを活用してZennの記事作成を迅速に始めたい
はじめに
毎回Zenn記事を書き始めるときに同じ動作をしないといけないのがめんどくさいので npm script を利用して自動的に処理できるようにしました。
やること
私の運用では毎回記事毎にブランチを作成してそこで更新をしているので以下のアクションが必要になります。
- ブランチを作成
- Zenn CLIで新規記事を作成、Slugはブランチ名を指定
- 空コミットしてPush
- 作成した記事をVSCodeで開く
Script
出来上がったものはこちらです。
package.json
"scripts": {
"prenewarticle": "git switch -c %npm_config_name%",
"newarticle": "npx zenn new:article --slug %npm_config_name%",
"postnewarticle": "git commit -m \"First Commit\" --allow-empty && git push origin %npm_config_name% && code articles/%npm_config_name%.md"
}
コマンドは以下のように叩きます。
TERMINAL
npm run newarticle -name=<登録名>
Zenn CLIを利用して執筆記事のテンプレを作成するコマンドはこちらをご参照ください。
※登録名はSlugの命名規則に従います。
補足
pre- post-スクリプトについて
npm scriptを設定するとき、スクリプト名に preかpostを付与すると、対象スクリプトの前後に動作させるスクリプトを設定できます。
今回は、newarticleというスクリプトをメインにすえつつ、その前後にGitの操作を設定しています。
Discussion