お久しぶりです。データユニットの みく / Ryo Koizumi (@slpwalks) です。 みなさん、作図はお好きですか？ なんだかんだでかっちりとしたアーキテクチャ図を書くときは draw.io (drawio.com) にお世話になることが多いですが、ファイルの扱いがちょっとめんどくさいなと思うことが多いです。 drawio ファイルをそのまま Confluence, Notion などのページに埋め込むと描画が遅い レンダリング済みの画像ファイルを置くと後の人が編集できない 両方置くと同期を取るのが大変 編集可能なアーキテクチャ図という革命 draw.io には VSCode Extension が存在し、VSCode からシームレスに drawio ファイルを扱うことができます。 marketplace.visualstudio.com これだけでも便利ですが、「ファイル」
もし世界が消滅して 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
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、VS Code拡張機能（Extension）の開発手順について簡潔にまとめたのでご紹介します。 前回のエントリでもVS Code拡張を作成しました。既存ブログなどを見ながら四苦八苦して実装したのですが、手順自体は意外と簡単でした。 手順概要 VS Code拡張機能を開発する手順は以下のようになります。 プロジェクト作成（yoコマンドで1発） コマンド内容を実装（JS/TSで処理を記述） コマンドの呼び出され方を定義（package.jsonを編集） 動作確認（VS Codeのデバッガーを使用） VS Codeで拡張機能として利用可能にする（vsixファイルに変換してインポート） なお、ここで紹介するのは自分で開発して自分で使うExtensionを作る想定の手順です。マーケットプレイスへの公開手順は紹介しません。（ただし公開手順も難
ruby/debug と連携してデバッグを行える VSCode extension が出てるので試す。 marketplace.visualstudio.com github.com 前提 $code -v 1.57.0 b4c1bd0a9b03c749ea011b06c6d2676c8091a70c x64 $ruby -v ruby 3.0.1p64 (2021-04-05 revision 0fb782ee38) [x86_64-darwin19] 準備 debug はプレリリース版をインストールしてねと README にあるので従う。 gem install debug --pre ためしに以下のようなコードを書いてブレークポイントを貼ってみる class A attr_accessor :x end def main a = A.new a.x = 2 puts a.x end
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
