VS Code でビルドタスクやテストタスクを登録する (tasks.json)
タスク設定とはVS Code のビルドタスク設定 (tasks.json) をしておくと、 Cmd + Shift + B (Ctrl + Shift + B) というショートカットキーで、任意のビルドタスクを実行できるようになります。 「ビルド」タスクと言っていますが、実際には任意のコマンドを実行することができます。 例えば、Node.js アプリを起動するための npm start や、シェル上でのコマンドを素早く実行できるようになります。 ここでは、下記のようなコマンドを実行するタスクを VS Code に登録してみます。 npm start コマンド（Node.js アプリの起動）echo コマンド（Hello World と表示するだけ）サンプルアプリの準備npm start で起動するサンプルアプリとして、簡単な Node.js アプリを作成しておきます。 プロジェクト用のディ
初心者がJSDocを調べてみた - Qiita
免責事項 この記事は初心者視点でザックリとした説明をしています。正確性に欠ける可能性がございますが、ご了承ください。「明らかに違うよ」ということがありましたら、ご指摘くださると幸いです。 環境 OS：最新版ではないMacOS 目次 JSDocとは JSDocの書き方 1. JSDocとは JSDocは、JavaScriptのソースコードにアノテーション（注釈）を追加するために使われるマークアップ言語です。 なぜ使うか 複数人で開発を進める場合や、大規模なプログラムを開発する場合に、 変数のデータ型やオブジェクトの種類（配列、関数、コンストラクタ、クラスなど）をコメントとして記述することで、他の人がそれらを見分けることができ、開発の効率が上がります。 加えて、JSDocに対応しているエディターを使うとかなり開発効率が上がると思います。 JSDocに対応しているエディターVSCodeで、以下の
PlantUMLでER図を書いて、githubで管理してみた - Qiita
きっかけ 趣味のWebサイト制作で頭の整理のためにシーケンス図等を書きたいなーと思ったので、 PlantUMLを使って書いた後にどうせならドキュメントでPlantUMLにできるところを PlantUMLにしてしまおうと思い立ったのがきっかけです。 PlantUMLとは PlantUMLはシーケンス図やクラス図等のダイアグラムを text形式で記述できる方式です。 メリット text形式だからgit等で差分を取りやすい vscode等のIDEの自動補完機能を使用すればかなりの速度でUML図を書けるようになる 後述のchrome拡張機能もあり、全てをtextで管理したいがちなエンジニアにとっては 良いツールとなっているのではと思います。 スニペットもうまく使っていければ高速で記述できそうです。 デメリット 学習コストが高い(ように感じた) 実際に生成される図を見ながらでないと整った図が書けない
Visual Studio CodeでER図作成 - Qiita
準備 Visual Studio Code これはもちろん必須。 Graphviz http://www.graphviz.org/ こちらからダウンロード。UML描画のために必要らしい。 PlantUML 拡張機能「PlantUML」をインストールする。 ER図の作成の仕方 拡張子「.puml」でファイルを作成して、中身を記述する。 @startuml erdiagram entity "app" { + app_id [PK] == app_cd app_type } entity "app_detail" { + app_detail_id [PK] == # app_id [FK(app.app_id)] app_cnt } app --o{ app_detail @enduml
VisualStudioCodeであるフォルダ以下のファイルを全てShift-JISで開きたい - だだだだだだいありー
やりたいこと タイトルの通りなんだが、 Shift-JISで書かれた文書がフォルダ以下にたくさんあって、その内容を Visual Studio Code で確認したい。 Visual Studio Code のデフォルトエンコードは UTF-8 なので、まぁ文字化けするわするわ。 試したこと１ ステータスバーの右下の UTF-8 をクリック エンコード付きで再度開く Japanese(Shift-JIS)を選択 こんなんファイル開くたびにやってられない。。 試したこと２ ファイル -> 基本設定 -> 設定 ユーザー設定を選択 ""files.encoding": "shiftjis"" を追加 これだと毎回 Shift-JIS になってしまう。 いつもは UTF-8 で見たいんだよぉぅ。。 試したこと３（解決方法） Visual Studio Code は ワークスペースって概念があって
Windows+VSCode+Python(on Linux)のリモートデバッグでブレークポイントが効かない問題と原因と対処 - Qiita
Windows+VSCode+Python(on Linux)のリモートデバッグでブレークポイントが効かない問題と原因と対処PythonVSCode 恐らく、WindowsでVSCodeを使ってリモートのLinux上のPythonプログラムをデバッグするような人はレアなんでしょうが、私が引っかかって具体的な対処も書かれておらずとても辛かったので、起こった問題、原因、対処法をここで共有します。 また、対処は暫定的なものです。 TL;DR Windows上のVSCodeにおいて、ドライブレターの大文字・小文字の扱いにより本問題が起きている。 対処としては、launch.jsonのpathMappingsのlocalRootはドライブレターを小文字で指定すると動作するようになる。 VSCodeには便利な変数${workspaceFolder}があるので指定したくなるが、これだとドライブレターが大
VS Code の便利なショートカットキー
Visual Studio Codeを自分が使用する際に便利なショートカットキーを、忘れないようにまとめておく。Windows版。v1.57で再確認済み。 編集系 Ctrl + Enter カーソル行の下に空行を挿入 Ctrl + Shift + Enter カーソル行の上(というかカーソル行？)に空行を挿入 Alt + ↑/↓ カーソル行／選択行をまるっと移動(複数行対応) Alt + Shift + ↑/↓ カーソル行／選択行をまるっとコピー(複数行対応) Ctrl + C 選択範囲をコピー。非選択状態で使用すると行コピーになる Ctrl + X 選択範囲を切り取り。非選択状態で使用すると行切り取りになる Ctrl + BS 単語の部分削除（カーソル位置より左側） Ctrl + Del 単語の部分削除（カーソル位置より右側） 1.は次の行を入力したい時、今まではカーソルを一旦行末に持っ
VS codeのおすすめ拡張機能と設定の変更｜プログラムメモ
WEB系エンジニアにオススメのVisual Studio Code の拡張機能 VS Code https://code.visualstudio.com/ ● 爆速 自動リロードサーバ 「Live Server」 かなり高速です。gulpの「gulp-webserver」「gulp-connect」より速い。 ・VS code Live Server の起動方法 ・VS code で表示させたいフォルダを開く ・「Command + Shift + P」 → 「Live Server: Change Liver Server work space」からフォルダを選択 ・「Command + Shift + P」 → 「Live Server: Open with Liver Server」でブラウザで 「http://127.0.0.1:5500」が開く （または画面一番下のステータスバ
Java開発環境をVisual Studio Code で整える | 株式会社ソリューションウェア
2020/08/12 更新：vscode-java 0.65.0 から Java 11 が必須となった ため、一部修正しました。 Java の開発で使われるIDEには Eclipse IntelliJ IDEA NetBeans といったものが主流のようですが、ある言語だけ別物の環境で開発することに筆者は少し抵抗がありました。1 2 Java を扱うプロジェクトにジョインするとき、最近流行りの Visual Studio Code（以下 VS Code ）は対応してないのか？ と少し調べたところ、ここ最近で対応が進んだようで無事セットアップできました。さくさく開発できるので気に入ってます。 今回はそのセットアップ手順を紹介します。 この記事で書くこと Java 開発における VS Code の設定 必要な拡張機能のインストール 設定ファイルの書き方 この記事で書かないこと VS Code
VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」に役立つ拡張機能を紹介しました。本記事では、開発者全般の方に役立つ拡張機能を紹介します。 エディターを強化する拡張機能 1. Clipboard Ring テキストを「コピー」や「切り取り（カット）」したものを「貼り付け（ペースト）」する場合に、この拡張機能を入れることで複数件の内容を記憶できます。ctrl+shift+v（⌘+shift+v）を押すごとに過去の情報に切り替えられます。デフォルトでは10件の情報を記憶できますが、設定を変更することで記憶する件数を増やすことも可
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS Code の Remote Containers で Java 12 開発環境を構築 - kondoumh のブログ
Substitution Value of ${workspaceFolder} Not As Expected · Issue #43867 · microsoft/vscode
【Windows版】VS Code キーボードショートカット一覧 （オススメ付き） - Qiita