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 + D1 chatのアップデート内容になり。</p>
<ul>
<li>PWA　(Progressive web apps, PWA) 追加</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>
<li>D1</li>
<li>Vercel</li>
</ul>
<hr>
<h3 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h3>
<ul>
<li><a href="https://developer.mozilla.org/ja/docs/Web/Progressive_web_apps" target="_blank" rel="nofollow noopener noreferrer">https://developer.mozilla.org/ja/docs/Web/Progressive_web_apps</a></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__a2d452e56643e" src="https://embed.zenn.studio/card#zenn-embedded__a2d452e56643e" data-content="https%3A%2F%2Fgithub.com%2Fkuc-arc-f%2Fkit1_27chat_pub" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/kuc-arc-f/kit1_27chat_pub" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/kuc-arc-f/kit1_27chat_pub</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/d570e8a32e60-20230802.png" alt loading="lazy" class="md-img"></p>
<hr>
<ul>
<li>デスクトップ風に、できました。いい感じです</li>
</ul>
