<p data-line="0" class="code-line">やりたいこと</p>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">テスト(Storybook)</li>
<li data-line="3" class="code-line">
<s>PPR(Next.js beta)</s> staticだけなので不要
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">Suspense</li>
</ul>
</li>
<li data-line="5" class="code-line">ci
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">knip</li>
<li data-line="7" class="code-line">github actions</li>
</ul>
</li>
<li data-line="8" class="code-line">コンポーネント設計
<ul data-line="9" class="code-line">
<li data-line="9" class="code-line">atomic design
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">atom 単一のhtmlタグ、html属性全てをpropsに持つ</li>
<li data-line="11" class="code-line">molecules ドメインを持たない</li>
<li data-line="12" class="code-line">orgarinms ドメインに依存する</li>
<li data-line="13" class="code-line">app APIを叩ける</li>
</ul>
</li>
<li data-line="14" class="code-line">ui stateをcssに寄せる
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">tailwindの廃止</li>
<li data-line="16" class="code-line">css module？</li>
</ul>
</li>
</ul>
</li>
</ul>


<ol data-line="0" class="code-line">
<li data-line="0" class="code-line">テスト
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">テストの学習</li>
<li data-line="2" class="code-line">コンポーネントテストが不十分</li>
</ul>
</li>
<li data-line="3" class="code-line">再設計
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">モダンCSSの学習</li>
<li data-line="5" class="code-line">複雑な設計の解消</li>
<li data-line="6" class="code-line">再利用と凝縮性を確保したアーキテクチャ</li>
</ul>
</li>
<li data-line="7" class="code-line">最新のFE技術
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">PPR</li>
<li data-line="9" class="code-line">React19</li>
<li data-line="10" class="code-line">Suspense</li>
</ul>
</li>
</ol>
