皆様、Claude Code使ってますか？ CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。 いつのころからか、左右にパネルが出るような構成になっています。 右側が通常（？）のチャット欄で左が過去のセッション一覧みたいな感じです。 左側にある「New session」をクリックするとメインのコードエディター部分にチャット欄がタブとして表示されます。 連打すると量産できますし タイル状に配置したりできます。 モードとか設定とか、マウスでポチポチ設定できます。 MCPサーバーの設定とかも、グラフィカルでわかりやすい。 プランモードでテトリスを作ってみましょう。 そういえば、Windowsですがいい感じにPowerShellを実行してくれます。 そういえば、別途claudeをインストールもしておらず、VSCode拡張をインストールしただけです。 ツ

この記事は新歓ブログリレー2026の41日目の記事です。 はじめに こんにちは!! 主にアルゴリズム班とゲーム班で活動している25BのHaruです!! 新入生のみなさん、大学生活が始まってはや一週間が経ちましたが、キャンパスライフはいかがですか? さて、traPに入会した新入生の中には、「大学からパソコンでいろいろやってみたいけど、何すれば良いかわからない」という方も多くいるのではないでしょうか。 この記事では、プログラミングをするなら絶対使うことになるであろうVSCodeでの作業を快適にするあれこれをまとめていきます!! VSCodeってなに? VSCode (Visual Studio Code) は、Microsoftが提供している無料で超軽量で高性能なオープンソースエディタです。 要するに、めっちゃ凄いテキストエディタ(プログラムとか書くやつ)です。 世の中にはたくさんのテキストエ

はじめに AI駆動開発を進める中で、設計メモや仕様整理を *.md で扱う時間がかなり増えました。 私は普段 VS Code を使っていますが、既存のMarkdown編集体験は「ソース編集」と「プレビュー確認」を行き来する前提です。業務で長時間使うには手数が多いと感じていました。 「プレビュー表示のまま直接編集できる」「日常利用に耐える」「安心して使える」拡張を探しましたが、要件に合うものが見つからず、結果として自作しました。 実際の編集イメージです。 作ったものはこちらです。 VS Code Marketplace（VS Code向け） Open VSX（※ Cursor など Open VSX 対応エディタ向け） GitHub Repository 何を作ったか Markdown Live Editor という VS Code 拡張です。 MarkdownをWYSIWYGに近い形で編集

GitHub Copilot のエージェントモードで複数タスクを並列に進めたい。でも、セッションの切り替えが面倒だったり、今どのタスクが何の状態なのか把握しづらかったりして、結局１つずつ片付けていた。 2026年1月の VS Code アップデート (v1.109) で追加されたエージェントセッション管理UIが、この問題をかなり解決してくれた。この記事では、実際の利用画面とともにこの機能について紹介する。 参考：VS Code v1.109 Release Notes - Agent Session Management 目次 何が変わったのか：エージェントセッション管理UIの全貌 並列タスクの実践ワークフロー 並列開発をうまく回すコツ 現時点での制約：マルチルートワークスペース VS Code + GitHub Copilot で並列開発は十分できる まとめ 1. 何が変わったのか：エー

VS Code(Visual Studio Code)エディタのお手軽な入門書です。 からあげを揚げるより簡単シリーズ、記念すべき第一弾です。 変更履歴 - 2025/07/21 Jetsonでのインストール方法をアップデート - 2025/01/28 コーディング支援のLinter/FormatterとしてRuffを追記 - 2024/11/14 Dockerで複数コンテナ使うケースをアップデート - 2024/09/27 微修正 - 2023/08/01 全体的に改版 - 2023/03/19 拡張機能にChatGPTに関して追記、他多数修正 - 2022/08/21 拡張機能（文章・資料・図作成）に追記修正

はじめに 本記事ではC言語やTypeScriptなど特定の言語を使う際に便利な設定と拡張機能ではなく、言語にかかわらずVS Codeで使えるオススメの設定と拡張機能を紹介します。参考になれば幸いです。 更新履歴 2024-04-01 初版作成 2024-07-06 files.candidateGuessEncodingsの紹介を追加 editor.wordSegmenterLocalesの紹介を追加 拡張機能のWord Dividerの紹介を削除 (VS Code本体に同等の機能を実現するeditor.wordSegmenterLocalesが追加されたため) 2024-07-18 terminal.integrated.enableVisualBellの設定が間違っていたため修正 設定を有効にすると紹介していたのにかかわらず、無効になる設定(false)を記載していたため、設定を有効に

【2026/01/31 追記・訂正】 本記事の初稿にて「GitHub Copilotには有料プランしかない」という誤った前提の記述がありました。 現在はGitHub CopilotにもFreeプランが存在します。 読者の皆様よりご指摘をいただき、記事内容を「両者の無料プランの比較」と「AWS開発におけるAmazon Qの優位性」に焦点を当てた内容へ全面的にアップデートいたしました。ご指摘ありがとうございました。 ※本ページはプロモーションが含まれています 【この記事でわかること】 GitHub Copilot と Amazon Q、どちらも無料で使える今、どっちを選ぶべき？ AWSのリソース（S3やEC2）を触るなら、Amazon Q が圧倒的に便利な理由。 「賢い使い分け」の結論。 おすすめ書籍 ▼Amazon Web Services基礎からのネットワーク＆サーバー構築改訂４版 Ama

Visual Studio Code には便利なExtensionが色々ありますよね Remote Development に含まれる Remote SSH というのを便利だから使っていたんですが ちょっと問題を起こしてしまったので備忘録です そんなことも知らなかったのかと言われそうで怖いんですが 経緯 とある仕事の開発環境がAWSのインスタンス上に構築 構造上ローカルでの動作確認が無理だったので編集はローカル、確認はファイルを都度アップロードしサーバー上で vim で直接いじるの慣れてなくて辛いし編集した都度 winscp でやり取りするのもなぁ・・・ VScodeでどうにかできんか？軽くググったら Remote SSH 出てくるし便利だなぁこれ 管理者「それちょっとやばいんで使うのやめてください」 何が起きていたか Remote SSH (Remote Development) の仕組

English Article 最近はClaude Codeでコーディングすることが増えてきました！しかしこいつもそうだけどVSCodeもメモリをもりもり食います。大食いが5プロジェクトもあるとまあメモリもカツカツです。 そうして流行りのGhosttyに乗り換えたのが半年前なんですが、最近はGhosttyでVSCode環境をそのまま再現したい！という今の自分のGhostty環境をお見せします！ 私の環境Ghostty環境そして私の元々のVSCode環境です。 詳しく見ていきましょう。まずVSCodeのほうですが、簡単にはこれです。一般的な部類だと思いますが、左のサイドバーにファイル一覧とGitのTree表示。右にはClaude Code or Code Editorとその下にターミナルという基本構成です。 これをそのまんまGhosttyで再現したい！ということで実際に使っているのはこれです

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 本日2025/11/19、GoogleがGemini3.0を発表すると同時に、「Google Antigravity」というIDEを発表しました。 CursorやKiroのように、VSCodeから派生して作られたIDEです。 そしてさすがGoogle、今までのAI駆動開発とは異なる開発者体験を提供するIDEとなっているので、この記事では公式ブログを引用しつつ、実際に触ってみた感想を書いていきます。 特徴 まずはGoogle Antigravityの公式ブログをご一読ください。 Antigravity は、ブラウザ制御機能、非同

GitHubは、日本時間10月29日未明から開催中の年次イベント「GitHub Universe 2025」で、Visual Studio CodeにおけるGitHub Copilotの新機能として、AIが仕様作成を支援する「Planモード」を発表しました。 GitHub Copilotにはすでに、質問や相談にAIが対応してくれる「Askモード」、コードの編集をAIが行ってくれる「Editモード」、AIに作業を指示すると自律的に実行する「Agentモード」があります。 今回の「Planモード」はこれらのモードに新たに加わるものです。 Planモードでは、人間が実装したい機能などの概要を入力すると、AIが既存のコードを分析した上で実装のための計画（Plan）を詳細に作成します。 その後、計画を作成する上であいまいな部分や未定義の部分があればそれについてAIが人間に質問をし、その回答を基に再び

追記 2025年8月16日 なぜSerena MCPを使うのかの理由を知りたい人は必読！ 話題のSerenaMCPの仕組みを解説！ - izanami 追記終了 GitHub Copilotシリーズ はじめに 最近 Claude Code やKiro などプロジェクト全体を監視して、コードを書いたり、要件定義や設計やタスクリストを自動で作成したりと進化が激しいです。 一方、GitHub Copilotは全体をみるというよりも、現在の開いているファイルを手助けするというかんじです。 どうやらプロジェクト全体を見てくれてない、もしくは見ているのは少しだけというイメージがあります。 そこで 👇️ Serena MCP を使います。 oraios/serena: A powerful coding agent toolkit providing semantic retrieval and ed

※ 学習曲線：低＝すぐに使いこなせる、中＝少し学習が必要、高＝習熟に時間がかかる ※ リソース要件：低＝軽量で動作、中＝標準的なPC環境、高＝高性能PCが望ましい それでは、各ツールの詳細を見ていきましょう！ 1. Continue.dev 最初に紹介するのは、Continue.devです。VS Codeの拡張機能として動作するこのツールは、Cursorの主要機能をほぼカバーしています。 初めて使ったとき、「えっ、これ無料なの？」と驚きました。コード生成、バグ修正の提案、ドキュメント作成支援など、有料ツールに引けを取らない機能が揃っているんです。 主な特徴： 複数のAIモデルをサポート - OpenAI、Anthropic、Ollama、Geminiなど、好きなモデルを選べる コンテキスト認識 - プロジェクト全体を理解した上でコード提案 カスタマイズ性 - 自分のワークフローに合わせて設

開発者の強い味方！Gemini CLIとは何か？ 最近、コードの解析や自動化タスクに悩んでいたんですよね。そんな時、Google Geminiチームが開発した「Gemini CLI」というオープンソースのコマンドラインAIツールを見つけました。これが想像以上に便利で、今日はその体験をシェアしたいと思います！ Gemini CLIは開発者向けに特化したツールで、コードを理解し、複雑なクエリを実行し、タスクを自動化できるんです。さらに、Geminiのマルチモーダル機能（画像認識など）を活用してクリエイティブなコンテンツも生成できます。 主な特徴： 大規模コードベースのサポート: 100万トークン以上のコンテキストを処理できるので、大きなプロジェクトの分析が簡単です。 マルチモーダルアプリのプロトタイピング: PDFやスケッチからアプリのプロトタイプを素早く生成できます。 DevOpsタスクの自

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Visual Studio Codeの拡張機能「GitHub Copilot Chat」のソースコードがMITライセンスで公開されました。 公開されたソースコードはまだバージョン0.29のプレリリース版と位置づけられています。 オープンソース化はVS CodeをAIエディタへと進化させる第一歩 マイクロソフトはVisual Studio Codeのあらゆる機能にAIを組み込めるような「オープンソースのAIエディタ」にしていく方向性を明らかにしており、その第一歩としてGitHub Copilot Chatのコードをリファクタリングして本体に組み込むことを表明していました。 参考：Visual Studio Codeが本体にAI関連機能を組み込みへ、「オープンソースのAIエディタ」になると表明 Visual Studio Codeはオープンソースとして開発されているため、その本体にGitHub