VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~ - Qiita
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけどmermaidとか難しそう 😢 できること VSCode上でポチポチしながらシーケンス図/クラス図/フローチャートを描けるようになる mermaid記法のコードも自動生成されるよ 個人的メリット mermaidの学習コスト0 紙で書くよりも修正しながら書きやすい 導入手順 （簡単7steps） (1) VSCode上で「Mermaid Graphical Editor」という拡張機能をインストールする (2)
WSL2 + VScodeでWindowsから一瞬でDockerコンテナ内に引き篭もれる開発環境を整えたかった - Qiita
WSLとは？ めっちゃ簡単に言えば、Windows10内に手軽にLinux環境を作れるようになる。 現在正式リリース中のWSLではDockerが動かなかったが、プレビュー版公開中のWSL2からはそれが解消され、話題になっている。 この記事で目指したかったこと Windows立ち上げてvscode開くだけでDockerコンテナ内の開発ソースディレクトリを開けるようにする * 結果的に、完全には引き篭もれなかったが、WSL2の良さは実感できた。また、今後のバージョンアップを待てば無事完全に引き篭もれる見込み。 * (2019/03/08追加)引き籠もれるようになりました。 * https://www.docker.com/blog/docker-desktop-for-windows-home-is-here/ WSL2 + VScode + Dockerによる開発環境構築 WSL2環境構築
Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC（けーしぃ、@kcpoipoi）と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない？？」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
VS Code（Visual Studio Code）エディタを便利に使うための拡張機能 - karaage. [からあげ]
追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 VS CodeにVimから乗り換えようと思った 普段、プログラムを書くためのエディタは3年くらい前からVimを使っています。 軽量ですし、大体どんなマシン（OS）でも入れられるので、プラグインとか色々入れて機能拡張していました。ただ、デバッグとか色々辛くなってきたので、IDEのエディタもまた使ってみようかなと思い、最近評判の良いVS Code（Visual Studio Code）に手を出しはじめてみました。 この記事では、VS Codeに入れている拡張機能を自分のメモがわりに書いておきます。 なお、VS Code自体のインストール方法は割愛します。以下公式サイト参照下さ
![VS Code（Visual Studio Code）エディタを便利に使うための拡張機能 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b419b5961db4e103e5825e57b949c82eebe7233/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb360504e9ff56eb5057a843c8b62ff5f40393063%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkaraage%252F20180929%252F20180929115011.png)
VSCodeをポータブル版として使用するための設定例 : OFF-SOFT.net
コマンドラインから VSCode をポータブルにて起動してみます。 ここまでできたら、コマンドラインから VSCode をポータブルにて起動してみましょう。 ポータブル版として起動するためには、以下のパラメータを指定します。 --user-data-dir: ユーザ設定ディレクトリを指定します。 --extensions-dir: ユーザ拡張機能ディレクトリを指定します。 # 試しに VSCode をポータブルにて起動してみます。 C:\> C:\VSCode\Code.exe --user-data-dir C:\VSCode\Code --extensions-dir C:\VSCode\Code\extensions 起動できたでしょうか？ 既存のVSCodeからデータを引き継がれた方は、正しく引き継がれたでしょうか？ 拡張機能などを確認なさると、うまく引き継げたか確認できると思いま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS Codeをフォーク | AI時代の最強コードエディタCursorの使い方を紹介｜ChatGPT研究所
VSCode(Visual Studio Code)の設定を同期させる拡張機能「Setting Sync」が便利 | カレリエ