<p data-line="0" class="code-line">AstroでUIコンポーネント一覧を作成したいが、現状StorybookがAstroに対応していない。<br>
2022年に<a href="https://github.com/storybookjs/storybook/issues/18356" target="_blank" rel="nofollow noopener noreferrer">Issue</a>が経っているが、特に進展はなし。</p>
<h1 id="tsx%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92.astro%E3%81%A7%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95" data-line="3" class="code-line">
<a class="header-anchor-link" href="#tsx%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92.astro%E3%81%A7%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95" aria-hidden="true"></a> tsxファイルを.astroで読み込む方法</h1>
<p data-line="4" class="code-line">AstroでStorybookを使いたい場合、<br>
コンポーネントを.tsxで作成し、.astroと.stories.tsxでそのファイルを読み込むという形になる</p>


<h1 id="astro-container-api" data-line="0" class="code-line">
<a class="header-anchor-link" href="#astro-container-api" aria-hidden="true"></a> Astro Container API</h1>
<p data-line="1" class="code-line">AstroのStorybook的な機能がExperimentalで実装されつつある。<br>
<a href="https://docs.astro.build/en/reference/container-reference/" target="_blank" rel="nofollow noopener noreferrer">Astro Container API (experimental)</a></p>
<p data-line="4" class="code-line">しばらく待てばこの機能が使えるようになるかもしれない</p>


<h1 id="astrobook" data-line="0" class="code-line">
<a class="header-anchor-link" href="#astrobook" aria-hidden="true"></a> Astrobook</h1>
<p data-line="1" class="code-line">有志によって<a href="https://github.com/ocavue/astrobook" target="_blank" rel="nofollow noopener noreferrer">Astrobook</a>が作成されている。<br>
astroファイルでも簡易的なコンポーネント集の作成が可能</p>
