[B! vscode][VSCode] gt-r-blazeのブックマーク

VS Code 1.83の新機能 - ピン留めされたタブを別行に表示する機能の追加 - Qiita

ピン留めされたタブを別行に表示する機能が追加された。設定 Workbench > Editor: Pinned Tabs On Separate Row をONにすると、ピン留めされたタブが最上段に、それ以外のタブが2段目以降に表示されるようになる。また、タブをドラッグ＆ドロップすることで最上段と2段目以降を移動させることもできる（つまりピン留めの設定/解除）。タブのピン留め機能はイマイチ良い使い方が思いつかず今までほぼ使ってこなかったが、この機能を使えばメインで表示するファイルのタブを最上段(ピン留め)に配置し、一時的に表示するファイルのタブを2段目以降(ピン留めなし)に表示する、みたいな使い方ができて便利そう。 Register as a new user and use Qiita more conveniently You get articles that match yo

gt-r-blaze 2023/10/20

VSCode

リンク

Visual Studio Code で Remote SSH する。 - Qiita

VS Code で Remote SSH VS Code で Remote SSH する方法を記載しておきます。はじめに本家のチュートリアルは以下のサイトにあります。概要 Developing on Remote Machines using SSH and Visual Studio Code チュートリアル Connect over SSH with Visual Studio Code Remote Development with Visual Studio Code Tutorials 要約やったこと 1. VS Code に Remote SSH の拡張機能をインストール拡張機能のボタンをクリックし、Remoteと入力。表示された Remote-SSH をインストールする。すると、以下のようなマークが左下に「><」が表示されることを確認する。 2. VS Code

gt-r-blaze 2023/10/05

VSCode
SSH

リンク

VSCodeでMermaidを扱う為の便利な拡張機能あれこれ - Qiita

はじめに Mermaid とは、コードベースでガントチャートやフロー図などの作図が可能となるJavaScriptのライブラリです。 2022年にGitHubやQiitaでもサポートされるようになり、Markdownの中に専用のコードを書くことで図の挿入が出来るようになりました。 Include diagrams in your Markdown files with Mermaid 【Mermaidの紹介】Qiitaでダイアグラム・チャートが簡単に書けるようになりました！例えば、QiitaでMermaidを使ってガントチャートを書いてみると以下のようになります。 ※スケジュールは架空のものですコードを展開 ```mermaid gantt title ○○サービススケジュール dateFormat YYYY-MM-DD section ﾏｲﾙｽﾄｰﾝ実装 : done, milest

gt-r-blaze 2023/09/28

リンク

【Visual Studio Code】拡張子を言語モードに関連付ける方法

Visual Studio Code（VSCode）を利用していて指定の拡張子を言語モードに関連付けしたい場合の方法を説明します。当説明では「.inc」拡張子を「PHP」の言語モードに関連付ける方法を説明しますが、他の拡張子、言語モードでも同じ手順で行えます。まず、VSCodeの左下の現在の言語ーモードを表示している部分をクリックします。（「.inc」拡張子はVSCodeに登録されていない拡張子なので「プレーンテキスト」扱いとなっています。）次に言語モードの選択ダイアログが表示されるので「'.inc'に対するファイルの関連付けの構成」をクリックします。（ここでテキストボックスに直接PHP入力して設定しても良いのですが、その場合は今回に限り適用され、次回開いた際は最初の「プレーンテキスト」扱いになります。）最後に「PHP」を選択すると設定完了です。次回から「.inc」ファイルを開くと

gt-r-blaze 2023/05/15

VSCode

リンク

Basic Editing in Visual Studio Code

You can edit your keybindings.json to bind them to something more familiar if you want. Column Selection mode The user setting Editor: Column Selection controls this feature. Once this mode is entered, as indicated in the Status bar, the mouse gestures and the arrow keys will create a column selection by default. This global toggle is also accessible via the Selection > Column Selection Mode menu

gt-r-blaze 2023/03/06

VSCode

リンク

【Visual Studio Code】拡張機能をすべて無効にして起動する方法 - Qiita

皆さん、こんにちは。戸倉彩です。 Visual Studio Code をインストールした後に拡張機能をインストールして使われている方も多いことと思います。拡張機能を無効にしたい場合には、アクティブバーの拡張機能アイコンから手動で「無効にする」に設定することもできますが、今回はまとめて『すべての拡張機能を無効化した状態で起動する方法』をご紹介します。デフォルト画面を確認したい場合や、一時的に拡張機能を利用したくない場合に覚えておくと便利です。拡張機能を無効にして起動する方法下記のオプションを付けてコマンド実行する Visual Studio Codeは拡張機能をすべて無効化した状態で起動します。拡張機能の設定をチェックしてみると、すべての拡張機能が無効化された状態になっていることが確認できます。有効にしたい場合には [再読み込み]　をクリックして、拡張機能を有効化して

gt-r-blaze 2022/12/09

“code --disable-extensions”

VSCode

リンク

How to get rid of "Terminal will be reused by tasks, press any key to close it." behaviour?

gt-r-blaze 2022/10/20

VSCode

リンク

VSCode + Markdown + Mathjax の設定で、LaTeX数式を含むWordPress用の記事作成を爆速にする話

WordPressのエディタ、LaTeXが使いにくいんだけど。。。どうも、novです。 WordPressでブログを書いている方、技術系に明るい方なら一度は以下のように思ったことがあるのではないでしょうか。「数式表示、シンタックスハイライトがかからなくて書きにくいんだけど」「毎回プレビュー見ないと数式がレンダリングされなくて、筆の進みが遅い。。。」はい、実際に私が数学関係の記事を書いていて思ったことです。 WordPressはプラグインを使用することでMathJax.jsが使えるので、一応LaTeXの記法で数式が書けます。しかし、インライン表記は通常の”$” “$” という表記が使えない上、Wordpressのエディタではシンタックスハイライトがかからず、括弧のネスト等が見づらくて仕方ないわけです。さらに、打ち込んだ数式が正しく描画されるかは毎度プレビューを確認する必要があり、

gt-r-blaze 2021/11/24

vscode

リンク

#vscode Visual Studio Code のmarkdownでmathjaxを使えるようにするパッチ（仮） - Qiita

http://3846masa.hatena blog.jp/entry/2015/04/30/083502 と同じ記事なんだか Visual Studio Code が話題になっているようで． markdownもプレビューできるのかー，でもtex書けないとなー．そんなことで，適当に作ってみた． #vscode Visual Studio Codeのmarkdownでmathjaxを使えるようにするパッチ（仮） 15/04/30 18:24 追記括弧のエスケープがおかしかったから直した 16/04/11 追記新しいパッチを作ってくれた人が！！ > コメント欄参照導入方法 markdownWorker.js にパッチを当てる WindowsではC:\Users\{USER}\AppData\Local\Code\app-0.1.0\resources\app\client\vs\la

gt-r-blaze 2021/11/24

vscode

リンク

Spring boot (with spring-boot-devtools) + Docker でリモートデバッグ環境を整える - Qiita

Spring boot (with spring-boot-devtools) + Docker でリモートデバッグ環境を整えるgradleDockerSpringBootVisualStudioCode 2020年12月末追記 VSCodeのRemote Developtmentっていうextensionを知って、もうローカルで作業する必要ないじゃん(この記事の内容自分で使わなさそう)、、、となったので一応追記。やりたかったこと spring bootアプリをdockerで起動してローカルで開発環境を整える。公式ドキュメントに従って実行自体はすぐできたが、この方法だとspring-dev-toolsが使えなかった1。以下の構成にしてマウントしてファイル更新の反映を楽にしたかった。コンテナログインとかsshなしで反映作業をホストで完結させたかった。以下を行った。コンテナとホストの

gt-r-blaze 2021/11/11

リンク

Maven and Gradle support for Java in Visual Studio Code

Version 1.93 is now available! Read about the new features and fixes from August. Java build tools in VS Code This document is an overview of how to work with your Java build tools in Visual Studio Code. It covers the Maven for Java and Gradle for Java extensions as well as other tools. If you run into any issues when using the features below, you can contact us by entering an issue. Maven Maven i

gt-r-blaze 2021/11/10

Maven
vscode

リンク

VSCodeでキーバインドを設定する。keybindings.jsonが無い時の対処法 - Qiita

VSCodeでは、設定系のjsonファイルが無いことが多々あります。キーバインドの設定をしようとしたときになかったので、出し方を調べました。今回、いじりたいのは、keybindings.jsonです。他の設定でも、今回と同じやり方でjsonファイルを生成できるでしょう。手順まず、設定画面を開きます。一覧が出ます。右上の下記のマークを押すとjsonファイルが生成されます。参考 vscodeを快適に使うためのキーバインド設定集 https://note.mokuzine.net/vscode-keybindings/ Visual Studio CodeのIntelliSenseをTabで選べるようにする | コンパス https://routecompass.net/vscode/

gt-r-blaze 2021/02/20

vscode

リンク

web-development-kb-ja.site

gt-r-blaze 2020/09/12

VSCode

リンク

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 アプリを作成しておきます。プロジェクト用のディ

gt-r-blaze 2020/09/08

VSCode
!

リンク

初心者がJSDocを調べてみた - Qiita

免責事項この記事は初心者視点でザックリとした説明をしています。正確性に欠ける可能性がございますが、ご了承ください。「明らかに違うよ」ということがありましたら、ご指摘くださると幸いです。環境 OS：最新版ではないMacOS 目次 JSDocとは JSDocの書き方 1. JSDocとは JSDocは、JavaScriptのソースコードにアノテーション（注釈）を追加するために使われるマークアップ言語です。なぜ使うか複数人で開発を進める場合や、大規模なプログラムを開発する場合に、変数のデータ型やオブジェクトの種類（配列、関数、コンストラクタ、クラスなど）をコメントとして記述することで、他の人がそれらを見分けることができ、開発の効率が上がります。加えて、JSDocに対応しているエディターを使うとかなり開発効率が上がると思います。 JSDocに対応しているエディターVSCodeで、以下の

gt-r-blaze 2020/06/23

//@ts-check による型チェック用の JSDoc

リンク

unknownにはtypescript-json-validatorを使うべし。ファイナルアンサー！ - Qiita

typescript-json-validatorとは TypeScriptの型定義からJSON Schemaを作成し、それをもとに型チェックを行うライブラリです https://www.npmjs.com/package/typescript-json-validator 何がすごいのか？ TypeScriptの型定義はかなり強力で、TypeScriptに閉じた世界では型制約のある素敵な暮らしを送ることができます。しかし、JSONファイルからの読み出しや、外部からのAPIコールなどで入力がunknownになった瞬間幸せな暮らしは崩れ去ります。JavaScript由来の型の弱さに涙しつつ型チェックを行わない限り、string型に仮に配列が入っていてもTypeScriptは何もしてくれてないのです。 typescript-json-validatorはこの状態を劇的に改善してくれます。型定

gt-r-blaze 2020/06/23

リンク

typescript-json-validator

gt-r-blaze 2020/06/23

リンク

VScodeのMarkdownからPDF変換時に改ページを挿入 - Qiita

概要 VScode で書いた記事をPDFへエクスポートする際に任意の行で改ページしたい前提 Markdown PDF( https://github.com/yzane/vscode-markdown-pdf/ )を利用方法 CSSの改ページコードを挿入する( 参考: http://www.tagindex.com/stylesheet/page/page_break.html ) コード MarkDown文書の改ページしたい行に下記のcssコードを挿入して PDFへエクスポートすると改ページされる。