Storybook を使った開発の体験を爆上げする VS Code 拡張機能「Storybook Opener」を作った話 by Yugo Yagita

フロントエンドカンファレンス北海道2024
レギュラートーク(20分)
初登壇

Storybook を使った開発の体験を爆上げする VS Code 拡張機能「Storybook Opener」を作った話

ygkn35034 Yugo Yagita ygkn35034
7

Webフロントエンド開発のレビューやテストにおいてUIをコンポーネント単位で表示、実行できるStorybookは大変便利です。

この発表では、 エディタで開いたファイルからブラウザ上のStorybookを素早く開くことができるVS Code拡張機能「Storybook Opener」について、以下の内容などを紹介します

  • 「Storybook Opener」を開発した経緯
  • 初めてVS Code拡張機能を開発した中でどのように実現方法を探り知見を得たか
  • 開発してどうだったか
    • レビューや実装など、作業が効率的になった
    • 900以上インストールされた
    • Storybookの内部がちょっとわかるようになり、アップデートを追えるようになったり Storybookや他OSSのコントリビュートにも繋がったりした