まとめ

Storybook で最初の UI を作成しましたね。お疲れ様でした！ここまでの章で UI コンポーネントを作成し、複合させ、テストし、デプロイする方法を学びました。同じように進めていれば、リポジトリーとデプロイされた Storybook は以下のリンクと同じようになっていることでしょう。

📕 GitHub のリポジトリ: chromaui/learnstorybook-code

🌎 デプロイされた Storybook

Storybook は React、React Native、Vue、Angular、Svelte、その他のフレームワークにとって強力なツールです。開発者コミュニティーも活発でアドオンも充実しています。このチュートリアルで紹介した内容は、Storybook でできることのほんの一部にすぎません。一度 Storybook を導入すれば、強固な UI を効率的に作れることにきっと驚くことでしょう。

さらに学ぶには

もっと深く掘り下げたい方のために役に立つリソースを紹介します。

• Storybook の公式ドキュメントには API ドキュメント、コミュニティのリンク、アドオンのギャラリーがあります。

• 楽しい Storybook のワークフローでは Twilio、Adobe、Peloton、Shopify といった効率の良いチームにおけるワークフローのベストプラクティスを紹介しています。

• 視覚的なテストのハンドブック (Visual Testing Handbook)では、コンポーネントを Storybook で視覚的にテストする方法を掘り下げています。無料の 31 ページある eBook です。

• Storybook Discord では Storybook のコミュニティに参加できます。他の Storybook ユーザーと協力しましょう。

• Storybook ブログではリリース情報や、UI 開発のワークフローを合理的にするための機能を紹介します。

誰が Intro to Storybook チュートリアルを作成しているのでしょうか？

文書や、コード、製作は Chromatic の貢献によるものです。このチュートリアルは Chromatic の GraphQL + React tutorial series を参考にしています。

このようなチュートリアルや記事をさらに読みたい場合は、Storybook のメーリングリストに登録することをオススメします。