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

2024/04/18 114 users Vimmer Neovim vscode マルチカーソル 一度

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

VSCode + WSL makes Windows awesome for web development

2024/02/26 130 users vscode 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 vscode 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 タスク 既存コード 拡張機能

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

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

2023/12/17 299 users Qiita vscode GitHub Copilot

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

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

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

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

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

2023/12/04 225 users vscode キーバインド Neovim 後日 2023年度版

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

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

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

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

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

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

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

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

2023/11/11 260 users gist GitHub Qiita vscode 参照

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

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

2023/11/06 153 users Markdown Qiita vscode 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 vscode

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

主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO

2023/10/12 437 users snippet vscode DevelopersIO 構造

ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを... 続きを読む

PlaywrightのVSCode拡張を使って効率的にテストを書く

2023/10/11 121 users vscode playwright GUI VSCode拡張

この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便... 続きを読む

VSCode の新機能「built-in port forwarding」を使いローカルサーバーにインターネット側からアクセス - Qiita

2023/09/09 248 users Qiita vscode リリースノート インターネット側

VSCode の新機能「built-in port forwarding」を使いローカルサーバーにインターネット側からアクセスHTMLJavaScriptNode.jsVSCode はじめに この記事は、以下の公式ポストや、VSCode のアップデート後のリリースノートにも出ていた「built-in port forwarding」を試してみた話です。 この機能を使うと、ローカルにある... 続きを読む

VSCodeをプログラミングエディタとして強化しよう！ 便利な設定や拡張機能を紹介

2023/09/07 124 users vscode エディタ プログラミングエディタ 無償 領域

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

Vim から VSCode に移行して分かったたった１つの真実

2023/08/25 114 users vscode vim Rai IDE エディタ

導入経緯 当社は受注開発のIT企業である。2023年に長らくお世話になったVimの利用を辞め、VSCodeを使い始めた。 当社の実情 当社のエンジニアは2022年時点で全員がVimを使っていた。当時の案件はメインがRuby on Rails関連であったことも相まって、世に出回る便利なエディタ、IDEに関する情報感度が極めて低かった。 Rai... 続きを読む

VSCodeをWebサイト開発用ツールに ―HTML／CSS／JavaScriptエディタとして強化しよう！

2023/07/31 152 users vscode エディタ CSS Microsoft 無償

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

VSCode + Dockerでよりミニマルでポータブルな研究環境を

2023/07/28 144 users Docker vscode GCP ミニマル リモート

はじめに もっとミニマルで簡単なポータブルな環境を! 自分自身の研究のための環境構築についてこれまで二本の記事を書いてきました. これらの記事から二年ほどたち, いくつかの点において不満点が出てきました. 特に, GCPや自宅のサーバー上でリモートで作業することが多くなってきたので, よりミニマルでポータブルな... 続きを読む

知識0の状態からたった2時間でVSCodeの拡張機能を作った話 - Qiita

2023/07/10 249 users KEN エディター Qiita vscode VS Code

はじめに こんにちはkenです。エディターはVS Codeを使ってます。 突然ですがみなさん、普段開発をしていて 「VS Code にこんな拡張機能、あったらいいのにな〜」 と思うことありませんか？ 私はあります。しょっちゅうあります。 そこで先日、予定がない休日を利用して拡張機能の開発に挑戦してみることにしました。 最... 続きを読む

VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応

2023/06/25 118 users figma vscode サンフランシスコ 補完 買収

VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応 昨年（2022年）、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。 その基調講演で、VSCodeのコードエディタ画面にFigmaの機能... 続きを読む

VSCodeが物足りない人へ AstroNvimの紹介

2023/06/06 161 users Neovim vscode エディタ 筆者 みなさん

はじめに みなさんはエディタに何を使っていますか? 筆者は最近、VSCodeからNeoVimに乗り換えました。 NeoVimは自分好みにカスタマイズしていくエディタです。 この記事ではVSCodeに飽きちゃった人やNeoVimを使ってみたいけど難しそうだなと思っている人に向けてAstroNvim を紹介します。 AstroNvim とはオールインワン... 続きを読む

理系大学生は研究でもjupyterNotebook(anaconda)ではなくVScodeを使おう+Python環境構築 - Qiita

2023/05/24 195 users Anaconda Qiita vscode 理系大学生 研究

はじめに 理系大学生諸君は、実験で得たデータの解析やグラフ作成にPythonを使っているでしょうか? 私の所属する研究室では、PythonまたはNgraphでグラフを作ることが推奨されています。 特定のグラフ作成ソフトと比べてPythonでグラフを作るメリットというのはいくつかありますが、各設定項目をテキストデータとして確... 続きを読む

VSCodeのワークスペースを素早く切り替える

2023/05/24 187 users vscode ワークスペース ファ プロジェクト 拡張機能

はじめに 普段VSCodeを利用しているのですが、複数のプロジェクトを並行して進めている場合にワークスペースの切り替えが地味に面倒だなと感じていました。。 何か簡単に切り替えれる方法はないかと調べていたところ、VSCodeの拡張機能「Workspace Explorer」がよさげだったので試してみました！ 事前準備 VSCodeの ファ... 続きを読む