4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCode + Continue と Ollama + DeepSeek Coder で、フリーでサクサク動くAIコーディング環境を作る

Last updated at Posted at 2024-06-04

概要

VSCode と Continue という拡張機能を使って、無料でサクサク動くAIコーディング環境を作成する。
内部ネットワーク上に Ollama と DeepSeek Coder をインストールした別のPCを用意して、環境を別々に分けることにより、普段使っているPCのリソースを節約し、快適にコーディングできるようにする。

できる事

  • ソースコードの記述中に、生成AIが次の候補を提案してくれる
  • 「C#でクイックソートのGeneics版のコードを書いて」などと指示を与えると、その関数を書いてくれる
  • テストコードを書いてくれる
  • コードのレビューをしてくれる
  • AIによるチャット機能がついているので、設計の相談に乗ってくれる

環境

DeepSeek Coderとは

Cursor、Github Copilot などと同様の、生成AIによるコードアシスタント モデル。
Meta社の Code Llama などと比較しても優れたコードを出力するとある。
また、高度なコード補完機能を持つ。

ライセンス

DeepSeek Coder ライセンス(モデル)

Ollama 環境を構築

Ollama を内部ネットワークで共有するを参照し構築を行う。

DeepSeek Coder のモデルはインストールするPCのスペックによる使い分ける。
一般的には、搭載している PC の VRAM 容量で見分ける。
今回は、DeepSeek Coder の 6.7B モデルを使う。

Ollama をインストールしたPCで、PowerShell もしくは コマンド プロンプトを立ち上げ、以下のコマンドを打つ。

ollama pull deepseek-coder:6.7b

VS Codeでの設定方法

VS Codeを立ち上げる

Continue拡張機能をインストールする

0b580d70-25bd-4dfe-b8a4-c75f5f35202f-960x205r.png

インストール後、左サイドにContinueのアイコンが出る

ct.png

Continueのアイコンを、ドラッグ&ドロップで右端に持っていく

dd.png
実際は、右端まで持っていく必要はないが公式はこれを勧めている

AIチャットウィンドウの右下に設定歯車があるのでクリック

chat.png

設定jsonファイルが開くので、編集を行う

2fc16aaf-f18d-4799-935a-5570853cb64a-960x597r.png
modelsに、DeepSeek Coder の指定と、Ollama PCのエンドポイントを指定する
ここでは、エンドポイントのIPアドレスを、172.16.11.68としている

設定jsonファイルの下部にある tabAutocompleteModel を編集する

230d1728-493b-485b-a2ac-fce71ffc8e36-960x468r.png

[CTRL]+[S]で保存し、設定jsonを閉じる

AIチャットウィンドウの下部に設定したdeepseek-coder:6.7b-instructがあるので、これを選択する

523b279e-2707-4dad-a0fe-3c0c18f34821-960x668r.png

補足として、AIチャットウインドゥが消えた場合は、右上にある画面分割ボタンを押せば出てくる

f1d72286-f8e4-4073-8f95-d9961efb81da-706x960r.png

この状態でスタンバイ状態

91656de4-569b-4850-ba34-112b2082bf4a.png

とりあえず、日本語で"Hello, World!"生成の指示を出してみる

fec758db-c3da-446c-906f-96b3e3672516.png
返答があり、コードが生成されれば成功。

右上の再生ボタンを押すと、AIチャットからコード部分へコピペされる

a16c58ac-c979-45ed-a515-40e93a7da7df.png
コピペ中
610a75b9-ccba-4cd1-8100-79dfb748bf1f.png

[SHIFT]+[CTRL]+[RETURN]により、一気に反映させる事もできる

30652b4b-7607-406c-8aa0-db435cef9c21-960x601r.png

以上、快適なコーディングライフを楽しみましょう!

補足

新しいチャットを始める場合は、AIチャットウインドゥ右上にある「+」ボタンを押す
09c47a74-b06d-40fd-bd09-e53989ccf0b8.png

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?