Claude CodeのVSCode拡張が使いやすいよ - Qiita
皆様、Claude Code使ってますか？ CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。 いつのころからか、左右にパネルが出るような構成になっています。 右側が通常（？）のチャット欄で左が過去のセッション一覧みたいな感じです。 左側にある「New session」をクリックするとメインのコードエディター部分にチャット欄がタブとして表示されます。 連打すると量産できますし タイル状に配置したりできます。 モードとか設定とか、マウスでポチポチ設定できます。 MCPサーバーの設定とかも、グラフィカルでわかりやすい。 プランモードでテトリスを作ってみましょう。 そういえば、Windowsですがいい感じにPowerShellを実行してくれます。 そういえば、別途claudeをインストールもしておらず、VSCode拡張をインストールしただけです。 ツ
【エディタ】VS codeからAntigravityに移行しました - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なぜ移行したのか 今話題になってるGoogleのIDEであるAntigravityですが、移行した理由はただ一つ。 Geminiを使っているから Vscodeの拡張機能と互換があるので個人的には、標準でgeminiがあるかCopilotがあるかの違いかなと感じてます。 特に変える理由があるわけでもないが、変えない理由もない状態だったので、gemini標準搭載だし（Microsoftじゃないし） 移行しました。 移行作業 業務では基本Agent機能やそもそもエディタでAI機能を使わないので、その辺りを考慮しながら移行していきます。 （AI
VS Code、Copilotが仕様作成を支援する「Planモード」が追加
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が人間に質問をし、その回答を基に再び
Claude Code 2.0.0 のメジャーアップデートについて
Oikonです。普段はAIツール、特にClaude Codeで遊んでいます。 Claude Codeが2.0.0にメジャーアップデートされました！2025年5月23日の1.0.0以来のメジャーアップデートです。この間にClaude Codeは1.0.126までアップデートを重ねています。 今回はXでまとめたポストからClaude Code 2.0.0を使ってみて、個人的に数日使ってみて分かったアップデートもあったので、それも含めつつまとめてきます。 アップデートの概要 Claude Code 2.0.0の変更点です： VSCode拡張のネイティブ化 アプリUI/UXの全体的な刷新 /rewind コマンド: 会話の巻き戻し /usage コマンド: プラン制限の確認 Tabキーでthinkingをトグル（セッションで永続化） Ctrl-Rで履歴検索 config commandの追加（Un
私が Cursor ではなく Windsurf を選択した理由
はじめに 世は大 AI エージェント時代ですが、みなさんはどの AI エディターを使っていますか？ 以前、Cursor から VSCode に戻したという記事を書きましたが、あれから 1 年が経ち、Cursor もかなり進化しましたね！（マウスカーソルのアイコンが懐かしい） 私は自身は Windsurf を採用し4 ヶ月ほど利用しているのですが、Windsurf を主軸に使っている人のレビュー記事があまりなかったので、今回は、私がなぜ Windsurf を採用したのかを書いてみました！ AIエディタ選択の材料になれば幸いです！ 注意 前提 現在、Cursor や Windsurf などの VSCode のフォークエディタが流行っていますが、 Github がソースコード管理の覇権を握っている以上、コードベースやソースコードの理解は Github Copilot がいずれ最も優れた AI エ
amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい
amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい どうもこんにちは、昨日AmazonがVS CodeベースのIDEである「kiro」をリリースしました この分野ではcursorやWindsurf、アドオンですがClaude Codeなど様々な選択肢があります そんな中であえてAmazonが出してきたIDEのコンセプトは Vibe coding ……ではなく、 Viable Code だそうです 細かい説明は公式HPを見てもらうとして、他との違いは 「仕様書駆動開発」 を明確に打ち出している点です AIとのコーディングは難しい 特にClaude Codeを弄り倒している人なら常々感じてると思いますが、AIに適切な指示を与えて適切な作業をしてもらうのは非常に難しいです それを解決しようとみんな「sowで書いて」だっ
きっとあなたの知らないGitHubで使えるGitHub Copilotの機能 | ドクセル
自己紹介 • 加瀬 健太（@Kesin11） • 職歴 • 2023/07 転職、生産性向上チームで主にGitHub Actions基盤 • 2025/01 AIやっていきチームに異動 • 普段の業務 • CursorやDifyなどのAI関連ツールのアカウント管理・運用 @Kesin11 • 社内のAI活用推進 @Kesin11 • 最新ツールを業務利用しても問題ないかの調査 • 社内向けの利用ガイドドキュメント作成 • 趣味 al @kesin11.bsky.soci • github.blog /changelogを毎朝見ること • VSCodeのリリースノートを毎月見ること • どちらも2021年から続いている趣味 2
Claude Codeの公式VSCode拡張が拡張機能ストアで検索可能な形で公開されたので改めて触ってみた | DevelopersIO
Claude Codeの公式VSCode拡張が手動で追加できるようになったので、AWS CloudFormationテンプレートをClaude Code拡張経由で編集・デプロイまでやってみました。拡張機能のおかげで、右タブにClaude Codeのセッションが確立されたコンソールが作成されます。 Claude Codeの公式VSCode拡張が検索可能になったぞ おのやんです。 2025/5/28より、Claude Codeの公式VSCode拡張がリリースされております。こちらが拡張機能ストアで検索可能な形で公開されました。 Claude Code自体が登場した際は、VSCodeとの統合はベータ版でした。 VSCodeのshellでclaudeを立ち上げる際に、こちらの拡張機能が自動でインストールされる（参考：IDEにClaude Codeを追加する - Anthropic）という特性上、一
Visual Studio Code、Web標準の「Baseline」チェックに対応。コード内のHTMLやCSSにカーソルを合わせれば説明表示
Visual Studio Code、Web標準の「Baseline」チェックに対応。コード内のHTMLやCSSにカーソルを合わせれば説明表示 Visual Studio Code 1.100もしくはそれ以後のバージョンでは、標準でコード内のHTMLやCSSがWeb標準のBaselineに対応しているかどうかをチェックする機能が搭載されていることが、web.devブログで紹介されています。 これにより、HTMLやCSSが主要なWebブラウザで問題なく表示されるかどうかが、Visual Studio Codeで簡単にチェックできるようになりました。 Baselineは安心して使えるWeb標準 Baselineとは最新のWeb標準のサブセットです。Baselineに含まれているHTMLやCSSの機能であれば主要なWebブラウザで実装済みであるため、Webアプリケーション開発者が安心して使える機
Visual Studio Codeが本体にAI関連機能を組み込みへ、「オープンソースのAIエディタ」になると表明
Visual Studio Codeが本体にAI関連機能を組み込みへ、「オープンソースのAIエディタ」になると表明 Visual Studio Code（VS Code）の開発チームは、今後VS Code本体にAI関連機能を組み込んでいき、VS Codeのあらゆる機能面でAIの組み込みを容易にしていくことで、VS Codeを「オープンソースのAIエディタ」にしていく方向性を明らかにしました。 Today, we're announcing plans to make VS Code an open source AI editor. We believe AI development should stay true to VS Code's core principles: open, collaborative, and community-driven. Let's build th
FigmaデザインをHTMLコードへ自動変換する方法 - GMOインターネットグループ グループ研究開発本部
1. はじめに こんにちは、次世代システム研究室のT.D.Qです。 デザインとコーディングの間にあるギャップを埋める新しいアプローチとして、FigmaでデザインされたウェブUIを自動的にHTML/CSSコードに変換する方法が注目されています。特に、オープンソースのFigma Context MCP（GLipsが公開）と、Visual Studio Code用AIエージェント拡張のRoo Codeを組み合わせることで、デザインからコーディングへのプロセスを大幅に効率化できます。 本記事では、FigmaでデザインされたウェブUIを、GLipsが提供する「Figma Context MCP」とVisual Studio Code拡張「Roo Code」を用いて、効率的かつ正確にHTML/CSSコードに変換・取り込む方法を解説します。 2. MCPとRoo Codeの概要 2-1. Roo Cod
VSCodeに新機能「Copilot Vision」プレビュー版が登場。モックアップ画像を読み込ませてHTML/CSSを作成、エラーのスクリーンショットから分析を依頼など
VSCodeに新機能「Copilot Vision」プレビュー版が登場。モックアップ画像を読み込ませてHTML/CSSを作成、エラーのスクリーンショットから分析を依頼など マイクロソフトはコードエディタVisual Studio Code（以下VSCode）の新機能として、Copilotでモックアップ画像の読み込みなどが可能になる「Copilot Vision」プレビュー版などの搭載を発表しました。 また、ターミナルにおいてbashやzsh、PowerShellなどの入力補完をしてくれるIntelliSenseの改善なども追加されています。 これらの新機能は3月6日付けで公開されたVSCode 1.98（February Update）に搭載されています。 Version 1.98 of @code is out now with drag and drop peek references
あなたの仕事に“AI秘書”を。ノンエンジニアでもOKなCursorエージェント超入門｜miyatti@エクスプラザ
どうも！生成AIのプロダクト開発支援やってるエクスプラザの"生成AIエバンジェリスト"みやっちです！（Xのアカウントは @miyatti ） ざっくりいうと生成AIの「社会」推進を日々がんばっている人間です。 ※ 自己紹介と会社紹介的に入社エントリおいておきます 今回はノンエンジニア向けのCursor講座という内容で、記事をかかせていただきました！だいぶ長文ですけど、もしよければご参考にしていただければ！ 0. はじめに ── そもそも“エージェント”って何？「AIエージェント」……最近、こうした言葉を耳にする機会が増えていませんか？ ざっくり言えば、“AIが自分で考えて動いてくれる存在”を指します。たとえば「イベントの準備を任せたい」と伝えるだけで、必要なタスクリストを自動的に生成し、順番や優先度を決めて進行管理までやってくれるのがエージェントの魅力。まるでAI秘書のように、こちらの目的
Clineに全部賭ける前に 〜Clineの動作原理を深掘り〜
はじめに AIのコーディングアシスタントとして最近、急速に注目を集めているCline。VSCode上でAIと連携し、コード生成からバグ修正、さらにはターミナル操作まで自動化できるこのツールは、多くのエンジニアの生産性を劇的に向上させています。 mizchiさんの『CLINEに全部賭けろ』という記事では、 AIから引き出せる性能は、自分の能力にそのまま比例する AI自体を管理するパイプライン設計を自分のコアスキルにする必要がある ともあるように、エンジニアはClineという強力なツールの最大限を使えるようになっていくべきです。 「AIの上手な使い方」が今のエンジニアにとって必須スキルになりつつあるため、単にClineを使うだけでなく、その仕組みを理解することで得られるメリットは数多くあります。例えば、現時点でのClineの得手・不得手を理解することでAIに対して的確に指示ができたり、clin
【完全比較】VS Code最強の3大AIアシスタント！Cline vs Roo Code vs CoolCline - Qiita
Cline : シンプルかつ導入しやすいオープンソースAI Roo Code : Clineを拡張し、UIや役割切替が充実 CoolCline : 機能総合版。自動承認やコスト管理などを備えた最上級仕様 それぞれの特色や目的に合わせ、最適なツールを選んでみてください。 以下では、それぞれの詳細を見ていきます。 （長い割に上部でまとまっているので、以降は興味のある方のみ読んでください。） 1. Cline（クライン） 概要 Clineは、VS Code上で動作するオープンソースのAIコーディングアシスタントです。 VS Code拡張機能としてインストールし、コマンドラインインターフェース（CLI）やブラウザ操作とも連携できます。 GitHub Copilotのようなコード補完とは異なり、プロジェクト全体を理解して複数ファイルにわたる修正やビルド・テスト実行まで自律的に行える点が強みです。 ま
GitHub Copilot: The agent awakens
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
novel-writer
軽快な執筆 novel-writerは小説やエッセイなど、まとまった量の文章をストレスなく扱うために開発した機能拡張です。一行あたりの文字数を設定できる原稿プレビューは原稿用紙のようにも使えますし、新聞のような低い段組の字切りを意識しながら執筆できます。 最新のソフトウエア開発技術を執筆に novel-writerのプラットフォームは、Microsoftのソフトウェア開発環境Visual Studio Code（VS Code）。正規表現複数ファイルの検索置換やGitのバージョン管理などの機能もそのまま使えます。Textlintなどの強力なプラグインと併用することで、文字の用法統一をきめ細やかに行えるようにもなります。 版下のPDF出力 novel-writerは分割したテキストファイルを結合してCSS組版システムのVivliostyleで縦書きのPDFを出力できます。 出力したPDFは同
最強神器「Cursor」の本当に使い方を徹底解説【知らないとヤバいレベルです】
筆者自信、個人開発を長い間やってきた＆toB含め多くの開発に携わってきました。もともと開発速度に自信があり力でねじ伏せるタイプでしたが、それでもこのCursorを使い始めて世界が変わりました。具体的には、よくあるAI驚き屋の「3分でLPが作れた」「24時間AIが自動で」とかではなく、実践的な開発で6~10倍程度のスピードが出せるようになりました。序盤は10倍どころかとんでもない速度で仕上がっていきます。 筆者はAI駆動開発にハマり、1500時間くらいCursorを使い込んできたので、その経験を踏まえて現状をしっかり解説します。 この記事を読むとわかるCursorの持つ可能性 「コードを書く」から「AIがコードを書き、開発者が補助する」すべての機能 基本はProプラン$20で何でもできる 0→1開発から複雑な大規模プロジェクトまで、Composer Agent がマジでやばい ここ数年でGi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/vscode-copilot-chat: Copilot Chat extension for VS Code
コードをコピペしたあとの雑務をAIが肩代わりする「Visual Studio」新機能がテスト開始／コピペ先のコードに馴染ませる修正作業を提案してくれる「アダプティブペースト」
