タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
「VS Code Meetup」は、強力かつ軽量なオープンソースのコードエディター「Visual Studio Code」のミートアップです。今年もVS Code Meetup 主催の年次カンファレンス、「VS Code Conference Japan 2021」が開催されました。招待講演では、SF作家の藤井太洋氏が登壇。VS Codeで執筆を支援する機能拡張「novel-writer」の制作について発表しました。 『Hello, World!』で吉川英治文学新人賞を受賞したSF作家 藤井：お時間いただきまして、ありがとうございます。本日、「Visual Studio Codeで小説を書く」というセッションを持たせていただく、SF作家の藤井太洋です。それでは、プレゼンテーションを進めます。 まず簡単な自己紹介から。私は、2012年に『Gene Mapper』というサイバーパンク小説をセル
もし世界が消滅して Visual Studio Code の設定が失われてしまった時に、この記事を見ればまた VSCode のカスタマイズが復元できる。 ここでは Visual Studio Code の見た目に影響するものについてのみ 取り上げる。 スクリーンショット Editor Terminal Zen Mode 環境 Visual Studio Code バージョン: 1.94.2 (user setup) コミット: 384ff7382de624fb94dbaf6da11977bba1ecd427 日付: 2024-10-09T16:08:44.566Z Electron: 30.5.1 ElectronBuildId: 10262041 Chromium: 124.0.6367.243 Node.js: 20.16.0 V8: 12.4.254.20-electron.0 OS
はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストール方法をご紹介します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをクリックする この4ステップで簡単に拡張機能をインストールできます。 オススメ拡張機能 ここからは、オススメの拡張機能をカテゴリごとに紹介します。 これは絶対入れるべき！基本機能 Japanese Language Pack
Visual Studio Codeを使うなら絶対に入れておきたい拡張機能Top20【2022最新版】 - Qiita
この記事はNuco Advent Calendar 2022の14日目の記事です。 VSCodeに必須の機能20個を紹介していきます。 インストール数と星の数は記事作成時点(2022年11月時点)のものです。 Japanese Language Pack for Visual Studio Code vscode-icons Code Spell Checker zenkaku Path Autocomplete Prettier - Code formatter indent-rainbow GitLens Git History HTML CSS Support Output Colorizer TODO Highlight vscode-random Atom One Dark Theme Trailing Spaces REST Client Live Server Jupyter
拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをクリックする この4ステップで簡単に拡張機能をインストールできます。 オススメ拡張機能 ここからは、オススメの拡張機能をカテゴリごとに紹介します。 これは絶対入れるべき！基本機能 Japanese Language Pack for Visual Studio Code インストール数：約425万 評価：☆4.5 VSCodeの言語を日本語にしてくれる拡張機能です。VSCodeをインストールした後すぐに入れ
Visual Studio Code、厳選したMCPサーバーの一覧ページを公開 ——一覧ページ上からのワンクリックインストールにも対応 Visual studio Code（以下VS Code）は6月19日、MCPサーバーをVS Codeにワンクリックでインストールできる、厳選したMCPサーバーの一覧ページを公開した。 MCP Servers for agent mode - Visual Studio Code We've launched a new page with a list of MCP servers that work great in @code with one-click install:https://t.co/ONVay2aEGj https://t.co/24pZ2H1AGh — Pierce Boggan (@pierceboggan) June 19
テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作
3日間限定「Visual Studio Code完全入門」が全文無料公開されています！ Web制作とプログラミングに特化された解説書
当ブログでも好評だった「Visual Studio Code完全入門」が重版出来🎉を記念して、3日間限定（5/19-5/21）で全文無料公開されているので、紹介します。 「Visual Studio Code完全入門」は、Web制作とプログラミングに特化されたVSCodeの解説書です。実際のワークフローを元に、VSCodeの基本的な機能から効率をアップさせる使い方を学べます。
Visual Studio Code と Docker コンテナを使って開発する - Pepabo Tech Portal
技術部データ基盤チームの @zaimy です。今回は、 Visual Studio Code（以下 VS Code）と Docker コンテナを使って開発環境を構築する方法を紹介します。 データ基盤エンジニアの開発環境として、Python を使用する単一コンテナを例に記述しますが、他の言語や Docker Compose を使う場合でも応用できます。 背景: M1 Mac (Monterey) に Python 3.8.12 をインストールできない 先日、業務で使用するマシンを Intel Mac から M1 Mac に切り替えたのですが、CPU アーキテクチャが異なることに加えて、OS のバージョンが上がったことで Apple Clang に下位互換性のない変更が入っており、業務上ある理由で必要な Python 3.8.12 のインストールが困難でした。 そこで、私の所属するチームは全員
VSCodeを使う人におすすめの解説書！ Web制作の効率アップにつながる操作方法を詳しく解説 -Visual Studio Code完全入門
Visual Studio Code（以下、VSCode）をもっと使いこなせるようになりたい、Web制作やプログラミングに最適化したい、VSCodeとGitを連携させたい、制作の効率アップにつながる操作方法を詳しく解説した入門書を紹介します。 Web制作やプログラミングで、VSCodeを使用している人は一読して損はない一冊です。 本書は、Web制作とプログラミングに特化された解説書です。実際のワークフローを元に、VSCodeの基本的な機能から効率をアップさせる使い方を学べます。 VSCodeをこれから使ってみたいという人でも大丈夫の一冊です。
【日々更新】Visual Studio Codeの便利なプラグインまとめ（コーダー・マークアップ・フロントエンドエンジニア視点）
Visual Studio Code（VsCode）本体のインストール まだインストールされていない方は、以下からVsCode本体をダウンロードしてください。 VsCodeのおすすめプラグイン（コーダー・マークアップ・フロントエンドエンジニア視点） 私が導入しているVsCodeのプラグインを紹介します。 フロントエンドエンジニアとして働いている自分の普段の業務ではHTML CSS Sass(Scss) EJS Pug JavaScript TypeScript React Next.js PHP WordPress Markdownファイル等を触ることが多いので、それらに関連したプラグインが多くなっています。 共通 プラグイン名 機能
米GitHubは8月11日（現地時間、以下同）、ソースコード共有サイト「GitHub」上でコードエディタ「Visual Studio Code」のWebブラウザ版を起動できる機能「Codespaces」のβ版を公開した。Twitterでは「便利すぎる」などと、ITエンジニアを中心に話題になっている。 ユーザーはGitHubのリポジトリ画面で「.」（ドットキー）を押すとVisual Studio Codeが起動する。個人ユーザーは当面無料で利用でき、チーム向けや企業向けのプランを利用している法人ユーザーも9月10日までは無料で試用できる。 法人向け料金は従量制で、計算に使用するCPUの性能と利用時間で変動する。最も安い2コアのCPUを使う場合は1時間で0.18ドル（約20円）。使用したデータの容量1GB当たり0.07ドル（約7円）も月額で別途請求する。 Visual Studio Codeは
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
関連キーワード Visual Studio | Microsoft（マイクロソフト） Microsoftの「Visual Studio Code」は、「Windows」「Linux」「macOS」向けソフトウェアの開発者が使う人気のソースコードエディタだ。Microsoftによると、2020年にVisual Studio Codeは新規に500万ユーザーを獲得し、現在月間1400万ユーザーが利用している。Visual Studio Codeの人気が高いのは、さまざまなOSや目的で利用できることによる。 Visual Studio Codeは“新世代のEmacs”か？ Copyright © ITmedia, Inc. All Rights Reserved.
Bash シェルスクリプトのデバッグや入力補完ができる Visual Studio Code 拡張機能（WSL2,mac,Linux対応） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? シェルスクリプトにも統合開発環境を Bash のシェルスクリプト (shell script) は Linux はもちろん mac や Windows でも動作します。 シェルスクリプトの文法にはかなりクセがありますが、仕様が安定しているために移植する必要がないという大きなメリットがあります。ただ、一般的なプログラミング言語と異なり、デバッガーが使えないため期待した動作と異なるときに動きが分かりづらいという弱点がありました。 しかし、それはもう過去の話です。 Visual Studio Code の Bash Debug 拡張機能を使え
はじめに 本記事ではC言語やTypeScriptなど特定の言語を使う際に便利な設定と拡張機能ではなく、言語にかかわらずVS Codeで使えるオススメの設定と拡張機能を紹介します。参考になれば幸いです。 更新履歴 2024-04-01 初版作成 2024-07-06 files.candidateGuessEncodingsの紹介を追加 editor.wordSegmenterLocalesの紹介を追加 拡張機能のWord Dividerの紹介を削除 (VS Code本体に同等の機能を実現するeditor.wordSegmenterLocalesが追加されたため) 2024-07-18 terminal.integrated.enableVisualBellの設定が間違っていたため修正 設定を有効にすると紹介していたのにかかわらず、無効になる設定(false)を記載していたため、設定を有効に
Visual Studio Codeを使ってDockerコンテナ内でシステム開発を行う - NRIネットコムBlog
本記事は NRIネットコム Advent Calendar 2022 24日目の記事です。 🎁 23日目 ▶▶Happy Christmas Eve! ▶▶ 25日目 🎄 はじめまして、入社7年目の川畑です。 主にPHPを使ったWebアプリの開発・保守・運用を担当しております。 今日はクリスマスイブですね。私は枕元に現ナマが置かれる予定です。夢はないけど嬉しい。 はじめに ローカルに開発環境を構築する際にDockerを利用されている方も多いですよね。 作って壊してが楽、ローカルにプログラミング言語を入れなくても開発環境が構築できるなどメリットにあふれています。そんなDockerを利用して環境を構築！人気エディタVisual Studio Code(以下、VS Code)でいざソースコードを書くぞ！と勇むと、下記のようなメッセージが通知されます。（PHP環境だとお考え下さい） Canno
ITエンジニアが最も使いたいエディタは？──パーソルキャリアは5月26日、こんなランキングを発表した。1位は「サクラエディタ」（38.0％）、2位は「秀丸エディタ」（20.8％）、3位は「Visual Studio Code」（9.4％）だった。 4位は「Atom」（5.2％）、5位は「TeraPad」（5.0％）、6位には「EmEditor」（3.0％）がランクイン。7位は「Brackets」「Notepad＋＋」「Vim」が同率（2.7％）。10位は「CotEditor」（1.7％）、11位は「Emacs」（1.5％）で、12位は「Liveweave」と「Sublime Text」が同率（1.0％）だった。 エディタを選ぶ上で重視するポイントを聞いたところ、1位は「ソフトの軽さ」（34.2％）。以降は「機能性の高さ」（28.3％）、「日本語対応」（14.4％）、「外部ツールとの連携」（
概要 Visual Studio Code（バージョン1.99）で、Agent mode機能がリリースされました！ これまで VSCode Insiders のプレビュー機能として利用されていた Agent mode が、正式に Visual Studio Code 上でも利用可能になりました。 本記事では Agent modeの概要、VSCodeでAgent modeを有効化する方法とAgent modeの活用ヒントをご紹介します。 この記事で分かること Agent modeとは何か VSCode上でAgent modeを有効化する方法 Agent modeの活用Tips Agent modeの概要 Agent modeでは、GitHub Copilotが自律的に動作し、ユーザーの要求に対して必要な作業を計画し、関連ファイルやコンテキストを自動的に特定します。 コードベースに編集を加える
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 for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
「Visual Studio Code」と「WSL」＋「Docker」をもっと便利に使いこなそう | Windowsユーザーのための WSL2で始める Linux環境構築術 | Think IT（シンクイット）
もっと仕事でCopilotを使いこなせる方法がわかる！『Microsoft 365 Copilot踏み込み活用術』を5名様にプレゼント！ 4月1日 10:00
Visual Studio CodeでのSSH接続により、EC2サーバーが高負荷になり動かなくなった - エキサイト TechBlog.
こんにちは、エンジニアの岩藤です。 今回はVisual Studio CodeでのSSH接続が原因で、接続先EC2サーバーが高負荷になってしまった現象と対策についてお話しします。 あるEC2サーバーで数人で開発していると、サーバーが急に重くなりssh接続すらできなくなる現象が定期的に発生しました。 ↓topコマンドで確認した結果 top - 14:21:29 up 5:20, 1 user, load average: 4.58, 2.01, 0.86 Tasks: 192 total, 3 running, 189 sleeping, 0 stopped, 0 zombie %Cpu0 : 10.1 us, 3.0 sy, 0.0 ni, 0.0 id, 86.9 wa, 0.0 hi, 0.0 si, 0.0 st %Cpu1 : 9.5 us, 2.4 sy, 0.0 ni, 0.0
Visual Studio Code の Emmet機能を使ってコードを楽に書こう - Qiita
エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet機能 を使えば、HTML等、特にWEB関連のコードを書くときに補完をしてくれるため、作業効率が格段にUPします。 騙されたと思ってぜひ一度お試しくださいませ！ 設定方法 1. VSCodeを開き、画面左下の「⚙️」 > 「設定」をクリック 2. 「emmet」と検索し、画面中段にある「Emmet: Trigger Expansion On Tab」にチェック 以上になります。 どんな事をしてくれるのか？ あるコマンドを入力後、「Tab」を押す事で良しなに補完をし
プログラマー以外にもおすすめ 「Visual Studio Code」のインストールから基本設定まで
Visual Studio Codeはプログラマーでなくても便利なエディタ Visual Studio Code（VS Code）は、主にプログラマー向けのコードエディタとして提供されているが、エンドユーザーや管理者でも高機能なテキストエディタとして活用できる。最近では、JSON形式やXML形式の設定ファイルの編集が必要なツールもあるので、VS Codeをインストールしておくとよい。 文書の入力や設定ファイルの編集などに、メモ帳アプリやワードパットではなく、既にテキストエディタを利用している人も多いのではないだろうか。しかし、こうしたテキストエディタでは、最近増えつつあるJSON形式やXML形式の設定ファイルを編集しにくいことがある。 こうしたファイル形式の編集には、Microsoft製の無償コードエディタ「Visual Studio Code（VS Code）」を使うとよい。VS Cod
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Visual Studio Code」で執筆するSF作家 藤井太洋氏が作る物書きのための拡張機能 | ログミーBusiness
ぼくがかんがえた最強の Visual Studio Code カスタマイズ 2024
Visual Studio Codeに入れるべき拡張機能【2024年最新版】 - Qiita
Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
Visual Studio Code、厳選したMCPサーバーの一覧ページを公開 ——一覧ページ上からのワンクリックインストールにも対応 | gihyo.jp
Visual Studio Code＋Markdownでキレイなプレゼンスライドを手軽に作成できる「Marp」／Markdownに慣れているのならばちょっとした拡張記法を覚えるだけ【レビュー】
戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある
「Visual Studio Code」でのリモート開発が手軽に ～リモートトンネル機能が提供開始／「SSH」は不要。「VS Code Server」で簡単セットアップ
Visual Studio CodeでGitHubリポジトリを「読む」のに便利な拡張機能が登場／わざわざローカルにクローンしなくてもOK。そのままVisual Studio Code上で閲覧できる
「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に
Webブラウザーで「Visual Studio Code」が完全動作 ～「vscode.dev」にアクセスするだけ／Microsoft、「Visual Studio Code for the Web」をパブリックプレビュー
「Visual Studio Code」に内蔵サーバーでWebアプリをプレビューできる拡張機能が登場／拡張機能ビューが改善された「Visual Studio Code」の2021年7月更新
無料エディタ「Visual Studio Code」大人気の理由 “新世代のEmacs”か
そこまでやる？ 170万DLの人気「Visual Studio Code」拡張機能に巧緻なマルウェア／「Ethereum」のスマートコントラクト言語「Solidity」の開発が楽になるとの触れ込み【やじうまの杜】
Visual Studio Code (VS Code)のオススメ設定と拡張機能の紹介
ITエンジニアが使いたいエディタトップ10 「Visual Studio Code」は3位 1位は？
Web版「Visual Studio Code」がオフライン動作に対応 ～PWAとしてインストール可能に／指定サイズ以下のリポジトリコンテンツを自動DLして高度な検索・定義移動も利用できる
Oracle、「MySQL Shell for VS Code」をプレビュー公開／「MySQL」の開発・管理シェル「MySQL Shell」を「Visual Studio Code」で直接扱える
「Visual Studio Code API」を現役エンジニアから学ぶ！ 拡張機能開発の入門書が発売／シンタックスハイライトやスニペット作成の壁を経験をもとに解説【Book Watch/ニュース】
「Visual Studio Code」がインストール不要に。Webブラウザで動作
「Atom」を開発終了に追いやった「Visual Studio Code」、月例更新でさらに強力に／ローカライズの強化、拡張機能のスポンサー機能などを追加。Markdownのリンク検証も試験導入
Visual Studio CodeのAgent modeとは？有効化の方法と活用のヒント
「VS Code Server」が登場 ～VS Codeのバックエンドを単体CLIに、フロントエンドにはWeb版が使える／「Visual Studio Code」の2022年6月更新は新しいマージエディター、サイレントモードにも注目
Docker、新しいVisual Studio Code拡張機能「Docker DX」を発表／言語サーバーもオープンソースで
「Visual Studio Code」が「MCP アプリ」に対応、AIエージェントの返答が視覚的・操作可能に／来週には安定（Stable）版にも展開される予定
編集履歴をたどれるようになった「Visual Studio Code」2022年3月更新（v1.66）／現在のファイルと比較したり、元に戻すことが可能
maya4.st.coresv.net
musicwebclips.net
www.gadget2ch.com
championcross.jp
www.47news.jp
qiita.com/htani0817