Naokiコーディングをする際に使うエディタ。Code」に落ち着いています。使っている理由ですが、無料で高機能、みんなが使っているというよりも、なんとなく肌にあったといったところです。感覚的なことなで、実際に触ってみてフィーリングがあうエディタを使うことをオススメします。弊社では、コーディングエディタについて強制はなく各自使いたいエディタを使って良いことになっていますので、自分が使いやすいエディタを使えることはすごく幸せです。いったエディタはソースが見やすく、拡張機能で作業の効率化が測れるのでなくてはならないツールの一つです。今回は、エディタの使い方ではなく、拡張機能で私がインストールしている一部を紹介したいと思います。Codeは基本英語ですので、安心の日本語にローカライズ。英語はちょっとって方は必須ですね。Themeソースファイルのアイコンを見やすくする拡張です。見てphpファイルだ、SCSSファイルがカラフルなアイコンでファイルやフォルダが認識しやすくなります。アイコンを変える拡張がありますが、個人的に見やすいので、気に入って使っています。formatter保存時に自動的にフォーマットしてくれる拡張です。空きすぎた無駄なスペースを自動的に削除していい感じにフォーマットしてくれます。親側のソースを削除したときとか便利です。2()の括りを色分けしてわかりやすくする拡張です。JSやSCSSを書き込んでいくとこのカッコの始まりと終わりがわかりにくくなりますが、この拡張を入れいると色付きでわかりやすく表示されるので迷うことが少なくなります。2V1とV2(Beta)がありますが、僕はV2を使っています。indent-rainbowインデントを色付けしてわかりやすくする拡張です。入れ子が多いとインデントも多くなりますが、インデントに4つのカラーが繰り返しつくので分かりやすくなります。Tagタグの書き換えを楽にする拡張です。先頭のタグを書き換えると自動的に閉じタグも書き換えてくれる拡張機能。書き換えが1回で済むので作業効率が上がります。Tagzenkaku全角スペースを視覚的にわかりやすくしてくれる拡張です。コーディングは基本半角ですが、誤って全角を入れてしまった場合にわかりやすく表示してくれます。Entry2020.02.17「JPG-??」とか「PNG-??」の??ってなんだろう2020.02.10カレーパーティーが開催されました。