CkReal

<p>Next13でappディレクトリやsrcディレクトリを意識しておいた方がよさげなので、公式ドキュメントをちゃんと見たほうがよい<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__93283fd6a8e7d" src="https://embed.zenn.studio/card#zenn-embedded__93283fd6a8e7d" data-content="https%3A%2F%2Ftailwindcss.com%2Fdocs%2Fguides%2Fnextjs%23app-directory" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://tailwindcss.com/docs/guides/nextjs#app-directory" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://tailwindcss.com/docs/guides/nextjs#app-directory</a></p>


<p>Tailwindcssのチートシートはこの辺が参考になる<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__619a7924b0541" src="https://embed.zenn.studio/card#zenn-embedded__619a7924b0541" data-content="https%3A%2F%2Fnerdcave.com%2Ftailwind-cheat-sheet" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nerdcave.com/tailwind-cheat-sheet" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nerdcave.com/tailwind-cheat-sheet</a></p>


<p>Tailwindcssでセレクトメニューを実装するときの参考<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6a59b19fe8032" src="https://embed.zenn.studio/card#zenn-embedded__6a59b19fe8032" data-content="https%3A%2F%2Fflowbite.com%2Fdocs%2Fforms%2Fselect%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://flowbite.com/docs/forms/select/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://flowbite.com/docs/forms/select/</a></p>


<div class="code-block-container"><pre><code>型 'string' を型 'number' に割り当てることはできません。ts(2322)
index.d.ts(2411, 9): 予期された型は、型 'DetailedHTMLProps&lt;SelectHTMLAttributes&lt;HTMLSelectElement&gt;, HTMLSelectElement&gt;' に対してここで宣言されたプロパティ 'size' から取得されています
</code></pre></div><p>の対策<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__108b6e6c1db4f" src="https://embed.zenn.studio/card#zenn-embedded__108b6e6c1db4f" data-content="https%3A%2F%2Fstackoverflow.com%2Fquestions%2F72890224%2Fhow-can-i-set-size-for-the-tag-select-using-typescript-and-react" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://stackoverflow.com/questions/72890224/how-can-i-set-size-for-the-tag-select-using-typescript-and-react" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackoverflow.com/questions/72890224/how-can-i-set-size-for-the-tag-select-using-typescript-and-react</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f18d9c59e5b54" src="https://embed.zenn.studio/card#zenn-embedded__f18d9c59e5b54" data-content="https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FHTMLSelectElement" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.mozilla.org/ja/docs/Web/API/HTMLSelectElement" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.mozilla.org/ja/docs/Web/API/HTMLSelectElement</a></p>
