snaka

<h2 id="%E3%81%BE%E3%81%88%E3%81%8C%E3%81%8D" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%88%E3%81%8C%E3%81%8D" aria-hidden="true"></a> まえがき</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">個人的にサッと図を書きたいときに draw.io の VS Code extention を利用して図を描いている</li>
<li data-line="3" class="code-line">draw.io で作成した図は <code>.drawio.svg</code> 形式で保存するといろいろ便利なのだけど、それほど認知されていないような気がしている</li>
<li data-line="4" class="code-line">どのように便利なのか具体例を挙げて、認知を広げておきたい</li>
</ul>


<h2 id="svg%E3%81%AA%E3%81%AE%E3%81%A7-notion-%E3%82%84-github-%E3%81%AE-pull-request-%2F-issue-%E3%81%AB%E8%B2%BC%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B" data-line="0" class="code-line">
<a class="header-anchor-link" href="#svg%E3%81%AA%E3%81%AE%E3%81%A7-notion-%E3%82%84-github-%E3%81%AE-pull-request-%2F-issue-%E3%81%AB%E8%B2%BC%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B" aria-hidden="true"></a> SVGなので Notion や GitHub の Pull Request / Issue に貼ることができる</h2>
<p data-line="2" class="code-line">(TBD)</p>


<h2 id="svg%E3%81%AA%E3%81%AE%E3%81%A7-github-%E4%B8%8A%E3%81%A7%E8%A6%96%E8%A6%9A%E7%9A%84%E3%81%AB%E5%B7%AE%E5%88%86%E3%81%8C%E7%A2%BA%E8%AA%8D%E3%81%A7%E3%81%8D%E3%82%8B" data-line="0" class="code-line">
<a class="header-anchor-link" href="#svg%E3%81%AA%E3%81%AE%E3%81%A7-github-%E4%B8%8A%E3%81%A7%E8%A6%96%E8%A6%9A%E7%9A%84%E3%81%AB%E5%B7%AE%E5%88%86%E3%81%8C%E7%A2%BA%E8%AA%8D%E3%81%A7%E3%81%8D%E3%82%8B" aria-hidden="true"></a> SVGなので GitHub 上で視覚的に差分が確認できる</h2>
<p data-line="2" class="code-line">(TBD)</p>


<h2 id="notion-%E7%94%A8%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5%E3%82%92%E4%BD%BF%E3%81%86%E3%81%A8-notion-%E4%B8%8A%E3%81%A7%E7%B7%A8%E9%9B%86%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%AA%E3%82%8B" data-line="0" class="code-line">
<a class="header-anchor-link" href="#notion-%E7%94%A8%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5%E3%82%92%E4%BD%BF%E3%81%86%E3%81%A8-notion-%E4%B8%8A%E3%81%A7%E7%B7%A8%E9%9B%86%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%AA%E3%82%8B" aria-hidden="true"></a> Notion 用ブラウザ拡張を使うと Notion 上で編集が可能になる</h2>
<p data-line="2" class="code-line">(TBD)</p>


<h2 id="%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%97%E3%81%A6%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E7%B7%A8%E9%9B%86%E3%81%97%E5%86%8D%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%82%82%E3%81%A7%E3%81%8D%E3%82%8B" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%97%E3%81%A6%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E7%B7%A8%E9%9B%86%E3%81%97%E5%86%8D%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%82%82%E3%81%A7%E3%81%8D%E3%82%8B" aria-hidden="true"></a> ファイルダウンロードしてローカルで編集し再アップロードもできる</h2>
<p data-line="2" class="code-line">(TBD)</p>
