Recline: GitHub Copilotで動作するClaude 3.5 Sonnet搭載の開発支援ツール

概要

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. 前提ソフトウェアのセットアップ

VSCodeをダウンロードしてインストール
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の設定

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

4. Reclineの設定

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

注意事項と対応策

日本語文字化け対応

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

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

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

制限事項

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

まとめ

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