Skip to content

Commit 58431a4

Browse files
Merge pull request #8 from zenn-dev/update
ドキュメント更新: zenn-editorとzenn-cliのガイド改善
2 parents 6852841 + 081f5fe commit 58431a4

File tree

2 files changed

+25
-8
lines changed

2 files changed

+25
-8
lines changed

docs/guides/zenn-editor/index.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,14 @@ pnpm のインストールには corepack を使用することを推奨しま
2424
corepack を使用しない場合は、corepack の[インストール方法](https://pnpm.io/ja/installation)を参照してインストールしてください。
2525
:::
2626

27-
2827
同様に、テストやビルドもプロジェクトのルートで `pnpm test``pnpm build` を実行することで、`./packages` にある全てのプロジェクトに対して行うことができます。これは依存するモジュールに対するテストや動作確認をしたい時に便利です。
2928

29+
AIコーディングエージェント向けのファイル管理には[rulesync](https://github.com/dyoshikawa/rulesync)を使用しています。次のコマンドを実行することで、主要なAIコーディングエージェントに対応した設定ファイルが生成されます。
30+
31+
```bash
32+
npx rulesync generate
33+
```
34+
3035
## ブランチ
3136

3237
- `canary`: 開発用のブランチです。新しいブランチを作る場合は、`canary`ブランチから作成します。`canary`の最新は `X.Y.Z-alpha.0` のようなバージョン指定または `@canary` でインストールすることができます。
@@ -72,3 +77,8 @@ zenn-editor では、ビルドやテストなどを実行する時に使用し
7277
[lerna](https://lerna.js.org/) から `version``publish` 機能だけを抜き出したバージョン管理ツールです。
7378
基本的な使い方は lerna と一緒ですが、多くの Monorepo 機能はデフォルトでは含まれていないことに注意してください。
7479
zenn-editor では、workspace をリリースする際に使用しています。
80+
81+
## 動作確認
82+
83+
- `zenn-cli``zenn-content-css` `zenn-embed-elements` `zenn-markdown-html` `zenn-model` に依存しているため、 `zenn-cli` の動作確認をすることで、これらのパッケージの動作確認も行うことができます。
84+
- `zenn-cli` の動作確認方法は [zenn-cli](./zenn-cli.md) を参照してください。

docs/guides/zenn-editor/zenn-cli.md

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,22 +26,29 @@ zenn-cli は記事や本のテンプレートを作成するコマンドツー
2626

2727
### その他のコマンドを開発環境で動かす
2828

29-
`pnpm build` でビルドを実行したうえで、`pnpm exec:zenn **` コマンドを実行します。
29+
`pnpm build` でビルドを実行したうえで、`pnpm -C ./packages/zenn-cli exec:zenn **` コマンドを実行します。
3030

3131
```shell
32+
# すべてプロジェクトルートで実行
3233
$ pnpm build
33-
$ pnpm exec:zenn # = npx zenn
34-
$ pnpm exec:zenn preview # = npx zenn preview (.mdの変更に伴うホットリロードも有効になります)
35-
$ pnpm exec:zenn new:article --slug foo-bar-baz-qux # = npx zenn new:article --slug foo-bar-baz-qux
36-
$ pnpm exec:zenn new:book --slug foo-bar-baz-qux # = npx zenn new:book --slug foo-bar-baz-qux
37-
$ pnpm exec:zenn --help # = npx zenn --help
34+
$ pnpm -C ./packages/zenn-cli exec:zenn # = npx zenn
35+
$ pnpm -C ./packages/zenn-cli exec:zenn preview # = npx zenn preview (.mdの変更に伴うホットリロードも有効になります)
36+
$ pnpm -C ./packages/zenn-cli exec:zenn new:article --slug foo-bar-baz-qux # = npx zenn new:article --slug foo-bar-baz-qux
37+
$ pnpm -C ./packages/zenn-cli exec:zenn new:book --slug foo-bar-baz-qux # = npx zenn new:book --slug foo-bar-baz-qux
38+
$ pnpm -C ./packages/zenn-cli exec:zenn --help # = npx zenn --help
3839
```
3940

4041
### 環境変数を設定する
4142

4243
zenn-cli ではビルドに必要な情報の一部を環境変数で設定します。
4344
開発中に全ての機能を使いたい場合は、`./packages/zenn-cli/.env` ファイルを作成し以下のように設定します。
4445

46+
```bash
47+
cp ./packages/zenn-cli/.env.example ./packages/zenn-cli/.env
48+
```
49+
50+
内容は以下のようになります。
51+
4552
```bash
4653
# 埋め込みサーバーのオリジン(viteにも対応するために`VITE_`をつけてます)
4754
VITE_EMBED_SERVER_ORIGIN="https://embed.zenn.studio"
@@ -61,7 +68,7 @@ $ pnpm build
6168

6269
### webpackの使用について
6370

64-
zenn-cli では、依存関係(package.json の dependencies)を無くすため [webpack](https://webpack.js.org) でバンドルしたファイルをリリースしています。
71+
zenn-cli では、依存関係(package.json の dependencies)を無くすため [webpack](https://webpack.js.org)互換の[rspack](https://rspack.rs/)でバンドルしたファイルをリリースしています。
6572

6673
依存関係を無くす理由は以下の通りです。
6774

0 commit comments

Comments
 (0)