VS CodeとAIチャットの往復いらず！ 話題の拡張機能Clineで爆速開発してみよう - Qiita

2025/01/12 319 users Qiita Cline 爆速開発 AIチャット 往復

最近、AIにアンテナの高いエンジニア界隈でClineというツールが話題です。 これは元々Claude Devと呼ばれていた、VS Codeの拡張機能です。 サイドバーで生成AIとチャットしながら開発補助をしてもらえて、自分のリポジトリから必要なファイルを読み込んで理解してくれたり、ターミナルでコマンドを実行して出力を確認し... 続きを読む

AI エディター Cursor を試してみる

2025/01/11 330 users キーバインド Cursor GitHub Copilot

AI エディター Cursor を試してみる 2025.01.11 AI エディター Cursor は GitHub Copilot と同様にコードの補完やチャットによるコードの生成をサポートしてくれます。Cursor は VS Code をフォークして作られており、既存の VS Code の拡張機能やキーバインドをそのまま利用することも特徴の 1 つです。 生成 AI の台頭... 続きを読む

Microsoft、「Visual Studio Code」バージョン1.96公開　テキスト入力を上書きに切り替えられるオーバータイプモード追加　ターミナルで合字に対応

2025/01/06 9 users 上書き Microsoft ターミナル ターミ MacOS

Microsoftは2024年12月12日（米国時間）、WindowsやLinux、macOSに対応するクロスプラットフォームのエディタ「Visual Studio Code」（以下、VS Code）の最新版「November 2024」（バージョン1.96）を公開した。 VS Codeバージョン1.96では、テキスト入力を上書きモードに切り替えられるオーバータイプモードや、ターミ... 続きを読む

2024年に調べたり構築した開発環境について

2025/01/01 100 users 開発環境 Git Docker Linux ベース

はじめに 2024年に調べたり構築した開発環境について、振り返っておこうと思います。基本的に Linux をメインに Web アプリの開発環境を構築することが多いです。 今どきの Web アプリの開発環境というと、VS Code + Docker + Git が必須となっているので、これらをベースとして環境構築をしています。2024年は、これら... 続きを読む

AIエディター「Cursor（カーソル）」初心者向けガイド、VS Codeベースの使い勝手とは

2024/12/23 7 users Cursor GitHub Copilot カーソル 関心

プログラミング支援ツール分野では「GitHub Copilot」がメジャーだが、最近のコミュニティの関心は「Cursor（カーソル）」に向けられている。Cursorとは、VS Codeをベースとするコーディングツールで、最新のAIモデルを統合した各機能が人気を呼び、「AIエディター」としても口コミでユーザー数を大きく増やしている。Cu... 続きを読む

Microsoft傘下のGitHub、「GitHub Copilot」を無料に（制限あり）

2024/12/18 20 users GitHub GitHub Copilot COPILOT

米Microsoft傘下のGitHubは12月18日（現地時間）、Visual Studio Code上で「GitHub Copilot」を無料で利用できるようにしたと発表した。これにより、ユーザーは「Visual Studio Code」（VS Code）内でGitHubアカウントにログインするだけで、追加料金なしにCopilotによるコード補完や提案を得られるようになる。 現時点... 続きを読む

マークダウンっぽい記法で予定表を書ける「Markwhen」レビュー、VS CodeやObsidian向けの拡張機能もあり

2024/12/07 298 users 拡張機能 レビュー 予定表 テキスト カレンダー形式

「Markwhen」はマークダウンに似た記法で予定表を作り、タイムライン形式やカレンダー形式で表示できるシステムです。一般的なカレンダーアプリではボタンを1つ1つクリックしながら予定を登録する必要がありますが、Markwhenならテキストをダダダッと打ち込むだけで予定を登録できます。 Markwhen https://markwhen.com/... 続きを読む

GitHub Copilotユーザーが利用可能になった「Visual Studio Code」の「Copilot Edits」機能とは？　新UIでどう便利になるのか？

2024/11/19 8 users Copilot Edits Microsoft リリース

Microsoftは2024年11月12日（米国時間、以下同）、「Visual Studio Code」（以下、VS Code）の「Copilot Edits」機能（プレビュー版）を公式ブログで詳しく紹介した。Copilot Editsは、10月末に公開されたVisual Studio Codeの「October 2024」リリース（version 1.95）で導入された。 これまでVS Codeで「GitHub Copilo... 続きを読む

Windows版「ChatGPT」アプリ一般公開　Mac版はコード読み取りに対応

2024/11/15 7 users chatgpt TextEdit terminal IDE

Mac版のChatGPTアプリは6月にリリース済み。こちらにも新機能が追加され、VS Code、Xcode、TextEdit、Terminal、iTerm2などのサードパーティアプリのコードを読み取れるようになった。コードをコピー＆ペーストする代わりに、ChatGPTをIDEやターミナルと組み合わせることで、質問するとChatGPTがアプリ内のコンテンツを... 続きを読む

ChatGPTがmacOSアプリと連携可能に、XcodeやVS Codeなどの開発者ツールとの連携が追加

2024/11/15 7 users OpenAI chatgpt MacOSアプリ チャットAI

OpenAIはチャットAI「ChatGPT」のアプリ版をWindows向け、macOS向けに配信しています。2024年11月14日にOpenAIがリリースしたmacOS版ChatGPTアプリのアップデートでは、XcodeやVisual Studio Code(VS Code)などのコーディングアプリ内のテキストをChatGPTが自動で読み取る機能が追加されています。 ChatGPT ???? VS Code... 続きを読む

これは便利なVS Codeの機能拡張！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズが簡単にできる -Clamp It!

2024/10/24 70 users CLAMP フォントサイズ CSS 関数 実装

CSSの実装に便利なVS Code用の機能拡張がリリースされました！ レスポンシブ対応のフォントサイズをCSSで定義するときに、面倒なclamp()関数の定義を簡単にできるClamp It!を紹介します。 Clamp It! -GitHub Clamp It! -Visual Studio Marketplace レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義 Clamp It!... 続きを読む

VS CodeのPythonデータサイエンス拡張パック、リリース　4つの拡張機能で何ができる？

2024/09/25 7 users リリース 拡張機能 Python Microsoft 米国時間

Microsoftは2024年9月18日（米国時間）、「Visual Studio Code」の「Python Data Science Extension Pack」（Pythonデータサイエンス拡張パック）をリリースしたと発表した。 この拡張パックは、Pythonでデータサイエンス作業を行うための最も一般的で便利なVisual Studio Codeの拡張機能をまとめたものだ。 データの準... 続きを読む

VS CodeのGitHub Copilot、GPT-4oベースとなりより長いチャットが可能に | gihyo.jp

2024/09/10 9 users GitHub Copilot gihyo.jp 改善点

VS CodeのGitHub Copilot⁠⁠、GPT-4oベースとなりより長いチャットが可能に GitHubは9月24日、VS Codeの8月のアップデート（1.93）におけるGitHub Copilotの改善点を発表した。 Larger context window, improved test generation, and more in VS Code’s Copilot Chat -GitHub Changelog 📣 The new @code release has th... 続きを読む

「Visual Studio Code」バージョン1.91公開　拡張機能の開発を効率化する「Chat API」「Language Model API」が利用可能に

2024/07/09 6 users Visual Studio Code 拡張機能 開発 効率化

Microsoftは2024年7月4日（米国時間）、WindowsやLinux、macOSに対応するエディタ「Visual Studio Code」（以下、VS Code）のバージョン1.91（June 2024）を公開した。 バージョン1.91ではソース管理、ワークベンチ、言語、拡張機能関連などの機能が強化されている。主なアップデート内容は以下の通り。 ソース管理：変... 続きを読む

Microsoft、「VS Code」ベースの無料コンピュータサイエンス教育環境を公開／多彩なコースとアクセシビリティ機能もビルトイン

2024/05/31 37 users ビルトイン Microsoft アクセシビリティ機能 ベース

続きを読む

VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA

2024/05/23 218 users ICS MEDIA プレ ドキュメント 筆者 文字修飾

ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレ... 続きを読む

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO

2024/05/09 18 users Page.tsx layout TSX 西村祐二 タブ

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを... 続きを読む

[小ネタ]VS Codeの拡張なしでキャメルケース、パスカルケース、スネークケース、ケバブケース、大文字、小文字に変換する | DevelopersIO

2024/05/07 10 users TypeScript DevelopersIO 西村祐二

[小ネタ]VS Codeの拡張なしでキャメルケース、パスカルケース、スネークケース、ケバブケース、大文字、小文字に変換する どうも！オペレーション部の西村祐二です。 Python、TypeScriptなどいろんな言語でプログラミングしていると、関数名や変数名などをキャメルケース、スネークケースに変更したい、大文字に変換した... 続きを読む

【Rye + uv + Ruff】Docker で VS Code の Dev Container 上に快適な Python 環境を構築する

2024/04/11 42 users ruff rye Docker pre-commit エヌ

0. はじめに 株式会社ディー・エヌ・エーに入社し，MLOps エンジニアをやっている @a5chin です． 本記事では，図 1 の様に VS Code の Dev Container 上に爆速で快適な Python 環境を構築することを目指します． 図 1: Dev Container 上で開発をすると Ruff による自動フォーマット[1]と pre-commit が走る 本記事の内... 続きを読む

VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります

2024/02/15 197 users ツリービュー エディタ 格段 おん 新機能

先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜び...記事の続きを読む 続きを読む

VS Code + GitHub Copilot 環境でも git commit しちゃうんだな、これが

2024/01/28 55 users GitHub Copilot git commit 環境

VS Code でコミットするときに GitHub Copilot を使っていると コミットメッセージを生成してくれたりします。 図 1 コミットメッセージを Copilot で生成 英語苦手な自分からすると「マジうれしいんですけど」という感じなのですが、コミットメッセージはできればエディターで記述したいと考えてしまいます。 そこで今... 続きを読む

VS Code 開発コンテナー用カスタム Docker イメージの開発方法

2024/01/07 7 users イメージ 開発方法 Docker MacOS Linux

はじめに ここでは VS Code 開発コンテナー用カスタム Docker イメージの開発方法について説明します。 動作確認は Linux 環境を使っているため、Windows や macOS とは違っている場合があります。できるだけ Docker が動作する環境であれば動くようにはしています。 この記事の対象者の前提は下記となります。 Visual S... 続きを読む

【VS Code】tasks.jsonで決まった作業を自動化する | DevelopersIO

2023/11/10 243 users Git DevelopersIO デプロイ コーディング 手動

はじめに VS Codeでコーディングをするとき、Gitの操作やビルド、デプロイなど、決まった処理を手動で実行するのが面倒だなと思ったことがあるのではないでしょうか。tasks.jsonというファイルを使えば、そういった面倒な手順を自動化し、開発効率を上げることができます。 この記事でやること この記事では、作業ブラン... 続きを読む

UIデザインにも最適！ アナログ印刷のインクと紙からインスピレーションを得たカラースキーム -Flexoki

2023/10/18 6 users 読み書き エディタ 温かみ スクリーン 色合い

デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードでも読みやすさと... 続きを読む

Microsoft、Visual Studio CodeでC#開発環境を構築できる「C# Dev Kit」拡張機能を提供開始

2023/10/10 5 users Dev kit Microsoft 拡張機能 開発環境 検出

Microsoftは2023年10月4日（米国時間）、「Visual Studio Code」（以下、VS Code）の「C# Dev Kit」拡張機能の一般提供を開始したと発表した。Windows、macOS、Linux、さらにはCodespacesで、ソリューションエクスプローラでコードを管理したり、ユニットテストの検出および実行機能を用いてコードをテストしたりでき、C... 続きを読む