MarkdownをHTMLに変換

<h1>チームの週次レポート</h1>
<p>今週の進捗を <strong>Markdown</strong> でまとめました。</p>
<blockquote>
<p>大切なポイント：小さく試して、早く改善する。</p>
</blockquote>
<h2>今週のタスク</h2>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> デザインレビュー</li>
<li class="task-list-item"><input type="checkbox" checked disabled> HTML変換のテスト</li>
<li class="task-list-item"><input type="checkbox" disabled> 公開前チェック</li>
</ul>
<h2>書式サンプル</h2>
<ul>
<li><strong>太字</strong> と <em>斜体</em></li>
<li><del>旧い予定：金曜日に公開</del></li>
<li><u>重要：公開前に最終チェックを行う</u></li>
<li><code>npm run build</code> で動作確認</li>
<li><a href="/markdown-to-html/guide">使い方ガイド</a></li>
</ul>
<h2>リストと改行</h2>
<ol>
<li>Markdownを入力</li>
<li>HTMLを確認
<ul>
<li>プレビュー</li>
<li>ソース表示</li>
</ul>
</li>
<li>コピーまたは保存</li>
</ol>
<p>行末にバックスラッシュを置くと、<br>
同じ段落内で改行できます。</p>
<h2>画像と補足</h2>
<p><img src="https://images.unsplash.com/photo-1563421309433-81f06ce9a12d?fm=jpg&#x26;q=60&#x26;w=3000&#x26;auto=format&#x26;fit=crop&#x26;ixlib=rb-4.1.0&#x26;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="ネットワーク画像" title="画像サンプル"></p>
<p>脚注付きの文章です<sup><a href="#user-content-fn-1" id="user-content-fnref-1" data-footnote-ref="" aria-describedby="footnote-label">1</a></sup>。</p>
<details>
<summary>補足を表示</summary>
追加情報を折りたたんで表示できます。
</details>
<h2>フローチャート</h2>
<pre><code class="language-mermaid">flowchart LR
  A[Markdownを入力] --> B{内容を確認}
  B -->|OK| C[HTMLを取得]
  B -->|修正| A
</code></pre>
<h2>数式</h2>
<p>インライン数式：<span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">E = mc^2</annotation></semantics></math></span></p>
<span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><munderover><mo>∑</mo><mrow><mi>k</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover><mi>k</mi><mo>=</mo><mfrac><mrow><mi>n</mi><mo stretchy="false">(</mo><mi>n</mi><mo>+</mo><mn>1</mn><mo stretchy="false">)</mo></mrow><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex">\sum_{k=1}^{n} k = \frac{n(n+1)}{2}</annotation></semantics></math></span>
<h2>進捗</h2>
<table><thead><tr><th>項目</th><th align="center">状態</th><th>担当</th></tr></thead><tbody><tr><td>変換機能</td><td align="center">完了</td><td>佐藤</td></tr><tr><td>モバイル表示</td><td align="center">確認中</td><td>鈴木</td></tr></tbody></table>
<p>コードも読みやすく変換できます。</p>
<pre><code class="language-bash">npm run build
</code></pre>
<section data-footnotes="" class="footnotes"><h2 class="sr-only">Footnotes</h2>
<ol>
<li id="user-content-fn-1">
<p>脚注の内容をここに記載します。 <a href="#user-content-fnref-1" data-footnote-backref="" aria-label="Back to reference 1" class="data-footnote-backref">↩</a></p>
</li>
</ol>
</section>