開発したアプリなど一覧

Software

Software

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

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

Deepl 翻訳を右クリックメニューから利用できる Chrome 拡張機能、なぞり翻訳(英→和) for DeepL翻訳

このブログへアクセスする人の99%は日本語話術者だと思うが、特に日本人であれば英語に困った事があるという人は多いのではないかと思う。自分もある程度勉強したとはいえ、ハリウッド映画を字幕なしで見たり英語の長文をスラスラ読むというレベルには至っ...
Software

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

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

タブを大量に開く人向けの Chrome 標準機能・タブグループとタブ検索

Web ブラウザを利用しているとついついタブを開きすぎてしまう事があると思う。自分も気が付いたらタブの幅がアイコン一つ分ぐらいになってしまうことが良くある。 以前であればこのような問題に対処するにはタブを整理するための拡張機能を利用する事が...
Software

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

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

Chrome の音量をタブ毎に変更できる拡張機能 Volume Master

Web ブラウザで YouTube などの動画を閲覧したりゲームを遊ぶ人は多いと思うが、その際の音量について気になった事は無いだろうか。一般的に YouTube などの動画サイトでは個別に音量を調節する事はできるが、変更できない Web サ...
Software

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

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

Microsoft Edge でタブを縦に並べて表示する方法

Web ブラウザを長時間利用しているとついついタブを開きすぎてしまう事があると思う。あまりにも開きすぎるとタブ欄にアイコンしか表示されなくなってしまい、どのタブがどの Web サイトを開いているのかがわかりにくくなってしまう。 Window...
Software

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

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

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

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