「Visual Studio Code API」を現役エンジニアから学ぶ！ 拡張機能開発の入門書が発売／シンタックスハイライトやスニペット作成の壁を経験をもとに解説【Book Watch/ニュース】
Register now for a full day of community, learning, and all things Visual Studio Code vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we h
執筆者様に Twitter でお声掛け頂き、発売前ながら献本頂く事になりました。執筆された森下様、送付頂いた技術評論社様、ありがとうございました。 Visual Studio Code は登場から色々な機能を取り込みつつ着実にユーザを増やし、統合開発環境としては今や飛ぶ鳥を落とす勢いになった言って良いでしょう。以下は 2019 年の Stackoverflow Survey で公開された有名な開発環境の調査結果です。 僕は普段は Vim というテキストエディタを使っていますが、実は僕は色々なテキストエディタを試します。Emacs も人並み程度使えますし、Visual Studio Code も拡張を自分で書いた事がある程度には使っています。 Search results - mattn | Visual Studio Code , Visual Studio Marketplace ...
Visual Studio CodeでJupyter Notebookを動かしてみた | DevelopersIO
どうも、DA事業本部の大澤です。 Visual Studio CodeのPython拡張機能のJupyter Notebook用エディタを触ってみました。Jupyter Notebookと似たインターフェイスでスクリプトが実行でき、エディタのインテリセンスのサポートも受けられて便利そうだったので、今回はその内容をご紹介します。 Working with Jupyter Notebooks in Visual Studio Code やってみる Python拡張機能を有効にする Jupyter Notebookをネイティブサポートするエディタを利用するにはPython拡張機能を有効化する必要があります。有効化してなければマーケットプレイスから検索し、有効化しましょう。 Python - Visual Studio Marketplace Python の環境を選択する コマンドパレットからP
[Ansible] Visual Studio Code で Playbook を書く時に便利な拡張たち - てくなべ (tekunabe)
はじめに Visual Studio Code（以下、VS Code）で Ansible の Playbook を書く時に、私が便利に利用させてもらっている拡張をご紹介します。 「自分は Windows で VS Code 使ってて、Ansible は SSH 先の Linux だから関係ないや。」という方も、最後の「Remote Developement」まで見ていただけると幸いです。手元が Windows でも通用します。 動作確認環境: VS Code 1.38.1 その前に・・標準ではどんな感じに？ VS Code では特に拡張を入れなくてもある程度は Playbook が書きやすいようになっています。 具体的には Playbook の拡張子を .yml または .yaml にするこことで、言語として YAML が選択されます。 これにより、シンタックスハイライトが効くようになり、
![[Ansible] Visual Studio Code で Playbook を書く時に便利な拡張たち - てくなべ (tekunabe)](https://cdn-ak-scissors.b.st-hatena.com/image/square/e505855f6b4602bad326910ea5e7fb02e6a5f379/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fakira6592%2F20190921%2F20190921112537.png)
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
回答 (2件中の1件目) 五十嵐 誠さんによる回答の補足としてSublime textへと繋がる源流、Mac専用のTextMateについて記載させてください。 TextMateはDavid Heinemeier Hanssonが初めてRuby on Railsのデモを講演で行なった際に利用されていたことが話題になり知名度を上げたテキストエディタです。 多くの機能と柔軟性を兼ね備えながら、Macとの親和性が高く開発者の支持を得ることに成功しました。 Sublime textの拡張機能もTextMate互換として設計されていました。 残念ながら、長いこと2.0に向けて作者が1人で開発...
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
How We Made Bracket Pair Colorization 10,000x Faster In Visual Studio Code
Register now for a full day of community, learning, and all things Visual Studio Code Bracket pair colorization 10,000x faster September 29, 2021 by Henning Dieterichs, @hediet_dev When dealing with deeply nested brackets in Visual Studio Code, it can be hard to figure out which brackets match and which do not. To make this easier, in 2016, a user named CoenraadS developed the awesome Bracket Pair
「Visual Studio Code」2020年3月版の新機能、時系列でファイルへの操作履歴「タイムラインビュー」、PC間で設定の同期、Undo/Redoがファイル再開後も有効など
「Visual Studio Code」2020年3月版の新機能、時系列でファイルへの操作履歴「タイムラインビュー」、PC間で設定の同期、Undo/Redoがファイル再開後も有効など マイクロソフトはオープンソースで開発している無償のコードエディタ「Visual Studio Code」の2020年3月版（バージョン1.44）を公開しました。 The March release of @code is out! New Timeline view, extension pack display, smoother file navigation, Remote Containers features, and more! Check out the all new features: https://t.co/NzNfF0BTl3 and update now! pic.twitter.c
プログラマー以外にもおすすめ 「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
GitLabは、これまでGitLabが自社で開発し提供してきたWebIDEを、Visual Studio CodeベースのWebIDEへ移行していくと表明しました。 Here's what's coming next to GitLab Web IDE. https://t.co/1iHQrvR46a — GitLab (@gitlab) May 24, 2022 GitLabには以前から、Webブラウザの画面からコードを管理しつつ、そのままコードの編集などを可能にするWebIDE機能が統合されていました。このWebIDEはオープンソースのMonaco EditorをベースにGitLabが開発してきたものと説明されています。 今回の発表は、このWebIDEをVisual Studio CodeベースのWebIDEに置き換えるというものです（ちなみにVisual Studio CodeもMo
あまり知られていないけれど、コーディングの作業が捗るVS Codeの機能とテクニックを紹介します。 今開いているファイルを残しながら新しいファイルを開けるようにしたり、コード内のコメントのカラーだけを自分好みに変更する方法など、ちょっとかゆいところに手が届くような便利なテクニックです。 5 Visual Studio Code Hacks That You Will Thank Me For (And They're Not Common Points Like "Install Prettier Extension") by Mohmed Ishak 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ファイルを常に新しいタブで開くようにする 2. コメントのカラーを変更する 3. コードを大きく表示する 4. カ
Windowsユーザーに贈るLinux超入門(28) Visual Studio CodeとWSLでPython開発に挑戦してみよう
追実験してみよう 前々回、Visual Studio CodeとWSLでLinux向けアプリケーションの開発を行うというテーマを取り上げた。その時は「Take your Linux development experience in Windows to the next level with WSL and Visual Studio Code Remote」を引き合いに出し、いくつかのスクリーンショットを掲載しつつ、実施に動作している様子を紹介した。 しかし、あの内容は開発者であれば追実験できたと思うが、開発者以外では難しかったように思う。 マイクロソフトから類似の記事は随時公開されているのだが、2019年7月22日に公開された次の記事が追実験に適している。ボリュームもそこそこで、初めてセットアップして使ってみるにはいい内容だ。 An In Depth Tutorial on Linu
『Visual Studio Code完全入門』重版出来記念、全文無料公開キャンペーン - インプレスブックス
いま急速にユーザー数が増えているVisual Studio Code（VSCode）。人気の高さゆえ、ほかのテキストエディタからの乗り換えも進んでいますが、その反面、新世代エディタ特有の高機能さがハードルになっていることもあります。本書は、そのハードルをなくすことを目指した「やさしい、役立つ解説書」です。VSCodeを使ってみたい／使っているユーザーが、もっと便利に使いこなせるようになることを目指し、基本からカスタマイズ、効率アップにつながる操作方法、さらにVSCodeが標準サポートしているGitの使い方まで丁寧に解説しています。
Windows / Visual Studio 使いが WSL 2 / Visual Studio Code で環境構築した時の手順 - しばやん雑記
基本的には Windows と Visual Studio を使って Azure Functions や GitHub で公開しているアプリケーションとライブラリを書いていますが、最近は Python や Go を書く必要がちょいちょい出てきたので、色々と観念して WSL 2 の環境を構築して使っています。 特に Python は Azure Functions だと Linux のみ対応となるので、Windows 上での開発は難しくなっています。他にも個人的に PR を投げている Terraform Provider for Azure も Windows 上では一部のテストが通らなくなっているので、WSL 2 を使わないと難しい状況です。 環境構築系はメモっておかないと後ではまるので、自分が必要な範囲で手順を残します。 基本的な WSL 2 環境構築 Visual Studio Cod
「Docker for Visual Studio Code」が正式版に、Visual Studio Codeの拡張機能。WSL 2環境のDockerコンテナに対応
マイクロソフトは、Visual Studio Codeに対応したDocker拡張機能である「Docker for Visual Studio Code」がバージョン1.0となり正式版に到達したことを明らかにしました。 Docker for Visual Studio Codeを利用することで、Visual Studio Codeの画面からDockerコンテナイメージのビルド、コンテナ内アプリケーションのデバッグ、Dockerコンテナに対するスタート、ストップ、インスペクト、リムーブなどのアクションの実行が容易になります。 バージョン1.0ではPythonで書かれたコードに対するデバッグ機能を強化。DjangoとFlaskフレームワークにも対応します。DjangoやFlaskを利用する際のDockerファイルを作成するためのScaffoldにも対応。 複数のコンテナを選択し、まとめてスタート
オラクル、Java開発を効率化するVSCode用拡張機能「Oracle Java Platform Extension for Visual Studio Code」を公開
オラクル、Java開発を効率化するVSCode用拡張機能「Oracle Java Platform Extension for Visual Studio Code」を公開 New Oracle open source project released! Oracle Java Platform extension brings full featured @Java development (edit-compile-debug & test cycle) for Maven and Gradle projects to VS Code. Get started: https://t.co/knjeFPRY1Q Learn more: https://t.co/77SIeky3cE#OracleOSS pic.twitter.com/whXIKFsBHV — Oracle Open So
You can add the information for all the hosts you have. Once you've saved the config file, you'll be able to see those hosts in the Remote Explorer, as well as any folders you have opened on that host. You can select the icon next to each host or folder and it will launch a new VS Code window (instance) and connect you to that host. In the screenshot below, I'm connected to my remote machine "pyth
Visual Studio CodeのJava環境が強化。Call Hierarchyで呼び出し元を次々にドリルダウン、変数が特定の値になると自動停止するデバッガ新機能など
Visual Studio CodeのJava環境が強化。Call Hierarchyで呼び出し元を次々にドリルダウン、変数が特定の値になると自動停止するデバッガ新機能など マイクロソフトが開発している無償のコードエディタ「Visual Studio Code」におけるJava開発環境の機能強化が発表されました。 Happy New Year and welcome back to our first update of #Java on VS @code in 2020! “Call Hierarchy” and compact folder view will help Java developers a lot. Debugger and Test Runner updates along with performance improvements are also worth ch
導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能のご紹介 | SIOS Tech. Lab
◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。 https://tech-lab.connpass.com/event/311864/ みなさん、こんにちは。サイオステクノロジー武井です。今回は、導入がカンタンで開発効率爆上げなVisual Studio Co
Register now for a full day of community, learning, and all things Visual Studio Code vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we h
Python in Visual Studio Code – October 2019 Release - Python
We are pleased to announce that the October 2019 release of the Python Extension for Visual Studio Code is now available. You can download the Python extension from the Marketplace, or install it directly from the extension gallery in Visual Studio Code. If you already have the Python extension installed, you can also get the latest update by restarting Visual Studio Code. You can learn more about
1. 区切り文字の設定変更 CSSクラス名や変数名をダブルクリックした際、ハイフン等がデフォルト設定では区切り文字として判定されます。それらの判定を変更する設定です。 設定前 設定後 設定手順 Code → 基本設定(Preferences) → 設定(Settings) 「設定の検索(Search settings)」欄に、editor.wordSeparators と入力 区切りとして扱ってほしくない文字を消す 初期値 2. HTMLブロックの一括選択設定 HTMLブロックの選択を楽にする為の設定です。 Emmet公式の説明ページ 選択したいHTMLタグにカーソルを合わせ、設定したキーを押すと、 ↓ 設定手順 Code → 基本設定(Preferences) → キーボードショートカット(Keyboard Shortcuts) 「入力してキーバインドを検索(Type to search
Visual Studio CodeがMarkdownのサポートを強化。ファイルのドロップでリンクを自動作成、見出しへの参照一覧など。Visual Studio Code 1.67（April 2022）
Visual Studio CodeがMarkdownのサポートを強化。ファイルのドロップでリンクを自動作成、見出しへの参照一覧など。Visual Studio Code 1.67（April 2022） マイクロソフトはコードエディタVisual Studio Code（以下、VSCode）の最新版となるバージョン1.67（2022年4月）をリリースしました。 The April release of @code is here! Check out the latest: Explorer file nesting Toggle inlay hints Markdown code navigation ... & much more! Release notes: https://t.co/VAPbRhj2U4 Download: https://t.co/1CSkQpMbwd pic
Amazon Linux 2 の Dockerイメージから開発環境を作り Visual Studio Codeで接続してみる | DevelopersIO
Amazon Linux 2 の Dockerイメージから開発環境を作り Visual Studio Codeで接続してみる Amazon Linux 2のDockerイメージから開発環境として使うコンテナを作り、Visual Studio Codeで接続してみました。 コンテナは以下をインストール or 可能としてみました。 AWS CLIをインストールする。かつクレデンシャルはローカルのものをコンテナ内でも使えるようにする。 (開発言語として)Go言語をインストールする。 ローカルマシンとコンテナで共有できるフォルダを作成する。 以下、今回作成した「docker-compose.yml」と「Dockerfile」について書いていきたいと思います。 作成したもの ローカル環境について 本作業はMacで行いました。docker-composeとDockerがインストールされているものとしま
手順書作成の未来（の 1 つの形）を Visual Studio Code の Extension にみたという話 | DevelopersIO
はじめに システム運用においては、なんらかのリソースを作成や削除したり、設定値を変更したりとさまざまな変更作業が発生します。その際、なんらかの手順書（Markdown や Excel 等）を準備して、作業をすることが一般的だと思います。 本記事では「変更手順の作成」と「その手順を実施する」という 2 点にフォーカスして、これらを支援する Visual Studio Code（以下、VS Code）の Extention をご紹介します。 なお、本 Extention は Azure でのみ使用可能な点にご注意ください。 補足: 手順書がどうあるべきかについては多くの意見があるため、この記事では触れません。 この辺りについては、運用設計ラボ様の素晴らしいスライドがあるので、末尾の参考資料にリンクしておきます。 Azure CLI Tools について 今回ご紹介するのは、Azure CLI
Visual Studio Codeで使えるリモート環境のdevcontainerが意外と便利そうだったのでまとめ
試してたらたまたまVisual Studio Code(vscode)のdevcontainer(Remote Container)が、Remote SSH経由でリモート環境でも使えることを知ったので、devcontainer用の環境構築方法やdevcontainerの構築方法についてまとめてみた 今まではローカル環境のdockerか、codespaceでしか利用できないのかなと思っていたのだけど、リモート含めて利用できるとかなり便利そうな印象だったので一通り試してみました 最近はRemote SSHでリモート環境を利用するケースが多いのでリモート環境で使えないならそんなに使えないかなと思ってたんだけど、普通にRemote SSH経由でdevcontainer使えたのでかなり便利そうだった devcontainerについてはこちらを参照してもらえればと はじめに 結論から言うと以下のような
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Visual Studio Code」がインストール不要に。Webブラウザで動作
vscode.dev Visual Studio Code for the Web
「Atom」を開発終了に追いやった「Visual Studio Code」、月例更新でさらに強力に／ローカライズの強化、拡張機能のスポンサー機能などを追加。Markdownのリンク検証も試験導入
Big Sky :: 書評： Visual Studio Code 実践ガイド
「VS Code Server」が登場 ～VS Codeのバックエンドを単体CLIに、フロントエンドにはWeb版が使える／「Visual Studio Code」の2022年6月更新は新しいマージエディター、サイレントモードにも注目
Visual Studio Codeはなぜ大きなシェアを獲得することが出来たのでしょうか？
「Visual Studio Code」に日本語テキストの校正機能を追加する拡張機能「テキスト校正くん」／「Visual Studio Code」でドキュメントもブログも書いてしまう人に是非お勧め【レビュー】
「Visual Studio Code」2020年8月更新、「Git」でのトラブルを防止する新オプションを追加／デバッグコンソールにフィルタリング機能も
編集履歴をたどれるようになった「Visual Studio Code」2022年3月更新（v1.66）／現在のファイルと比較したり、元に戻すことが可能
GitLabがVisual Studio CodeベースのWebIDEへ移行すると発表
「Visual Studio Code」にプロファイル機能、職場・自宅で設定を切り替え可能／ほかにもさまざまな改善を施した2023年1月アップデート（v1.75）がリリース
コーディングに役立つ！Visual Studio Codeのちょっとかゆいところに手が届くような便利な機能とテクニック
Chromebookを買ったので「Visual Studio Code」をインストールしてみました／“.deb”パッケージがプレビュー提供されているので、［Linux（ベータ版）］を有効化するだけ【やじうまの杜】
Visual Studio Code Remote SSH Tips and Tricks
Pythonの新しい言語サーバー「Pylance」がプレビューを卒業 ～「Visual Studio Code」でリッチな開発支援を実現／「Python」拡張機能の5月リリースで既定の言語サーバーに。10～20％の起動時間短縮も
Microsoft、「Visual Studio Code」向け「Docker」拡張機能を正式リリース／「Python」を利用したデバッグへの対応、「WSL 2」サポートなどを拡充
Microsoft、「TypeScript」高速化のために開発した「Deopt Explorer」を一般提供／「V8」の内部構造を理解している上級ユーザー向けの「Visual Studio Code」拡張機能
ソースコードの断片をスタイリッシュな画像にするVisual Studio Code拡張機能／Twitterなどで共有したいときに便利なインスタントプリントツール「Polacode」【レビュー】
vscode.dev Visual Studio Code for the Web
自分的Visual Studio Code(VS Code)の必須設定4選 - Qiita