<h1 id="type" data-line="0" class="code-line">
<a class="header-anchor-link" href="#type" aria-hidden="true"></a> type</h1>
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">拡張できる</li>
<li data-line="2" class="code-line">カスタムがあれこれutil typeででき、いじることが得意</li>
<li data-line="3" class="code-line">フィールド自体を定義できる</li>
</ul>
<h1 id="interfeace" data-line="5" class="code-line">
<a class="header-anchor-link" href="#interfeace" aria-hidden="true"></a> interfeace</h1>
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">拡張がmergeやextendsによって自由にできる</li>
<li data-line="7" class="code-line">それゆえに、定義の管理が迷子になりやすい</li>
<li data-line="8" class="code-line">がパッケージやプラグインの機能をそのまま拡張して独自のフィールドなどを定義したい場合にはそのままmergeして型を支えるため、便利</li>
<li data-line="9" class="code-line">エラーにInterfeceの名前が表示されるためデバッグしやすい</li>
<li data-line="10" class="code-line">オブジェクトのみの定義が可能</li>
</ul>
<h2 id="%E7%B5%90%E5%B1%80" data-line="13" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%90%E5%B1%80" aria-hidden="true"></a> 結局</h2>
<p data-line="14" class="code-line">reactなどのPropsではいじったり頻繁に拡張しないからTypeがいいきがする<br>
パッケージみたいな実装を作る時はその呼び出し側の使いやすさ的にもデバッグしやすいしそのまま拡張できるInterfaceが吉</p>


typescriptでtypeとintefaceの違いをふと忘れた君へ（箇条書きでお伝え）(更新していきます。)

type

interfeace

結局

Discussion