<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Github-Copilot on Xainome Blog</title><link>https://xainome-blog.beeskynohito.workers.dev/tags/github-copilot/</link><description>Recent content in Github-Copilot on Xainome Blog</description><generator>Hugo</generator><language>ja</language><lastBuildDate>Mon, 30 Sep 2024 00:00:00 +0000</lastBuildDate><atom:link href="https://xainome-blog.beeskynohito.workers.dev/tags/github-copilot/index.xml" rel="self" type="application/rss+xml"/><item><title>Github Copilotを使わずVSCodeにContinueを入れて使ってみる</title><link>https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/</link><pubDate>Mon, 30 Sep 2024 00:00:00 +0000</pubDate><guid>https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/</guid><description>&lt;h2 id="無料で使えるaiツールcontinueでvscodeにaiコード補完機能を導入する方法">無料で使えるAIツール「Continue」でVSCodeにAIコード補完機能を導入する方法&lt;/h2>
&lt;p>Github Copilotが出てだいぶ時間が経ちましたが、IDEで未だにAIを使わず開発をしています。&lt;/p>
&lt;p>Github Copilotは料金がかかりますし、open-interpreterを使ったとしてもopenAIのapiを使ってるので料金はかかります。&lt;/p>
&lt;p>結果ほぼIDEでAIを使わずやってきたのですが、最近Continueが出たということを聞きました。こちらはllamaなどのオープンソースを使ってるので、料金はかからなそうです。参考にした記事は&lt;a href="https://www.theregister.com/2024/08/18/self_hosted_github_copilot/">こちら&lt;/a>になります。Continueのサイトは&lt;a href="https://www.continue.dev/">こちら&lt;/a>です。llamaの使い方は&lt;a href="https://docs.continue.dev/customize/tutorials/llama3.1">こちら&lt;/a>。&lt;/p>
&lt;h3 id="continueのインストール手順">Continueのインストール手順&lt;/h3>
&lt;p>というわけでまずはインストールしてみます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-6-1024x534.png">&lt;/p>
&lt;p>インストールが完了すると左のタブに表示されます。モデルの選択でどのモデルを使用するか選ぶことができます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-8.png">&lt;/p>
&lt;h3 id="llamaモデルのダウンロードと設定">Llamaモデルのダウンロードと設定&lt;/h3>
&lt;p>チュートリアルに従って次はllamaをダウンロードします。&lt;a href="https://ollama.com/">こちら&lt;/a>ですね。最近llama3.2が発表されたので3.2になってますね。3.1が良ければ&lt;a href="https://ollama.com/library/llama3.1">こちら&lt;/a>からダウンロードできます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-09-29-151308.png">&lt;/p>
&lt;p>次にOSを選んでダウンロードしましょう。もしモデルのアップデート通知が欲しければアカウントを作って登録すると良いと思います。ニュースになるので今はやらなくてもいいかと&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-9.png">&lt;/p>
&lt;h3 id="ターミナルでモデルを実行">ターミナルでモデルを実行&lt;/h3>
&lt;p>実行ファイルがダウンロードされるので開いて案内に従っていきます。インストールが完了すると実行ファイルなどが入っています。実行するとコマンドプロンプトから実行してくださいと言われます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-09-29-163827.png">&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-10.png">&lt;/p>
&lt;p>というわけでターミナルを開いて以下のコマンドを実行します。チュートリアルでは3.1:8bとなってますが、今回は3.2:3bを使用します。&lt;/p>
&lt;pre tabindex="0">&lt;code>ollama run llama3.2:3b
&lt;/code>&lt;/pre>&lt;h3 id="大きなモデルの利用任意">大きなモデルの利用（任意）&lt;/h3>
&lt;p>一応チュートリアルでは&lt;a href="https://console.groq.com/settings/profile">Groq&lt;/a>と&lt;a href="https://api.together.xyz/signup">together&lt;/a>などのサイトのAPIを使えば大きなモデルも使うことができるみたいです。ただ、料金などもかかりますので今回は省きます。&lt;/p>
&lt;h3 id="continueのモデル設定とconfigjsonの編集">Continueのモデル設定とconfig.jsonの編集&lt;/h3>
&lt;p>最初のモデル選択の部分でFree Trialのモデルを使えます。こちらを使う場合はGitHubにサインインする必要があります。今回はllamaをインストールしたのでlocal modelを使うことになります。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-11.png">&lt;/p>
&lt;p>次はconfig.jsonを編集していきます。llama3.1を使う場合はこの&amp;quot;Add Chat model&amp;quot;から設定できますが、今回は3.2なのでconfig.jsonを直接編集していきます。Free Trialが不要であれば削除しましょう。編集する際は歯車を押せばconfig.jsonを開きます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/image-12.png">&lt;/p>
&lt;h3 id="エラー対処とモデルの接続">エラー対処とモデルの接続&lt;/h3>
&lt;p>文字を入力してみましたが、エラーが出ました。大元のモデルは動いてますが、チャットモデルも必要みたいです。オートコンプリートモデルはコーディングをするとき予測して文字を補完するモデルです。というわけでpullしてみます。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-09-29-171653.png">&lt;/p>
&lt;p>コマンドのターミナルをクリックすればターミナルにコマンドがコピーされますので、pullしましょう！もしこんなエラーが出たらおそらくVSCodeがポートを使用しているのでターミナルから実行してみてください。&lt;/p>
&lt;pre tabindex="0">&lt;code>Error: Head &amp;#34;http://127.0.0.1:11434/&amp;#34;: dial tcp 127.0.0.1:11434: bind: An operation on a socket could not be performed because the system lacked sufficient buffer space or because a queue was full.
&lt;/code>&lt;/pre>&lt;p>両方のモデルをpullすれば無事接続ができます。接続した際、llama3.1のモデルがconfigに追加されます。まあtitleやmodel名は違いますが消しても大丈夫です。接続できたことを確認できれば、初めのconfigで設定したモデルを使用できるようになります。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/09/github-copilot-vscode-continue/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-09-29-175602.png">&lt;/p>
&lt;h3 id="continueを実際に使ってみる">Continueを実際に使ってみる&lt;/h3>
&lt;p>というわけで使えるようになりました。もちろんChat-GPTやCloudeのほうが性能がいいと思います。ノートPCで使えるローカルモデルではないですし。ただ、ネットにつながず軽量なモデルだとは思いますのでもう少し試してみようと思います。&lt;/p></description></item></channel></rss>