ちょっと前から話題のClineをVS Codeに入れようにも 
似たようなアイコンが乱立していて、 
どれをインストールしたらいいのか迷ってしまいました。
そこで、初めてClineをインストールする人向けに 
Clineの拡張機能の選び方をまとめました。
<h2 id="%E7%B5%90%E8%AB%96" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96" aria-hidden="true"></a> 結論</h2>
<img src="https://storage.googleapis.com/zenn-user-upload/58c65c7d5d89-20250217.png" loading="lazy" class="md-img">
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">VS Codeの拡張機能で</li>
<li data-line="11" class="code-line">「Cline」で検索して</li>
<li data-line="12" class="code-line">青いチェックマークのついているもの</li>
</ul>
となります。 
※記事執筆時点の2025/2/21時点
この青いチェックマークは 
「拡張機能 発行者のドメインが Visual Studio Marketplace によって検証されている」 
ということを表すマークになります。
こちらに青いチェックマークについてまとめています。 
<iframe id="zenn-embedded__ed23ee70e83c1" src="https://embed.zenn.studio/card#zenn-embedded__ed23ee70e83c1" data-content="https%3A%2F%2Fzenn.dev%2F40_comeback_eng%2Farticles%2Ff11399b622c2c4" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://zenn.dev/40_comeback_eng/articles/f11399b622c2c4" style="display:none" target="_blank">https://zenn.dev/40_comeback_eng/articles/f11399b622c2c4</a>
<h2 id="%E4%BB%A5%E5%89%8D%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%A5%E5%89%8D%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3" aria-hidden="true"></a> 以前のアイコン</h2>
こちらの可愛いロボアイコンだったようで、 
青いチェックマークもなかったようなのですが、 
<img src="https://storage.googleapis.com/zenn-user-upload/5c1cb5a8d61f-20250217.png" loading="lazy" class="md-img">
現在は、こちらのロボっぽいんだけど、 
リンゴの断面のようにも見えるアイコンに変わっています。 
<img src="https://storage.googleapis.com/zenn-user-upload/01dcf6bc976b-20250217.png" loading="lazy" class="md-img">
<h2 id="%E4%BC%BC%E3%81%9F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AE%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%8C%E4%B9%B1%E7%AB%8B" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E4%BC%BC%E3%81%9F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AE%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%8C%E4%B9%B1%E7%AB%8B" aria-hidden="true"></a> 似たアイコンの拡張機能が乱立</h2>
同じアイコンとみられるVS Codeの拡張機能が存在しているようです。 
※記事執筆時点の2025/2/17時点
<img src="https://storage.googleapis.com/zenn-user-upload/cb6b548c8e3e-20250217.png" loading="lazy" class="md-img">
<h2 id="%E3%81%8A%E3%81%97%E3%81%BE%E3%81%84%E3%81%AB" data-line="39" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%81%97%E3%81%BE%E3%81%84%E3%81%AB" aria-hidden="true"></a> おしまいに</h2>
Zennをご覧の方は、セキュリティ意識が高い人が多く、
<ul data-line="41" class="code-line">
<li data-line="41" class="code-line">レビューの評価数</li>
<li data-line="42" class="code-line">他の方の過去記事のClineの説明画面</li>
</ul>
などを比較し、正しいものを入れているかと思うのですが、 
（私のような）Cline導入初心者が誤った拡張を入れてしまう可能性があると思いました。 
※実際にダウンロード数もついていることから一定数、ダウンロードしている模様です。
本家Clineの拡張では、以下のように 
ChatGPTやClaudeのAPIキーを入力する欄があります。 
<img src="https://storage.googleapis.com/zenn-user-upload/c5d68dcc561a-20250217.png" loading="lazy" class="md-img">
変な拡張機能にAPIキーを入力し、 
不正利用などに巻き込まれないよう注意したいですね。
今回は以上です、最後までご覧いただきありがとうございました！

Clineどれをインストールすればいいんだ問題

似たアイコンの拡張機能が乱立

Discussion