開発したアプリなど一覧

VSCode

Software

console.log を一瞬で追加する VSCode 拡張機能 Turbo Console Log

JavaScript を利用した開発する際、Web ブラウザの開発者ツールを利用して動作を確認する事が多いと思う。ブレークポイントを指定してステップ実行したり、Vue や React 用のプラグインを入れればコンポーネントやモデルの状態を確...
Software

VSCode のウインドウを色分けする拡張機能 Peacock

仕事や趣味でプログラミングを行う際、複数のプロジェクトを同時に進めたり一時的に他のプロジェクトを保守するなど、複数のエディタを同時に起動する事があると思う。エディタの画面はどれも似たり寄ったりで複数のウインドウを開くと、ぱっと見どれがどのプ...
Software

VSCode で CSS の定義を簡単に確認できる拡張機能 CSS Peek

Web サイト/アプリを開発する際に必要となるものの一つに CSS がある。今時 Web サイトを作成する際に CSS を利用しないというのは考えられない状態のため、プログラマーであってもある程度は覚えておく必要がある。 CSS を書...
Software

VSCode で編集中のファイルをブラウザで開く拡張機能 Open in Browser

VSCode で HTML ファイルなどを記述する際、Web ブラウザでどのような見た目になるのかを確認したい事があると思う。自分の PC にあるファイルであってもエクスプローラーなどからダブルクリックしたり、 URL 欄に file://...
Software

Chrome/Firefoxのテキストエリアを好きなエディタで編集できる拡張機能 GhostText

ブログやチャットツール、メールなどで Web ブラウザを利用して長文を書く機会はあると思うが、ブラウザのテキストエリアではショートカットキーが殆ど使えずシンタックスハイライトも無いなど、文章を書くのは不便だと感じたことは無いだろうか。自分も...
Software

VSCode で変数名の命名規則を変更する拡張機能 change-case

プログラムを書く際に気を付けたい事の一つにコーディング規約がある。空白をタブにするかスペースにするか、またはその数、カッコの位置、変数名の付け方など、ルールを設定しておくことでプログラムに統一感ができ見た目が良いだけでなく、それによりエラー...
WebService

URLに2文字追加するだけでGithubのコードをブラウザ版VSCodeで開くWebサービスGitHub1s

プログラマであれば GitHub を利用する機会は多いと思う。自分も良く利用するが、Web ブラウザ上で GitHub のコードを読むのはやややりにくい。かといって一々リポジトリを Clone するのも面倒臭い。 GitHub 上のソ...
Software

VSCode で HTML の文法チェックを行う拡張機能 HTMLHint

Web 系の開発者や Web デザイナーであれば HTML を記述する機会もあると思う。HTML はある程度記述をミスしても Web ブラウザが良い感じに解釈してくれるので楽ではあるものの、そのせいで間違いに気づかなかったり、描画が変な風に...
Software

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

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

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

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