Storybookはデザインや仕様が決まっていない状態でも作成出来ますか？
初めまして。初めて質問させて頂きます。
デザインや仕様が決まっていない状態でも、
Storybookは作成出来るものなのでしょうか？
もし詳しい方いれば、お伺いさせて頂けますと幸いです。
コメント
関連する記事
初めまして。川井健滉と申します。
私は2016年にこの業界に入り、それからノンストップで自己研鑽/技術研鑽に励んで来ました。
今年4月にフリーランスとして独立し、エージェントに案件をご....
SKILLS
AWS Python JavaScript Firebase Vue.js Docker Django Nuxt.js ServerlessTakeaki Kawaiさんの他の記事
Markdown記法の書き方
Markdownを使った書き方をご紹介します。
-
見出し
# 見出し1 ## 見出し2 ### 見出し3
見出し1
見出し2
見出し3
-
リスト
- 箇条書き - 箇条書き - 箇条書き- 箇条書き
- 箇条書き
- 箇条書き
-
番号付きリスト
1. 番号付き 1. 番号付き 1. 番号付き 1. 番号付き- 番号付き
- 番号付き
- 番号付き
- 番号付き
-
太字
**太字**
-
打ち消し線
~~打ち消し線~~
-
リンク
[リンク](https://...)
-
画像の埋め込み
-
コードの埋め込み
```php:filename.php コード ```
-
Markdownのエスケープ
\エスケープ
-
テーブル
| Left align | Right align | Center align | |:-----------------|------------------:|:------------------:| | column | column | column |
-
引用
> 引用
引用
© MENTA
結論から言うと出来ます。
https://storybook.js.org/
Storybookはあくまで作成したUIコンポーネントを一覧で表示し、
状態やデータによっての振る舞いの変化の確認、該当するコードの表示、作成したものを整理して構造をわかりやすくするためのものです。
拡張性が高いので簡単なモックアップやビジュアルテストなども可能ですが、
本質的にはコンポーネントを整理するために作られたツールです。
なので、デザインや仕様が決まっていなくても、
お決まりのUIはとりあえず暫定で作成することができると思います。
Atomic designで例えると、Atomに該当するボタン・ユーザーアイコン・チェックボックス・ラジオボタンなど、
そういったもののデザインはある程度予想がついたり、共通化していれば後から変更が入っても影響度が少ないので、
先に作っていき、デザインが確定してからブラッシュアップしていくこともできます。
デザインや仕様が確定してから作るのが手戻りが少なく一番理想なんですが、
そうも言ってられないスケジュールや、先にコーディングの構成を決めておきたい場合などあるので、
そういうときはコーディングを先行して進めることができるのでデザインや仕様の確定を待たずに、
Storybookでつくっていくことは可能です。
makkyさん
なるほど、大変参考になりました！！！
ありがとうございます!！！