knaka Tech-Blog

<h3 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h3>
<p>SvelteKitアプリのアップデート内容メモとなります。MD対応todoの内容です</p>
<ul>
<li>詳細画面を、通常の別画面に遷移してましたが、modal (モーダル)表示に変えてみました</li>
<li>bootstrap5,  .modal-fullscreen を使うと、全画面にできましたので、試してみました。</li>
</ul>
<hr>
<h3 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h3>
<ul>
<li>Svelte 4</li>
<li>SvelteKit: 1.20.4</li>
</ul>
<hr>
<h3 id="%E5%8F%82%E8%80%83%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> 参考のコード</h3>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5a42ac1d15009" src="https://embed.zenn.studio/card#zenn-embedded__5a42ac1d15009" data-content="https%3A%2F%2Fgithub.com%2Fkuc-arc-f%2Fkit1_22app" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/kuc-arc-f/kit1_22app" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/kuc-arc-f/kit1_22app</a></p>


<hr>
<h3 id="%E5%8F%82%E8%80%83%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88" aria-hidden="true"></a> 参考のレイアウト</h3>
<p><img src="https://storage.googleapis.com/zenn-user-upload/caadf1a4af43-20230716.png" alt loading="lazy" class="md-img"></p>
<hr>
<ul>
<li>全画面なので、共通ヘッダ見えなくなりましたが。。シンプルな画面表示できました</li>
</ul>
