開発したアプリなど一覧

VSCode

Software

VSCode で Markdown 書く時に便利な拡張機能 All In One Markdown

Markdown 形式の文章を書く機会がある人も多いのではないかと思う。マークダウンはテキスト形式で記述する事のできるドキュメントで、GitHub などでもよく利用されるファイル形式なため、IT エンジニアであれば触れた機会がある人は多い。...
Software

VSCode で HTML タグの変更を簡単にできる拡張機能 Auto Rename Tag

HTML で利用するタグは基本的には開始タグと閉じタグでセットになっており、両方を利用することで囲われた範囲をその要素の内容とする。タグの名前を編集する場合にも当然開始タグと閉じタグを両方とも編集する必要があるが、HTML を頻繁に書くので...
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 ブラウザが良い感じに解釈してくれるので楽ではあるものの、そのせいで間違いに気づかなかったり、描画が変な風に...