RedocVSCodeのRedocly OpenAPIプラグインの使い方 VSCodeのRedoclyOpenAPIプラグインの使い方モジュールインストールと拡張機能インストールredoc-cliが非推奨になったので、@redocly/cliを使用します。$npminit-y$npmi@redocly/cli@l...2023.08.11RedocVSCodeプラグイン
Visual Studio CodeVS CodeでShift-JISファイルを文字化けさせずに自動判別させて開く VSCodeでShift-JISファイルを文字化けさせずに自動判別させて開くVSCodeではデフォルトUTF-8でファイルを開くのでShift-JISファイルは文字化けします。Shift-JISで開くShift-JISで再度開きなおす必要が...2023.07.01Visual Studio Code
phpPHPをWSL2+VSCode(launch.json)でデバッグする方法 PHPをWSL2+VSCode(launch.json)でデバッグする方法前提OSはWSL2(Ubuntu-22.04)WSL2にApache2,php8.2.5インストール済VSCodeプラグインにWSL(Remote-WSL)インストー...2023.05.11phpVisual Studio Code
Visual Studio CodeVisual Studio Codeでショートカットキーでファイルを分割表示する VisualStudioCodeでショートカットキーでファイルを分割表示する左右分割ファイルを左右分割するには、ctrl+\で分割します。上下分割ファイルを上下分割するには、ctrl+k,ctrl+\で分割します。分割表示間でカーソル移動3...2023.02.13Visual Studio Code
Visual Studio CodeVS Codeで\nを改行コードに置換する VSCodeで\nを改行コードに置換するctrl+hで置換ビューを表示します。正規表現で「\n」を「\n」に変換します。改行ができます。2022.12.26Visual Studio Code
Visual Studio CodeVS Codeでデフォルトターミナルをコマンドプロンプトに変更する VSCodeでデフォルトターミナルをコマンドプロンプトに変更するVSCodeのデフォルトターミナルがPowerShellなのでコマンドプロンプトに変更します。赤枠で囲んだ部分をクリックし「SelectDefaultProfile」をクリック...2022.12.15Visual Studio Code
VSCodeプラグインEclipseで開発したプロジェクトをVS Codeのstep counterで計測する Eclipseで開発したプロジェクトをVS Codeのstep counterで計測する2022.10.12VSCodeプラグイン
checkstyleVS Codeでチェックスタイル導入する – 【Java】 VSCodeでチェックスタイル導入する-【Java】2通りの方法があります。VSCodeプラグインGradleのcheckstyleプラグインVSCodeプラグインVSCodeでcheckstyleを導入する場合は「Checkstylefo...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で書いていきます。便利なプラグインを入れて多少でも効率よく書きたいものなので「YAMLRedHat」プラグイ...2019.12.26CloudFormationSwaggerVisual Studio Code
Visual Studio CodeVSCodeのREST ClinetプラグインでRESTのテストをする方法 VSCodeのRESTClinetプラグインでRESTのテストをする方法RESTのテストはよくPOSTMANで実施していましたが、VSCodeのRESTClientプラグインも便利です。curlコマンドをエディターで実行してくれます。ファイ...2019.07.15Visual Studio CodeVSCodeプラグイン
Visual Studio CodeVS Code1.35 Stable版でRemote Development Extension Packが使えるようになりました VSCode1.35Stable版でRemoteDevelopmentExtensionPackが使えるようになりましたVSCodeのStable版でRemoteSSHやRemoteWSLがリリースされました。まだ試していませんが出来ること...2019.06.16Visual Studio Code
AWSVSCodeでRemote SSHを使用してAWS EC2でNodeをインストールしてみた VSCodeでRemoteSSHを使用してAWSEC2でNodeをインストールしてみた「VSCodeのRemoteSSHでAWSのEC2に接続する方法」を紹介しました。一旦この環境でEC2に接続してNodeを試しにインストールしてみました。...2019.06.01AWSEC2Visual Studio Code
AWSVSCodeのRemote SSHでAWSのEC2に接続する方法 VSCodeのRemoteSSHでAWSのEC2に接続する方法VSCodeInsiders版でRemoteSSHをインストールします。公式ブログVSCodeのRemoteWSLでWindowsSubsystemforLinuxに接続する方法...2019.06.01AWSEC2Visual Studio Code
Visual Studio CodeVSCodeのRemote WSLでWindows Subsystem for Linuxに接続する方法 VSCodeのRemoteWSLでWindowsSubsystemforLinuxに接続する方法VSCodeでWSLに接続することができるようになりました。公式ブログこのブログではInsiders版しか対応していないけどもうすぐ安定板も対応...2019.06.01Visual Studio CodeWSL
Visual Studio CodeVSCodeでCSVをセレクトするRainbow CSVが便利 VSCodeでCSVをセレクトするRainbowCSVが便利RainbowCSVプラグインをインストールするとCSVファイルを開くとレインボーで鮮やかに表示されます。S3selectを使えばCSV内が検索できますが、RainbowCSVでも...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を起動するにはプラグインが必要です。cordovapluginadd cordova-plugin-cameraHTML5~省略~<buttonid="pictu...2019.02.13CordovaVisual Studio Code
CordovaWaiting for emulator to boot (this may take a while)……….. Waitingforemulatortoboot(thismaytakeawhile)...........Cordova+VSCodeで開発していたら時々こういうエラー?が出て、エミュレーターは起動するもののHTML5やCSS3が反映され...2019.02.10CordovaVisual Studio Code
CordovaVSCode+Cordovaでconsole.log()を出力する VSCode+Cordovaでconsole.log()を出力するVSCode+Cordovaでconsole.log()を出力すべく、cordova-plugin-consoleを追加します。cordovapluginaddcordova...2019.02.09CordovaVisual Studio Code
spring bootVSCodeでSpring Bootを開発する方法 VSCodeでSpringBootを開発する方法「VSCodeでJava開発をする方法」でJava開発に必要なプラグインを紹介しました。今度はSpringBootを開発する環境を整えてみたいと思います。さらに必要なプラグインは以下になります...2018.11.27spring bootVisual Studio Code
Java11VSCodeでJava開発をする方法 VSCodeでJava開発をする方法VSCodeでJavaを開発します。VisualStudioIntelliCodeがJavaに対応したので、Javaのコーディングをサポートしてくれます。これはEclipseやSTSにはない素晴らしい機能...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のフォントをコーディング用のFiraCodeにする方法最近FiraCodeなるフォントがプログラマーの間で流行っているようです。(多分)どうも合字というやつのようで、コーディングでよく使うコードが合字になるようです。とりあえずO...2018.11.20Visual Studio Code
Visual Studio CodeVisual Studio IntelliCodeがJavaに対応したようです VisualStudioIntelliCodeがJavaに対応したようです急速な勢いで開発されているVSCodeですが、そのプラグインのVisualStudioIntelliCodeが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で使うWindowsSubsystemforLinuxをVSCodeで使いたかったので、使い方を記載します。環境項目バージョンwindows10Ubuntu16.04.5LTSVSCode1.25.1WSL導入Windo...2018.07.31Visual Studio Code
Visual Studio CodeVS Code のミニマップを消す方法 VSCodeのミニマップを消す方法ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き"editor.minimap.enabled"...2018.07.19Visual Studio Code
Visual Studio CodeVS Code でnpm-scripts をサイドパネルからクリックして実行する VSCodeでnpm-scriptsをサイドパネルからクリックして実行するpackage.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるようになりま...2018.07.05Visual Studio Code
Visual Studio CodeVSCode で VS Live Share を試す MicrosoftがVSLiveShareをpublicpreviewで公開しています。VSLiveShareは複数人で1つのコードを編集することが可能となります。今回は、VSCodeでこの機能を使用してみたいと思います。前提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の便利なプラグインを紹介します。CodeRunnerこのプラグインを有効にすると、ファイルにいきなりコーディングを書いて実行することが可能になります。ちょっとした動作確認などによく使います。Java...2017.12.28Visual Studio CodeVSCodeプラグイン
Visual Studio CodeVisual Studio Codeのターミナルの文字化けの回避方法 Visual Studio Codeのターミナルの文字化けの回避方法2017.12.11Visual Studio Code
Visual Studio CodeVisual Studio Codeのショートカットキー VisualStudioCodeのショートカットキーVisualStudioCodeのショートカットキーのメモです。括弧に対応する括弧に遷移するctrl+shift+\ファイル検索するctrl+pJSONファイル整形(JSONにしておく)a...2017.12.11Visual Studio Code
Visual Studio CodeVisual Studio Codeで定義先、定義元に遷移する方法 Visual Studio Codeで定義先、定義元に遷移する方法2017.10.04Visual Studio Code
Visual Studio CodeVisual Studio CodeでJSON形式のファイルを整形する VisualStudioCodeでJSON形式のファイルを整形するVisualStudioCodeで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の使い方 VisualStudioCodeの使い方VisualStudioCodeという超軽量なIDEのようなものがこれから流行りそうなので使ってみました。ダウンロードはこちらからです。exeをダウンロードしたらダブルクリックします。「次へ」をクリッ...2017.10.02Visual Studio Code
VSCodeプラグインVS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法 VS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法2016.03.26VSCodeプラグイン
Visual Studio CodeVSCodeでサイドバー、エディタ、ターミナル間をショートカットキーで移動する VSCodeでサイドバー、エディタ、ターミナル間をショートカットキーで移動するサイドバーにフォーカスを置くにはctrl+0です。エディタにフォーカスを置くにはctrl+1です。ターミナルにフォーカスを置くショートカットはデフォルトで設定され...2016.02.27Visual Studio Code