概要

Reclineは、VSCode上で動作するClineのフォークプロジェクトです。GitHub CopilotのLanguage Model APIを活用することで、月額10ドルでClaude 3.5 Sonnetを無制限に利用できる開発支援ツールです。

特徴

• VSCode上で直接Claude 3.5 Sonnetと対話可能
• GitHub Copilotの月額サブスクリプションで利用可能
• コード生成、編集、実行の支援機能
• 環境構築やドキュメント作成のサポート

システム要件

• Windows 11 以上
• VSCode最新版
• GitHub Copilotアカウント
• インターネット接続環境

インストール手順

1. 前提ソフトウェアのセットアップ

1. VSCodeをダウンロードしてインストール
2. GitHub Copilotのサブスクリプションを用意

2. Reclineのインストール

# リポジトリのクローン
git clone https://github.com/julesmons/recline.git
cd ./recline

# pnpm確認
pnpm -v
9.5.0

# pnpmのインストール
npm install -g pnpm

# 依存関係のインストール
pnpm install

# VSCE確認
vsce --version
vsce : 用語 'vsce' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試行してください。
発生場所 行:1 文字:1
+ vsce --version
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (vsce:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

# VSCEのインストール
npm install -g @vscode/vsce

# VSIXパッケージの作成
pnpm run package

# VSCodeへの拡張機能のインストール
code --install-extension ./recline-0.2.11.vsix

VSCEのインストールについて

vsce は VS Code 拡張機能をパッケージ化および公開するためのコマンドラインツールです。

# 管理者権限不要なローカルでインストール
pnpm install  @vscode/vsce

pnpm run package

package.jsonにスクリプトを追加し上記エラーを解決、またVSCode 拡張機能として必要な基本的な情報を追加

code --install-extension ./recline-0.2.5.vsix 
Installing extensions...
Extension 'recline-0.2.5.vsix' was successfully installed.

code --list-extensions
akamud.vscode-theme-onedark
aprilandjan.ascii-tree-generator
bmewburn.vscode-intelephense-client
codelios.dartsass
dsznajder.es7-react-js-snippets
esbenp.prettier-vscode
julesmons.recline

上記より拡張機能のリストにあるようですが、サイドバーにアイコンが表示されない、、

やはりnpm install -g @vscode/vsceでグローバルインストールしないとうまくいかないのか、、

code --install-extension ./recline-extension-0.0.1.vsix
Installing extensions...
Extension 'recline-extension-0.0.1.vsix' was successfully installed.

3. GitHub Copilotの設定

1. VSCodeでGitHub Copilot拡張機能をインストール
2. GitHubアカウントでログイン
3. CopilotチャットでClaude 3.5 Sonnetを有効化

4. Reclineの設定

1. VSCodeでRecline拡張機能を開く
2. API ProviderをVScode Language Model APIに設定
3. モデルをClaude 3.5 sonnetに設定
4. 必要に応じてカスタムインストラクションを設定

注意事項と対応策

日本語文字化け対応

@/src/extension/utils/sanitize.tsの該当コードを修正することで日本語入力に対応可能です。

フォルダ構造取得エラーの対応

1. fd.exeをダウンロード
2. システム環境変数のPathにfd.exeのパスを追加

制限事項

• Language Model APIにはレート制限が存在する可能性があります
• 具体的な制限値は明確になっていませんが、通常の使用では問題ない範囲です

まとめ

Reclineは、VSCodeとGitHub Copilotを組み合わせることで、手頃な価格でClaude 3.5 Sonnetの機能を活用できる強力な開発支援ツールです。コード生成からドキュメント作成まで、幅広い用途で活用できます。