Closed keitakn closed 1 year ago
https://github.com/commew/timelogger-web/issues/7
https://github.com/commew/timelogger-web/issues/7 の完了の定義にある「Storybook上からAPIの通信をMock出来るようになっている事」に関しては別PRで対応します。
以下を参考にStorybookの環境を構築しました。
https://storybook.js.org/docs/react/get-started/install
基本的には npx sb init で生成された設定ファイルをベースに以下の2つのPluginを追加してあります。 (storybook公式の eslint-plugin-storybook も設定されています。)
npx sb init
eslint-plugin-storybook
@storybook/addon-a11y
storybook-addon-next
情報共有の為、レビュアーに設定させて頂いております。
しばらくは開発が出来る状態までプロジェクトを整備している状況です。
お時間がありましたら、目を通して頂く程度の温度感で問題ありません。
※ 初期構築が完了した時点でフロントエンドメンバーには別途説明会の機会を作らせて頂きます。
特になし
The latest updates on your projects. Learn more about Vercel for Git ↗︎
issueURL
https://github.com/commew/timelogger-web/issues/7
この PR で対応する範囲 / この PR で対応しない範囲
https://github.com/commew/timelogger-web/issues/7 の完了の定義にある「Storybook上からAPIの通信をMock出来るようになっている事」に関しては別PRで対応します。
Storybook の URL、 スクリーンショット
変更点概要
以下を参考にStorybookの環境を構築しました。
https://storybook.js.org/docs/react/get-started/install
基本的には
npx sb init
で生成された設定ファイルをベースに以下の2つのPluginを追加してあります。 (storybook公式のeslint-plugin-storybook
も設定されています。)@storybook/addon-a11y
(Componentのアクセシビリティ上の問題点を検出してくれるPlugin)storybook-addon-next
(Next.jsのImageやLinkなどをStorybook上のデバッグが可能になるPlugin)レビュアーに重点的にチェックして欲しい点
レビューについて
情報共有の為、レビュアーに設定させて頂いております。
しばらくは開発が出来る状態までプロジェクトを整備している状況です。
お時間がありましたら、目を通して頂く程度の温度感で問題ありません。
※ 初期構築が完了した時点でフロントエンドメンバーには別途説明会の機会を作らせて頂きます。
補足情報
特になし