開発したアプリなど一覧

VSCode

Software

CSV を色付けや SQL のように操作できる便利な VSCode 拡張機能 Rainbow CSV

Web アプリなどを作成中に CSV ファイルを扱う機会は多いと思うが、その編集方法や閲覧方法はなかなか悩ましい問題だと思う。基本的には Excel のような表計算ソフトを使う事になると思うがせっかくテキストエディタで開ける CSV ファイ...
Software

JS/TS のクォートを自動的に変換する VSCode拡張機能 Template String Converter

JavaScript/TypeScript では文字列内に ${foo} のように変数を展開する際、文字列をバッククォートで囲う必要がある。他のプログラミング言語では " などでそのまま変数を利用できるため、最初のうちは戸惑う事も多い。特に...
Software

VSCode で全角スペースを強調表示する拡張機能 EvilInspector

プログラムを書く際に厄介なものの一つに全角スペースがある。プログラムというものは一文字違うだけでも動作に影響を及ぼすことが多いが、特に全角スペースは通常の半角スペースと見分けがつきにくい事もあり紛れ込んでしまうと解決に時間がかかってしまう事...
Software

VSCode でファイルの行数を表示する拡張機能 Total Lines

一般的にプログラムはあまり長くならないのが良いといわれている。具体的に何行かはプロジェクトや人によると思うが、長すぎると見通しが悪いという点については異論の余地は無いだろう。 現在自分が利用しているエディタである VSCode では標準で行...
Software

VSCode でソースコード内のスペルチェックを行う拡張機能 Code Spell Checker

英語で文章を記述する際に便利な機能の一つにスペルチェッカーがある。Web ブラウザなどにも導入されているこの機能を利用すると、ユーザーが入力した英単語の綴りが間違っている場合にそれを指摘してくれるため、単純なスペルミスを未然に防ぐことができ...
Software

VSCode に様々な色分けを追加してコードを見やすくするプラグイン Background Phi Colors

プログラミングをする際には色も重要な要素の一つだ。エディタが適切に色分けしてくれれえば変数名やメソッド名の区別がつきやすくなったり、現在位置の把握や、参照したい変数がどこで操作されているのか、といった様々な効果を得ることができる。 各プログ...
Software

VSCode にスピードダイヤル風の画面を追加する拡張機能 Dashboard

VSCode では新規ウインドウを開いた際に、最近使ったプロジェクトの一覧や新規ファイル作成などのメニューを並べた Welcome ページを表示する。これはこれで便利なのだが、あるプロジェクトを固定で表示しておきたいなんて用途には向かない。...
Software

VSCode 内蔵ターミナルで ctrl-p などのショートカットキーを利用する方法

VSCode には標準でターミナル機能が搭載されており、WSL や PowerShell などを VSCode のエディタ内で利用することができる。しかし、Bash や Zsh などで利用できるキーバインドが VSCode のショートカット...
Software

VSCode で正規表現の動作確認を手軽に行える拡張機能 Regex Previewer

プログラムを記述する際に正規表現を利用する機会は多いと思う。テキストの処理を行う際に重要となる機能の一つで、Web 系を中心に多くのプロジェクトで利用することとなると思う。しかし正規表現は利用する記号が多く複雑でわかりにくいものだ。書いてて...
Software

VSCode で表示したコードの一部をスクリーンショット化する拡張機能 Polacode

ソースコードの一部を切り取ってブログや Twitter などにスクリーンショットをアップしたい事がある。通常であれば Windows や macOS といった OS 標準の機能もしくはスクリーンショットを撮る専用のアプリを利用すると思うが、...