6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude CodeのVSCode拡張が使いやすいよ

6
Posted at

皆様、Claude Code使ってますか?

CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。

いつのころからか、左右にパネルが出るような構成になっています。

image.png

右側が通常(?)のチャット欄で左が過去のセッション一覧みたいな感じです。

image.png

左側にある「New session」をクリックするとメインのコードエディター部分にチャット欄がタブとして表示されます。

image.png

連打すると量産できますし

image.png

タイル状に配置したりできます。

image.png

モードとか設定とか、マウスでポチポチ設定できます。

image.png

MCPサーバーの設定とかも、グラフィカルでわかりやすい。

image.png

プランモードでテトリスを作ってみましょう。

image.png

そういえば、Windowsですがいい感じにPowerShellを実行してくれます。
そういえば、別途claudeをインストールもしておらず、VSCode拡張をインストールしただけです。

image.png

ツール実行するか確認されるとこんな感じです。

2つ目の選択肢は、yesを覚えさせて実行するやつですが、「this project (just you)」のところがクリックできます。

image.png

「all projects」になりました。

image.png

もう一回クリックすると「this project (shared)」「this session」と切り替わります。
要は、どの設定として記憶するかを選べます。これが地味に便利です。

プランが作成されたら、真ん中のエディター部分に表示されます!

image.png

これでやっと読む気になりますね。(CLIで使ってる人、どうせ読んでないでしょ?白状しなさい!!)

プランの文字はマウスで選択してコメントが追加できます。

image.png

image.png

コメントは複数つけられます。コメントが終わったらフィードバックできます。

image.png

追加で質問されたりします。

image.png

コメントを反映したプランが提示されます。問題なければ実装に移ります。

image.png

テトリスできた!

image.png

以上です。

使いやすいですよ

6
3
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
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?