<h1 id="%E3%81%93%E3%81%A8%E3%81%AE%E7%99%BA%E7%AB%AF">
<a class="header-anchor-link" href="#%E3%81%93%E3%81%A8%E3%81%AE%E7%99%BA%E7%AB%AF" aria-hidden="true"></a> ことの発端</h1>
<p>お風呂に入っているときに、「github 用の拡張機能って、そういえばないの？？」って思ったのがきっかけです。<br>
（お風呂に入っているとアイデアとかよく浮かぶのは僕だけですか？？）</p>
<h2 id="%E2%96%A0-%E7%AD%86%E8%80%85%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<a class="header-anchor-link" href="#%E2%96%A0-%E7%AD%86%E8%80%85%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> ■ 筆者について</h2>
<ul>
<li>プログラミング勉強を初めて 3 ヶ月半</li>
<li>mac OS</li>
<li>食べ物は桃が好き</li>
</ul>
<h2 id="%E2%96%A0-%E5%8F%82%E8%80%83%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88">
<a class="header-anchor-link" href="#%E2%96%A0-%E5%8F%82%E8%80%83%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88" aria-hidden="true"></a> ■ 参考になったサイト</h2>
<p>今回紹介するもの以外にも色々あるので、ご自身に合ったものをお選びください！<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4650c38dc7bbe" src="https://embed.zenn.studio/card#zenn-embedded__4650c38dc7bbe" data-content="https%3A%2F%2Fwww.nxworld.net%2Fuseful-chrome-extensions-for-github.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.nxworld.net/useful-chrome-extensions-for-github.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.nxworld.net/useful-chrome-extensions-for-github.html</a></p>
<h2 id="%E2%96%A0-%E7%B5%90%E8%AB%96">
<a class="header-anchor-link" href="#%E2%96%A0-%E7%B5%90%E8%AB%96" aria-hidden="true"></a> ■ 結論</h2>
<h3 id="github-file-icon">
<a class="header-anchor-link" href="#github-file-icon" aria-hidden="true"></a> GitHub File Icon</h3>
<p>ファイルにアイコンをつけてくれる<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__04cef01db054e" src="https://embed.zenn.studio/card#zenn-embedded__04cef01db054e" data-content="https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Ffile-icons-for-github-and%2Fficfmibkjjnpogdcfhfokmihanoldbfe" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://chrome.google.com/webstore/detail/file-icons-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://chrome.google.com/webstore/detail/file-icons-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe</a></p>
<h3 id="octotree">
<a class="header-anchor-link" href="#octotree" aria-hidden="true"></a> Octotree</h3>
<p>サイドにディレクトリやファイルをツリー表示してくれる<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__25ab4cce6abc2" src="https://embed.zenn.studio/card#zenn-embedded__25ab4cce6abc2" data-content="https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Foctotree-github-code-tree%2Fbkhaagjahfmjljalopjnoealnfndnagc" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc</a><br style="display:none">
ファイルが分けられていると、いちいち面倒だな...と思っていたのですが、これがあればめちゃくちゃ見やすくなる！！</p>
<h3 id="octolinker">
<a class="header-anchor-link" href="#octolinker" aria-hidden="true"></a> OctoLinker</h3>
<p>ファイル内で require や import で別ファイルを読み込んでいる場合に、それらに関連するリポジトリやマニュアルサイトなどにすぐ飛べるリンクが設定される。<br>
同じリポジトリでも飛べる。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e6a66b8f878fc" src="https://embed.zenn.studio/card#zenn-embedded__e6a66b8f878fc" data-content="https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Foctolinker%2Fjlmafbaeoofdegohdhinkhilhclaklkp" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp</a></p>
<p>以上の三つが、僕は最高に良かったと思う拡張機能です 😊</p>
<h2 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h2>
<p>最近は便利な拡張機能を見ることも奥なってきたので、僕もちょっと作ってみようかな、なんて思っています 😆</p>
<p>今回の内容は以上です！<br>
ではまた！</p>


Github用の拡張機能が最高に便利だった

Discussion