phpPHPをWSL2+VSCode(launch.json)でデバッグする方法 PHPをWSL2+VSCode(launch.json)でデバッグする方法前提 OSはWSL2(Ubuntu-22.04) WSL2にApache2,php8.2.5インストール済 VSCodeプラグインにWSL(Remo...2023.05.11phpVisual Studio Code
Visual Studio CodeVisual Studio Codeでショートカットキーでファイルを分割表示する Visual Studio Codeでショートカットキーでファイルを分割表示する左右分割ファイルを左右分割するには、ctrl + \で分割します。上下分割ファイルを上下分割するには、ctrl+k,ctrl + \で分割します。分割表示間でカ...2023.02.13Visual Studio Code
Visual Studio CodeVS Codeで\nを改行コードに置換する VS Codeで\nを改行コードに置換するctrl + hで置換ビューを表示します。正規表現で「\n」を「\n」に変換します。改行ができます。2022.12.26Visual Studio Code
Visual Studio CodeVS Codeでデフォルトターミナルをコマンドプロンプトに変更する VS Codeでデフォルトターミナルをコマンドプロンプトに変更するVS CodeのデフォルトターミナルがPowerShellなのでコマンドプロンプトに変更します。赤枠で囲んだ部分をクリックし「Select Default Profile」を...2022.12.15Visual Studio Code
VSCodeプラグインEclipseで開発したプロジェクトをVS Codeのstep counterで計測する Eclipseで開発したプロジェクトをVS Codeのstep counterで計測する2022.10.12VSCodeプラグイン
checkstyleVS Codeでチェックスタイル導入する VS Codeでチェックスタイル導入するVS Codeでcheckstyleを導入する場合は「Checkstyle for Java」プラグインを使用します。「google_checks.xml」を落とします。プロジェクト直下でもどこでも良...2022.03.03checkstyleVSCodeプラグイン
Visual Studio CodeVSCodeのsettings.jsonの格納場所 VSCodeのsettings.jsonの格納場所Windowsの場合は以下です。C:\Users\ユーザ名\AppData\Roaming\Code\User\settings.json開き方は、Ctrl + ,をクリックします。その後に...2022.02.17Visual Studio Code
Visual Studio CodeVSCodeでリモート開発に便利なスクリーンキャストモード VSCodeでリモート開発に便利なスクリーンキャストモードVSCodeで操作しているときのキーをスクリーン表示してくれるモードです。リモートでの開発に最適な機能です。「ctrl + shift + p」でscreencastとタイプします。...2021.05.30Visual Studio Code
RedocVSCodeのReDoc Viewerプラグインでプレビューする VSCodeのReDoc Viewerプラグインでプレビューする2019.12.26RedocVisual Studio CodeVSCodeプラグイン
CloudFormationOpenAPI3.0やCloudFormationのYamlをVSCodeで作成する方法 OpenAPI3.0やCloudFormationのYamlをVSCodeで作成する方法OpenAPI3.0のYamlをVSCodeで書いていきます。便利なプラグインを入れて多少でも効率よく書きたいものなので「YAML Red Hat」プラ...2019.12.26CloudFormationSwaggerVisual Studio Code
Visual Studio CodeVSCodeのREST ClinetプラグインでRESTのテストをする方法 VSCodeのREST ClinetプラグインでRESTのテストをする方法RESTのテストはよくPOSTMANで実施していましたが、VSCodeのREST Clientプラグインも便利です。curlコマンドをエディターで実行してくれます。フ...2019.07.15Visual Studio CodeVSCodeプラグイン
Visual Studio CodeVS Code1.35 Stable版でRemote Development Extension Packが使えるようになりました VS Code1.35 Stable版でRemote Development Extension Packが使えるようになりましたVSCodeのStable版でRemote SSHやRemote WSLがリリースされました。まだ試していませ...2019.06.16Visual Studio Code
AWSVSCodeでRemote SSHを使用してAWS EC2でNodeをインストールしてみた VSCodeでRemote SSHを使用してAWS EC2でNodeをインストールしてみた「VSCodeのRemote SSHでAWSのEC2に接続する方法」を紹介しました。一旦この環境でEC2に接続してNodeを試しにインストールしてみま...2019.06.01AWSEC2Visual Studio Code
AWSVSCodeのRemote SSHでAWSのEC2に接続する方法 VSCodeのRemote SSHでAWSのEC2に接続する方法VSCode Insiders版でRemote SSHをインストールします。公式ブログVSCodeのRemote WSLでWindows Subsystem for Linux...2019.06.01AWSEC2Visual Studio Code
Visual Studio CodeVSCodeのRemote WSLでWindows Subsystem for Linuxに接続する方法 VSCodeのRemote WSLでWindows Subsystem for Linuxに接続する方法VSCodeでWSLに接続することができるようになりました。公式ブログこのブログではInsiders版しか対応していないけどもうすぐ安定...2019.06.01Visual Studio CodeWSL
Visual Studio CodeVSCodeでCSVをセレクトするRainbow CSVが便利 VSCodeでCSVをセレクトするRainbow CSVが便利Rainbow CSVプラグインをインストールするとCSVファイルを開くとレインボーで鮮やかに表示されます。S3 selectを使えばCSV内が検索できますが、Rainbow C...2019.03.25Visual Studio Code
Chart.jsVSCode + CordovaのエミュレータでChart.js使ってレーダーチャート表示しようとしたらエミュレータ上は表示されなくてハマったので使い方メモ VSCode + CordovaのエミュレータでChart.js使ってレーダーチャート表示しようとしたらエミュレータ上は表示されなくてハマったので使い方メモChart.js使って格好良いレーダーチャートを描画しようとしたら、エミュレータでは...2019.02.16Chart.jsCordovaVisual Studio Code
CordovaVSCode + CordovaのエミュレータでCameraを起動する VSCode + CordovaのエミュレータでCameraを起動するCameraを起動するにはプラグインが必要です。cordova plugin add cordova-plugin-cameraHTML5~省略~<button id="...2019.02.13CordovaVisual Studio Code
CordovaWaiting for emulator to boot (this may take a while)……….. Waiting for emulator to boot (this may take a while)...........Cordova + VSCodeで開発していたら時々こういうエラー?が出て、エミュレーターは起動するもののHTML...2019.02.10CordovaVisual Studio Code
CordovaVSCode+Cordovaでconsole.log()を出力する VSCode+Cordovaでconsole.log()を出力するVSCode+Cordovaでconsole.log()を出力すべく、cordova-plugin-consoleを追加します。cordova plugin add cord...2019.02.09CordovaVisual Studio Code
spring bootVSCodeでSpring Bootを開発する方法 VSCodeでSpring Bootを開発する方法「VSCodeでJava開発をする方法」でJava開発に必要なプラグインを紹介しました。今度はSpring Bootを開発する環境を整えてみたいと思います。さらに必要なプラグインは以下になり...2018.11.27spring bootVisual Studio Code
Java11VSCodeでJava開発をする方法 VSCodeでJava開発をする方法VSCodeはもはや何でもできます。Javaも開発できますし、Visual Studio IntelliCodeがJavaに対応したので、Javaのコーディングをサポートしてくれます。これはEclipse...2018.11.25Java11Visual Studio Code
Visual Studio CodeVSCodeでファイル保存時に末尾の空白を削除(トリム)する方法 VSCodeでファイル保存時に末尾の空白を削除(トリム)する方法settings.jsonの設定で以下を設定します。"files.trimTrailingWhitespace": trueこれで保存時に末尾の不要な空白は削除(トリム)される...2018.11.21Visual Studio Code
Visual Studio CodeVSCodeのフォントをコーディング用のFira Codeにする方法 VSCodeのフォントをコーディング用のFira Codeにする方法最近Fira Codeなるフォントがプログラマーの間で流行っているようです。(多分)どうも合字というやつのようで、コーディングでよく使うコードが合字になるようです。とりあえ...2018.11.20Visual Studio Code
Visual Studio CodeVisual Studio IntelliCodeがJavaに対応したようです Visual Studio IntelliCodeがJavaに対応したようです急速な勢いで開発されているVSCodeですが、そのプラグインのVisual Studio IntelliCodeがJavaにも対応したと発表されました。AIがコー...2018.11.18Visual Studio Code
Visual Studio CodeVSCodeでregionを使用してコードフォールディングする方法 VSCodeでregionを使用してコードフォールディングする方法いつからかこの#regionの機能が追加されていました。// #region何らかのコーディング// #endregionこのregionで指定した間が開閉できるようになって...2018.11.03Visual Studio Code
Visual Studio CodeVSCodeでlaunch.jsonを作成してデバッグする方法 VSCodeでlaunch.jsonを作成してデバッグする方法2018.10.30Visual Studio Code
Visual Studio CodeWSLをVSCodeで使う WSLをVSCodeで使うWindows Subsystem for LinuxをVSCodeで使いたかったので、使い方を記載します。環境 項目 バージョン windows 10 Ubuntu 16.04.5 LTS VSCo...2018.07.31Visual Studio Code
Visual Studio CodeVS Code のミニマップを消す方法 VS Code のミニマップを消す方法ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き"editor.minimap.enable...2018.07.19Visual Studio Code
Visual Studio CodeVS Code でnpm-scripts をサイドパネルからクリックして実行する VS Code でnpm-scripts をサイドパネルからクリックして実行するpackage.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるように...2018.07.05Visual Studio Code
Visual Studio CodeVSCode で VS Live Share を試す Microsoft がVS Live Shareを public preview で公開しています。VS Live Shareは複数人で1つのコードを編集することが可能となります。今回は、VSCodeでこの機能を使用してみたいと思います。前...2018.05.08Visual Studio Code
Visual Studio CodeVSCode でnode.js やGolang をデバッグする方法 VSCode でnode.js やGolang をデバッグする方法VSCodeでlaunch.jsonファイルを構成することによってnode.jsやGolangをデバッグすることができます。launch.jsonを開くには、「デバッグ」-「...2018.02.13Visual Studio Code
Visual Studio CodeVSCodeの便利なプラグイン VSCodeの便利なプラグインVSCodeの便利なプラグインを紹介します。Code Runnerこのプラグインを有効にすると、ファイルにいきなりコーディングを書いて実行することが可能になります。ちょっとした動作確認などによく使います。Jav...2017.12.28Visual Studio CodeVSCodeプラグイン
Visual Studio CodeVisual Studio Codeのターミナルの文字化けの回避方法 Visual Studio Codeのターミナルの文字化けの回避方法2017.12.11Visual Studio Code
Visual Studio CodeVisual Studio Codeのショートカットキー Visual Studio CodeのショートカットキーVisual Studio Codeのショートカットキーのメモです。括弧に対応する括弧に遷移するctrl + shift + \ファイル検索するctrl + pJSONファイル整形(J...2017.12.11Visual Studio Code
Visual Studio CodeVisual Studio Codeで定義先、定義元に遷移する方法 Visual Studio Codeで定義先、定義元に遷移する方法2017.10.04Visual Studio Code
Visual Studio CodeVisual Studio CodeでJSON形式のファイルを整形する Visual Studio CodeでJSON形式のファイルを整形するVisual Studio CodeでJSON形式のファイルを整形するショートカットキーです。Alt + Shift + fとタイプするときれいに整形してくれます。2017.10.04Visual Studio Code
ESLintVisual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携)2017.10.03ESLintVisual Studio CodeVSCodeプラグイン
Visual Studio CodeVisual Studio Codeの使い方 Visual Studio Codeの使い方Visual Studio Codeという超軽量なIDEのようなものがこれから流行りそうなので使ってみました。ダウンロードはこちらからです。exeをダウンロードしたらダブルクリックします。「次へ」...2017.10.02Visual Studio Code
VSCodeプラグインVS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法 VS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法2016.03.26VSCodeプラグイン