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アプリのアップデート内容メモとなります。タスク管理の内容です</p>
<ul>
<li>mermaid.jsで、ガントチャート画面追加(試作)</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>mermaid.js: 10.2.4</li>
<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__7d6d59e359d9d" src="https://embed.zenn.studio/card#zenn-embedded__7d6d59e359d9d" 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>
<ul>
<li>ガントチャート、タスク単位</li>
<li>db設計 未修正の為、開始がプロジェクト作成日で、後日 DB修正の予定です</li>
</ul>
<hr>
<p><img src="https://storage.googleapis.com/zenn-user-upload/06726ebf91e5-20230716.png" alt loading="lazy" class="md-img"></p>


<hr>
<ul>
<li>参考の、初期表示(グリッド風)</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/948b54398457-20230716.png" alt loading="lazy" class="md-img"></p>
