開発したアプリなど一覧

VSCode

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

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

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

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

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

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

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