Programming VSCode で言語毎にインデントを変更する方法
プログラマーであれば趣味仕事問わず、複数のプログラミング言語を扱う機会があると思う。その際、言語毎にエディタの設定を変えると効率よく作業できる。特にインデントは言語毎に推奨される値が異なるため、設定しておきたいものの一つだ。このページでは ...
VSCode
Programming 
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 上のソースコー...