storybookに入門した

1 min read読了の目安(約500字

とりあえずチュートリアルをやっている。

https://storybook.js.org/tutorials/intro-to-storybook/react/ja/get-started/

途中で出てきた以下のコマンドがよくわからなかったので調べたメモ。

# Storybook を追加する:
npx -p @storybook/cli sb init

npxはnode package executeというもので、node packageのコマンドを実行するもの。特徴的なところはnode registryからpackageをlocalにisntallすることなく、実行できるところ。
npx を使うときは基本コマンドを選択できないようで、パッケージにコマンドが複数あって選択する場合は-pオプションを使ってパッケージを指定する。

というわけで、上記のコマンドは、npm packageのstorybook/cliのコマンドsb initを実行している。

sb initコマンドについては以下に書かれていて、プロジェクトでstory bookをinstallするコマンド。

https://storybook.js.org/docs/react/get-started/install