これは便利な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!... 続きを読む

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】tasks.jsonで決まった作業を自動化する | DevelopersIO

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

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

「WinGet 1.6」が公開 ～「VS Code」や「PowerToys」のビルド環境もコマンド一発で準備／新コマンド「winget download」なども追加

2023/09/29 17 users PowerToys ビルド環境 新コマンド コマンド一発 準備

続きを読む

「Python in Excel」に強力な援軍、「Python Editor」のテストが開始／長いPythonコードも「Excel」サイドパネルで楽々、「VS Code」由来の支援機能も充実

2023/09/19 13 users 援軍 Excel 由来 サイドパネル テスト

続きを読む

VS Codeをフォーク | AI時代の最強コードエディタCursorの使い方を紹介｜ChatGPT研究所

2023/09/03 181 users ChatGPT研究所 時代 使い方 紹介

初めにCursorというAIファーストのすごいテキストエディタのご紹介です。もちろんChatGPT内蔵です。このエディタは、Visual Studio Code をフォークして作られているため、VSCode からのスムーズな移行ができます。そのため、Github Copilot も併用できます。 できること、基本的な機能や特長AI編集機能Command KはAIと... 続きを読む

Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog

2023/09/01 153 users CSS実装 Goodpatch Tech Blog 池澤

Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev Modeや... 続きを読む

Microsoft、「Visual Studio for Mac」終了

2023/08/31 18 users Microsoft リソース 重点 米Microsoft 方向

米Microsoftは8月30日（現地時間）、2016年から提供している「Visual Studio for Mac」を終了すると発表した。最新版（17.6）のサポートは2024年8月末まで続ける。 Microsoftは「リソースの方向を転換」し、「Visual StudioとVS Code（Visual Studio Code）をクロスプラットフォーム開発向けに最適化することに重点を置... 続きを読む

「GitHub Copilot Chat」β版公開　Visual StudioやVS CodeでAIペアプログラミングを支援

2023/08/07 11 users GitHub GitHub Copilot chat 利用

「GitHub Copilot Chat」β版公開　Visual StudioやVS CodeでAIペアプログラミングを支援：「GitHub Copilot for Business」ユーザーが対象 GitHubは、Visual StudioとVisual Studio Code（VS Code）で利用可能な「GitHub Copilot Chat」のβ版をGitHub Copilot for Businessユーザー向けに公開した。 GitHubは2023年7月20... 続きを読む

VS Codeにお勧めのフォント！ 似た字形をはっきり区別でき、プログラミング向けに読みやすさを追求 -Commit Mono

2023/07/31 12 users 字形 フォント ＭＭ 追求 幅フォント

コードがはっきりときれいに見えるように、プログラミング向けに読みやすさを追求したフォント「Commit Mono」を紹介します。 似た字形（「tl1I|!ij」「O0QDØ38B」「:;.,''''"」「2Z5S7T6b」）ははっきりと区別できるようにデザインされており、また等幅フォントでよくある特定の文字間で幅が等しく見えない問題（「mm」... 続きを読む

GitHub Copilot Chat ベータ版がすべての組織で利用可能に

2023/07/24 17 users GitHub Copilot chat ベータ版 組織 利用

Author Mario Rodriguez 今年初めにGitHub Copilot Xを発表した際、GitHub上の開発者エクスペリエンス全体にわたり、生成AIとGPT-4のパワーをもたらすことを目的とした、テクニカルプレビューを数多くご紹介しました。本日、GitHub Copilot Xをあらゆる組織に提供するための第一歩として、Visual StudioとVS Codeのすべ... 続きを読む

VS Codeの言語ごとの実践的な使い方、UIのカスタマイズ方法を詳しく解説した一冊 -毎日使える！ Visual Studio Code

2023/07/21 11 users 本書 言語 Visual Studio Code 言語ごと

Visual Studio Code（以下、VS Code）を今よりもっと使いこなしたい！ そんな人にお勧めの解説書を紹介します。 VS Codeの最大の特徴は、高いカスタマイズ性と豊富な機能拡張。本書では使用する言語に適した開発環境の構築方法、UIや設定のカスタマイズ方法、特にお勧めの機能拡張を軸に、VS Codeを使いこなす方法を解説... 続きを読む

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

2023/07/10 249 users KEN エディター Qiita vscode 休日

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

VBA基礎５：VS CODEでVBAを編集（ariawase）｜KIYO

2023/06/17 207 users VBE VBA GitHub Copilot Excel 編集

１．概要　普段業務効率化のためにExcelのVBAを使用することが多いですが①VBEが使いにくい、②GitHub Copilotを購入しているため有効活用したい　という理由でVS CODEを使用したいと思っております。 下記記事を参考にしながら、VS CODEでもVBAを編集できるようにしたいと思います。 なお別手法もあるため、そちらは別途... 続きを読む

Microsoft、「C# Dev Kit」をプレビュー公開 ～「VS Code」でC#開発環境を構築／「Visual Studio」のコンセプトを「Visual Studio Code」にも

2023/06/08 26 users Dev kit Microsoft コンセプト 構築 開発環境

続きを読む

VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ

2023/05/10 18 users 相対パス 新機能 フォルダツリー 画像 Shiftキー

VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これは... 続きを読む

君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

2023/05/09 693 users KEN Qiita デバッグ ＧＷ 公式ドキュメント

はじめに こんにちは、kenです。 GWに「暇だな～～、こんな日はVS Codeの公式ドキュメントを読むか！w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全... 続きを読む

Dev Containerを使ってステップバイステップで作るPythonアプリケーション開発環境 - ISID テックブログ

2023/05/02 79 users ステップバイステップ Dev Container ISID

みなさんこんにちは、電通国際情報サービス（ISID）Xイノベーション本部ソフトウェアデザインセンターの佐藤太一です。 この記事では、VS CodeのDev Containerを使ってOSに依存しないPythonの開発環境を構築する方法をステップバイステップで丁寧に説明します。 VS Codeの利用経験があり、またPythonによるアプリケーシ... 続きを読む

VS Codeで任意コード実行が可能だった脆弱性から学ぶ、Electron開発の注意点(CVE-2021-43908) - Flatt Security Blog

2023/04/19 22 users Electron開発 任意コード実行 脆弱性 注意点

初めに こんにちは。株式会社Flatt Security セキュリティエンジニアの石川です。 近年、クロスプラットフォームなデスクトップアプリケーションを作成する上で、Electronを採用することが選択肢の1つになってきています。 Electronの開発では、ライブラリとしてのElectronの実装と、その上にユーザーが構築するデスクト... 続きを読む