プロの現場でも使っているツールや技術を紹介します。超初心者にもおすすめなのは、コーディングをサポートしてくれるVisual Studio Code（VSC）です。

万能のエディタ：Visual Studio Code

VSCは多くのプログラミング言語に対応し、拡張機能を追加して自分好みにカスタマイズできます。
最近ではAIとの連携機能も充実しており、コーディングが格段に楽になっています。

VSCのインストールとおすすめの設定
https://rfs.jp/sb/vsc

お手軽開発ツール：Prepros

Preprosは、Sassと呼ばれるCSSの拡張言語のコンパイルや、ローカル環境で開発中のWebサイトをプレビューすることもできます。有料ですが、無料で使い続けることもできます。
※コンパイルとは、プログラミング言語で書かれたソースコードを変換することです。

Preprosのインストールとおすすめの設定
https://rfs.jp/sb/html-css/sass

タグを書かないでHTMLを出力：PUG

Pug（パグ） は、HTMLをさらに簡潔に記述できる言語です。Preprosなどのツールを使ってコンパイルする必要がありますが、一度覚えると離れられません。

CSSを拡張する：Sass

SassはCSSを拡張した言語です。Preprosなどのツールを使ってコンパイルする必要がありますが、Pugと同様に、一度使うと手放せなくなります。