【VSCode】 マルチカーソル、使ってますか？

2024/12/17 172 users マルチカーソル 命名 筆者 変数名 関数名

マルチカーソル機能の使い時 筆者がマルチカーソルを使用したくなる場面を3つ紹介します。 1. 命名を一括変更するとき 変数名や関数名を一括で変更するときに、マルチカーソル機能を使うことで、短時間で変更を行うことができます。 命名を一括変更している様子 検索バーから一括変更する方法もありますが、その場合カー... 続きを読む

Mermaid Graphical Editorを使うとVSCodeでサクサク図が書けるよ

2024/11/23 414 users

Mermaid Graphical Editor VSCodeの拡張機能です。 Mermaid記法を利用してマークダウン内部で作図しながら、Mermaidそれ自体のエディタを立ち上げることができます。 逆にMermaid Editor側で編集した内容もマークダウンにフィードバックされます。 vs Draw.io Integration 類似ツールとしてDraw.io Integrationがありま... 続きを読む

VSCodeをドキュメント作成に活用――テキストエディタ、Markdownエディタの設定と拡張機能を解説

2024/11/08 154 users テキストエディタ Markdownエディタ 用途 拡張機能

本連載では、VSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。VSCodeは、プログラミング以外の用途にも使えます。第10回では、VSCodeをドキュメント作成のためのテキストエディタ... 続きを読む

VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に

2024/11/05 107 users GitHub Copilot Copilot Edits

VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に マイクロソフトはVisual Studio Codeの2024年10月のアップデート版（version 1.95）を公開しました。 本バージョンでは、Copilot Chatセカンダ... 続きを読む

VSCodeのGitHub Copilotが色々便利になっていた件

2024/08/16 280 users chatgpt File chat 右クリックメニュー 要約

はじめに 知らない間にGitHub Copilotが結構進化していたので、それらの内容を紹介します。 GitHub Copilot Chatは知っていたのですが、単なるChatGPTみたいな会話機能を追加しただけだと思っていました。 要約 右クリックメニューや#fileのようなコマンドが登場し、それを入力するだけでChatに見てほしいコンテキストを... 続きを読む

VisualStudioCodeで絶対にしておくべき設定ベスト20

2024/08/02 167 users VisualStudioCode フレームワーク エディタ

Visual Studio Codeで絶対にしておくべき設定ベスト20 はじめに Visual Studio Code（VSCode）は、開発者にとって非常に人気のあるエディタであり、その柔軟性と拡張性から多くのプログラミング言語やフレームワークに対応しています。VSCodeを最大限に活用するためには、適切な設定を行うことが重要です。本記事では、V... 続きを読む

Visual Studio Code の Emmet機能を使ってコードを楽に書こう - Qiita

2024/07/28 100 users Qiita Emmet エンジニア みなさま 学習

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet... 続きを読む

【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】

2024/07/27 157 users TSX Page.tsx index.ts ディレクトリ名

はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると右側にディレクトリ名が表示されているのですが、薄い文字かつ、目線移動のコストが発生するため分かりづらいです。 この記事では、VSCodeの設定を変更することで、フ... 続きを読む

【VSCode】オススメの拡張機能と設定 - Qiita

2024/07/04 296 users Qiita YAML false 拡張機能 設定

{ "editor.formatOnSave": false, "editor.formatOnPaste": false, "editor.formatOnType": false, } この記事で紹介している拡張機能のIDは、記事の最後にまとめています。また、設定の方法については設定のやり方に記述しています。 以下は、この記事で紹介する拡張機能のカテゴリ一覧です。 設定ファイル関連(Yaml, J... 続きを読む

VSCodeで生産性を上げる

2024/06/16 281 users ユーザーフレンドリー エディター パンくず 執筆 拡張機能

はじめに こんなツイートを見て執筆をしようと思いました。 実際に、VSCodeは機能の追加や拡張機能の開発が活発に行われており、かつUIもユーザーフレンドリーであるため人気のエディターだと思います。VSCodeを使いこなせるのとそうでないのではエンジニアリングの生産性に大きな差が出てしまうと思います。 パンくずの... 続きを読む

Python + VSCode の環境構築 20240604

2024/06/04 351 users TypeScript Python 速習 無理 ツール

作業メモ。モダン Python 速習。 AI 周りのツールを動かしていたら TypeScript だけでやるには無理が出てきたので、久しぶりに Python の環境構築をする。 具体的には TestGen LLM を動かしたい。 Python はたまに触るけど、基本 2.x 時代の知識しかない。 基本的にこの記事を読みながら、細かいアレンジをしている。 基... 続きを読む

VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~ - Qiita

2024/05/02 253 users Qiita 一筆 シーケンス図 VSCode上 フローチャート

VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけ... 続きを読む

なぜVimmerの僕はマルチカーソルを必要としないか

2024/04/18 114 users Vimmer Neovim マルチカーソル テキストエディタ

はじめに VSCode などのテキストエディタには、マルチカーソルという機能があります。 これは、エディタ上に複数のカーソルを出現させ、一度に複数の場所に同じ操作を行うことができる機能です。 VSCode上でのマルチカーソル 自分はVSCodeをメインとしていた時にはこの機能を多用していたのですが、Neovimに移行してから... 続きを読む

VSCode + WSL makes Windows awesome for web development

2024/02/26 130 users web development

I’m kinda shocked. Windows actually got good for web developers. Between VSCode, WSL, and Intel’s latest desktop chips, I’ve been living with a PC for over a week that runs my programming tests faster than an M3 Max, ships with an excellent window manager out-the-box, and generally feels like a c... 続きを読む

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場

2024/02/13 474 users Dockerコンテナ 以下VSCode ターミナル Mac

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場 WindowsやMacなどのデスクトップPCでVisual Studio Code（以下VSCode）を利用して開発をする場合、同じローカルマシン上でDockerコンテナのLinux環境を起動し、VSCodeのターミナルで... 続きを読む

Code Tour を使ってじっくり確実にコードを読む

2024/02/09 246 users コード タスク 既存コード 拡張機能 理解

日々のタスクに忙殺されていると、ついつい既存コードを流し読みして、ざっと動くコードを書いてしまいたくなります。 一発でうまく動けば短期的にはいいのですが、長期的にはコードの理解が追いつかなったり、一発でうまく動かなかった場合にかえって時間がかかってしまいます。 VSCode の拡張機能である Code Tour を... 続きを読む

GitHub Copilotが便利になったのでターミナルもVSCodeで良いのでは？という話 - Qiita

2023/12/17 299 users Qiita GitHub Copilot ターミナル アプリ

この記事はラクスアドベントカレンダー2の17日目です。 先日のVSCodeのアップデートで、GitHub Copilotを使うとターミナル操作が便利になりました。 これにより、別途ターミナルのアプリを使わずにすべてVSCode上で操作した方が便利なのでは？となりました。 アップデート前までどうしてたか MacのiTerm2上で、GitHub Co... 続きを読む

VScodeだけでGit操作を完結させるのだ～～ッ!!

2023/12/07 255 users ステージング Git Graph Git操作 git add

VScodeだけでGit操作を完結させる方法について書くのだ。 👀その前に！ この記事は、以下の2つの拡張機能がインストールされている前提で進めるのだ。 Git Graph - Visual Studio Marketplace GitLens — Git supercharged - Visual Studio Marketplace インストールしておいてほしいのだ。 ✅ステージング(git add ◯） ... 続きを読む

VSCode のおすすめ拡張機能 2023年度版

2023/12/04 225 users キーバインド Neovim 後日 オススメ拡張機能 開発環境

株式会社ゆめみの 23 卒 Advent Calendar 2023の4日目の内容です。 2022年のはじめに自分の開発環境を紹介する記事を投稿したのですが、思いのほか読んでいただいているので2023年度版を作成しました。 今回は拡張機能編です。キーバインドなどは後日公開します。 今年1年間で JetBrains 製品や、neovim を使ってみたり... 続きを読む

【VScode今までありがとう】新時代のコードエディタ、Cursorのメリット・できることを網羅的に解説した

2023/11/22 386 users コードエディタ cmd Cursor code Shift

上記のようにコードエディタを開くコマンドを分けるために、既にcodeコマンドをVScodeで使っている方はcursorダウンロードの際にcursorコマンドのみインストールするようにしてください。codeの方もインストールすると、codeコマンドでVScodeとCursorどちらも開いてしまうようです。 Cursor主要機能紹介 cmd + Shift + L... 続きを読む

VSCodeのソース管理をはじめよう！ Gitの連携機能について解説

2023/11/15 101 users Git エディタ Microsoft 無償 領域

はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域... 続きを読む

VSCodeの拡張機能【Gist】が便利すぎて開発効率がかなり上がった話 - Qiita

2023/11/11 260 users gist GitHub Qiita GitHub Gist

はじめに 突然ですが、よく使うコードはどのように管理していますか？ 私はGitHubで管理していたのですが、今回VSCodeの拡張機能Gistを使って見たところ、サクッと参照ができて、かなり使い心地が良かったのでまとめておきます。 Gistとは VSCode上でGitHub Gistを連携させることができ、手軽にファイルの作成、編集、削... 続きを読む

Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita

2023/11/06 153 users Markdown Qiita OSS エディタ OSS版

こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を... 続きを読む

新卒向け「テストコード」の研修資料　Sansanが無料公開　Python上でのテスト方法を解説

2023/10/26 231 users Sansan テストフレームワーク pytest 新卒 解説

Sansanは10月25日、テストコードについての研修資料を無料公開した。4月に実施した新卒の技術研修で使った資料の一部で、入社2年目の社員が作成。Pythonのテストフレームワーク「pytest」でのテストコードの書き方や、VSCodeでのテスト方法などを解説している。 同社はテストコードの便利な点として「実行確認しやすい」... 続きを読む

VSCode(VisualStudioCode)の定番機能を一挙解説 - Qiita

2023/10/16 318 users Qiita VisualStudioCode 一挙解説 開発

はじめに コードエディタ界の王様VisualStudioCode。開発の際に使っている方も多いのではないでしょうか。 本記事では、VSCode(VisualStudioCode)の定番機能を紹介していきます。 この記事を読んで、VSCodeマスターになりましょう！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organization... 続きを読む