2019Reactのプロジェクトで作業をしているとコンポーネントクラスを毎回コピペで作るのが辛くなってきます。(Reactに限った話ではないですが)コードジェネレータでワン・コマンドで作れないかなーと思って探してみるとありました。project.これを使うとテンプレートを記述しておけば簡単にコンポーネントの雛形を作ってくれます。hygen生成したいファイルコンポーネントの他にもstorybook用のstoriesファイルも生成したいです。拡張子の末尾に.tがつくのがテンプレートファイルです。%>と書くとパラメータを挿入することができます。%>;コンポーネント名などの値はprompt.jsで入力フォームみたいなものを作ることができます。designのディレクトリとコンポーネント名を入力することができます。質問の形式はenquirerに使えるものが揃っています。"list"を使いたかったのですが、choicesを設定しても選択肢が出ませんでした。不具合なのかわからないですが、とりあえずissueだけ立てておきました。誰か反応してくれることを期待しています。jondot/hygenパラメータにバリデーションを加えるvalidate関数を定義すればバリデーションを加えることができます。inputを返してくれます。input挿入したパラメータをいじる入力した値をhoge-hogeからHogeHogeのようにキャメルケースに変換したいことがあると思います。そんなときはヘルパー関数を使えます。使えるchangeCase関数のリストはchange-caseというパッケージにあります。%>">{children}</div>")ヘルパー関数は自分で定義することもできます。設定ファイル.hygen.jsにヘルパー関数を定義します。}}テンプレートではh.myHelperで呼び出せます。%>実行してファイルを生成する実行するとprompt.jsで設定した質問事項が聞かれるので、入力するとファイルが生成されます。src/components/atoms/Hoge.stories.tsx_templatesフォルダを任意の名前にしたい.hygen.jsという名前の設定ファイルをトップディレクトリに配置できます。.hygen/というフォルダをテンプレートフォルダにしてみます。`${__dirname}/.hygen`};ソースコードこちらにソースコードを置いておきました。kwst.site.。