10月です。ハロウィン！　ハロウィン！ Visual Studio Code 1.72 がリリースされました。こちらはまだ September のようですね。 今回のアップデートではオーディオやビデオを再生できるようになったり、Markdown のリンクの検証ができるようになったり、ターミナルのクイックフィックスなど盛りだくさんです。 そんな中、半年前に「できない」とブログで紹介したことが今回のアップデートでできるようになったので記念に(?)取り上げたいと思います。 それがこちら。 はい、VS Code の統合ターミナルでベルの音が鳴るようになりました！ こちらの機能はデフォルトでは有効になっていないため、設定で有効にする必要があります。 "terminal.integrated.enableBell": true 設定を有効後にベル文字を用いてベルを鳴らしてみましょう。具体的には pri

VS Code 1.71 がリリースされました? マージエディタの改善や、スティッキースクロールが GA したり (editor.stickyScroll.enabled)、統合ターミナル周りの改善など様々なアップデートがありました。 またプレビュー機能ですが、ファイルの移動や名前を変更したときに、該当ファイルを参照している Markdown のリンクを自動で追随して変更してくれる機能も来ているようで気になっています。 (markdown.experimental.updateLinksOnFileMove.enabled) 今回のアップデートで個人的に一番嬉しかったのは、統合ターミナルで Git Bash も（まだ実験的ですが）サポートされたことです。 統合ターミナルではコマンドの検出や装飾、ナビゲーションなどの便利な機能が使うことができますが、サポートされているのは以下の組み合わせのみ

CX 事業本部 Delivery 部 MAD グループのふじいです。先月は色々と忙しくブログが書けませんでしたが「今月は書くぞ！」と思っているところに VS Code のアップデートが来たので新機能を紹介します。 そんなわけで VS Code 1.70 がリリースされました?。 8月ですが July 2022 Update です。 任意の箇所でコードを折りたためるようになりました 今までは括弧で囲まれたブロックや Python のようなインデントで表されたブロックだと行番号とコードの間に ﹀ のような記号が現れ、それをクリックするとコードを折りたたむことができました。 今までは折りたためる箇所は決まっていましたが、今回の VS Code 1.70 のアップデートにより任意の個所でコードを折りたためるようになりました。 （例が適切ではありませんが）例えば以下のようなコードがあり、4,5,6を

VS Code で 開いている JSON ファイルの指定個所のパスをコピーできる拡張機能ってないのかなと調べたところ、そのまんまのものがあったので紹介します。 例えば以下のような JSON があったとします。 "g" を取得するためには a.b.c[1].foo[1] のように JSON のパスを指定して取得する必要があります。 { "a": { "b": { "c": [ { "foo": ["d", "e"] }, { "foo": ["f", "g"] } ] } } } 上記は簡単な JSON なので人間が目で一個ずつ追っていけばいいのですが、minify されていたり、配列の長さが多かったりする場合は目で追っていくのは大変です。 また VS Code も JSON のパスをパンくずリストの形で示してくれていますが、サイズの大きい(?) JSON ファイルの場合は一部のみの表示にな

皆さん今日は休みです？　私は仕事でーす！ VS Code 1.67 がリリースされました? Explorer file nesting とか Markdown 周りの強化 とか色々アップデートが来ています。 以前1.60で追加された「括弧記号の色付け」に関連する記事を書きました、今回はこの機能がデフォルトで有効になったのであらためて紹介したいと思います。 括弧記号の色付けとは 括弧記号の色付け（Bracket pair colorization）とは名前の通り、括弧記号に色を付ける機能です。 括弧記号に色付けされることによって視覚的にネスト状態が分かりやすくなります。 リリースノートに有効・無効時の比較画像がありましたのでそちらを引用したものが下記になります。 https://code.visualstudio.com/updates/v1_67#_bracket-pair-coloriz

テスト終了時に音を鳴らしたかった それとは関係ないんですが、ベル文字って知っていますか？ ベル文字を使用してターミナルで printf '\a' とか echo -ne '\007' と入力すれば音を鳴らすことができます。 これを利用し、以下のように VS Code の統合ターミナルでテストを実行し、終了時にビープ音鳴らして通知しようとしたところ音が鳴りませんでした。 yarn test; printf '\a' 同じようなことで悩んでいる issue を発見し、どうやら現時点で VS Code の統合ターミナルでは音が出ないようです。 https://github.com/microsoft/vscode/issues/47711 ベルマークは出せるよ その代わり(?)なのかは分かりませんが、VS Code の統合ターミナルではビープ音の代わりにベルマークを表示させることができます。 ま

9月にリリースされた VS Code 1.60 のリリースノートを読んで、発見した機能です。（1.60 で実装された機能ではありません） 以下でもちらっと触れましたが便利なので別途記事を書いてみました。 code - では皆さん、おもむろにシェルを開いて以下を入力し実行してみてください。 ls | code - bash なら以下のフォーマットで VS Code が立ち上がり、 PowerShell の場合は以下のフォーマットで VS Code が立ち上がったかと思います。 この時シェルは以下の状態で止まっています。 Reading from stdin via: /tmp/vscode-stdin.F5FrMB.txt VS Code を閉じると再びシェルが使えるようになります。 この code - については code -h でヘルプを見れば3行目に書かれています。（今まで見逃してた…

Visual Studio Code 1.61 がリリースされました? Bracket Pair Colorizer 2 使ってますか？ そして Bracket Pair Colorizer 2 がメンテナンス終了しているのはご存じでしょうか？ そしてそして先月リリースされた VS Code 1.60 で同様の括弧記号を色付けする機能が標準搭載されたのは記憶に新しいですよね？ そしてそしてそして今月リリースされた VS Code 1.61 でブラケットペアガイドも標準搭載されました。 というわけでメンテナンスされなくなった Bracket Pair Colorizer 2 から VS Code に標準搭載された括弧記号色付け機能に乗り換えてみました。 Bracket Pair Colorizer 2 とは 括弧記号を色付けする拡張機能です。 https://marketplace.visu

VS Code 1.60 がリリースされました? 今回も様々なリリース内容があります。 リリースノートを一目見て、今後お世話になりそうなリリース内容があったのでそれを取り上げたいと思います。 その機能は「言語自動検出」です。 言語自動検出とは 記述されているコードに基づいてプログラミング言語を自動検出し、ファイルの言語モードを自動的に設定してくれる機能です。 リリースノートにいくつか例があるので見ていきましょう。 貼り付けたコードを基に言語自動検出 Untitled で開いているエディターに Python のコードを貼り付けたら Python のシンタックスハイライトが適用され、 C# のコードを貼り付けたら C# のシンタックスハイライトが適用される例です。 Grab an example from online and paste it in an untitled editor: h

今年も VS Code Conference Japan が開催されます（宣伝） テーマや日時・開催場所は既に決まっています！ Monacoから10周年、拡張できるところが良いところなので、環境、スキルなどなど様々な拡張をVS Codeで始めていこう 日時: 2021年11月20日（土）10:00 〜 17:00 （※日付は確定、時刻は前後する可能性があります） 開催場所: オンライン 既に募集が開始されているので皆さんもぜひ参加してみてはどうでしょうか。 15分もしくは30分枠でセッションの募集もありますので、我こそはという方は登壇側で参加してみてはいかがでしょうか。（CfP 受付は9/23までとなっています） https://docs.google.com/forms/d/e/1FAIpQLSea_aOflOHSvTQmW52wQ08flvRzX704ccQcM3DBFDg7XDvBf

VS Code 1.58 がリリースされました? リリースノートはこちらにあります。 リリースノートの中で前回 DevelopersIO に書かせてもらった、ローカルに clone しなくても VS Code で GitHub 上のリポジトリを直接開ける Remote Repositories に関連のある「'Open in VS Code' badge」というものがあったので今回はそれをピックアップしてみました。 'Open in VS Code' badge 「VS Code で開く」バッジです。 このバッジを押すと以下のような画面に遷移し、Remote Repositories で開くもしくはDev Container で開くかを選択できます。 ちなみにこの画面では通常版の VS Code か Insiders 版の VS Code かを選べるようになっていました。 今回は左側の R

本日 2021/06/11 に Visual Studio Code 1.57 がリリースされました? リリースノートの中にあった「Remote Repositories」がとても唆るものだったので紹介したいと思います。 （実は Preview Feature として 1.56 に搭載されていた機能です。Terminal tabs しか見てなかった……） 現段階ではプレビュー版の機能になります。 Remote Repositories のざっくり機能説明 GitHub 上のリポジトリをローカルに clone することなく VS Code で直接参照できる機能です。 これにより GitHub 上でリポジトリ内の検索するよりもより使い慣れた画面で検索が行えるようになったり、VS Code の豊富で強力な拡張機能によってブラウザ上でのコード閲覧よりもリッチな体験が得られたり、更にはブランチ切って

5月6日なので（？）VS Code 1.56 がリリースされました。 アップデート内容に winget installation - VS Code is available via the Windows Package Manager. とありましたので早速 winget で VS Code をインスト―ルしてみます。 （事前準備）Windows Sandbox 環境構築 自分のマシンには当然のように VS Code がインストールされていますし、今回のためにアンインストールして検証するのは割に合わないので Windows Sandbox の中で試します。 まずは Windows Sandbox を立ち上げます。 Windows Sandbox で winget を使うための環境構築として下記から「C++ Runtime framework packages for Desktop B

はじめに 通常 Windows Sandbox は初期状態の Windows 10 を起動するため、普段使いするようなアプリケーションは起動後に手動で入れる作業を毎回行う必要があります。 ですが、Windows Sandbox には構成をファイルに記述し、その構成ファイルを元に Windows Sandbox を起動できる仕組みがあります。 今回はその Windows Sandbox 構成ファイルを設定して VS Code をプリインストールした状態の Windows Sandbox を起動できるように設定してみたいと思います。 Windows Sandbox とは Windows 10 May 2019 Update で導入された新機能です。使い捨て前提の仮想マシンで、毎回初期化された Windows 10 が立ち上がります。ホストとは独立しているため安全な環境が実現できます。 やってみ