Mac、Windows、Linux 向けのプレミアムおよび無料のトップ HTML エディタ – プロジェクトに最適なものをお選びください

HTML を学んでいるか、すでに熟練したユーザーであるかにかかわらず、エディターは Web 開発および Web デザインにおける貴重なツールです。最高の HTML エディターは、Web 開発者が Web サイトをデザインし、エラーをチェックし、さまざまなテキストのデザインやレイアウトを試すのに役立ちます。この記事では、Mac、Windows、Linux 向けのトップ HTML エディタの包括的なリストをまとめました。 

これらのプログラムは人気があるだけでなく、レビューも高く信頼性も高いです。最新で優れたデザインの HTML 編集プログラムをお探しなら、ここが最適な場所です。使用するには費用がかかるエディタに加えて、最高の無料 HTML エディタと最高のオンライン HTML エディタのおすすめも紹介します。

HTML エディタとは何ですか?

HTML エディタは、ハイパーテキスト マークアップ言語 (略して HTML) を作成できるコード編集プログラムの一種です。リアルタイムで結果をプレビューできるものもあります。リアルタイム HTML エディタのプレビュー機能は、ユーザーがコードを検証して、サイトにアップロードしたときにコードが機能することを確認できるため、重要です。

HTML エディターは HTML5 で作業するために特別に作成されていますが、一部のプログラムは多機能です。 HTML5 エディターを使用している場合でも、さまざまなプログラミング言語で動作するエディターを使用している場合でも、さまざまなサイト レイアウトや Web デザインを試すことができるはずです。また、サイトを公開する前に、エラーを修正し、作業内容を確認できる必要があります。

HTML エディタには主に 2 つのタイプがあります。

• HTML テキスト エディタ
• WYSIWYG (「見たものがそのまま得られる」) HTML エディタ

HTML テキスト エディタ

HTML テキスト エディタは、HTML を作成するために設計された基本的なプログラムであり、作成中にエラーがチェックされることがよくあります。これらのプログラムは、基本的なコーディング プロジェクトや単純な HTML 編集に役立ちます。無料の HTML テキスト エディターはオンラインで入手でき、すべての主要なオペレーティング システムにダウンロードできます。これらのプログラムの多くは汎用であり、複数の言語に使用できます。

基本的なテキスト エディタでは、ユーザーはすべての HTML コードを手動で記述する必要があります。ユーザーは、構文のすべての部分を手動で完成させ、試行錯誤を繰り返して変更を加える必要があります。 WYSIWYG 機能のないテキスト エディタは HTML の学習には便利ですが、多くの場合に時間がかかります。

WYSIWYG HTML エディタ

WYSIWYG は「見たものは得られるもの」の略で、HTML 用の WYSIWYG プログラムは標準のテキスト エディタよりも高度です。これらのプログラムは、インスタント テンプレート ビルダー (WordPress など) とゼロからのコーディングの中間点です。 

最高の WYSIWYG HTML エディターを使用すると、ユーザーはコードを書き出すだけでなく、ページ自体から部分的に編集することもできます。ユーザーが段落や見出しなどの機能を挿入すると、プログラムが HTML コードを自動的に生成します。 

WYSIWYG エディタは時間を節約し、デザインとレイアウトを迅速に変更できます。 WYSIWYG エディタは、さまざまなデザインを簡単に試すことができるため、サイトのレイアウトを作成または更新する場合に特に便利です。 

ベスト HTML エディタ 22 選

現在、何百もの HTML エディタが利用可能であり、それぞれに異なる機能が備わっています。ただし、一部のプログラムは他のプログラムよりも優れており、優れた価値と機能を提供します。最高のテクノロジー関連の仕事に就きたければ、テクノロジー業界の最新情報を常に入手することが重要です。このため、すべての開発者は最新の HTML エディタにアクセスする必要があります。

最高の無料 HTML エディターは軽量で使いやすいです。これらによっては好みが異なる場合もありますが、リストに挙げた Web サイト エディターやその他の HTML コード編集プログラムはすべて、開発者の間で実績のあるプログラムです。 Mac、Windows、Linux 用の HTML エディターが必要な場合でも、ここに何かがあります。

<オル>

アトム

崇高なテキスト

括弧

GNU Emacs

Visual Studio コード

BB編集

コモド編集

NetBeans

ブルーフィッシュ

テキストメイト

日食

ブルーグリフォン

メモ帳++

ライトテーブル

アトム

Atom は、Windows、Mac、Linux 用の最新の IDE および HTML コード編集プログラムです。このプログラムには、他の Web 開発言語との互換性を含む機能が満載されています。この無料のオープンソースのクロスプラットフォーム HTML エディターを使用すると、ユーザーはオペレーティング システム間でプロジェクトを共有でき、GitHub 接続を介した簡単なコラボレーションが可能になります。

この高度なテキスト エディタには、通常は高レベルのコーディング プログラムに限定される多くの機能が備わっています。 Atom を使用すると、開発者はオンラインで多数のオープン ソース パッケージにアクセスできるため、プロジェクト時間を大幅に短縮できます。 

Atom は、Linux、Mac、Windows で適切に動作するため、クロスプラットフォーム プログラミングに最適な HTML エディターの 1 つです。このプログラムは、JavaScript、CSS、Node.js などの複数の一般的なプログラミング言語とフレームワークを統合します。 Atom を使用すると、ユーザーは複雑な Web サイトのコードを 1 か所で編集できるため、プログラマーにとって理想的な環境が構築されます。 

崇高なテキスト

Sublime Text は、Windows、Mac、Linux 用のダウンロード可能な HTML テキスト エディターです。このクロスプラットフォーム ツールは、独自のコマンド パレットや構文の強調表示などの高度な機能を備えています。 

Sublime Text を最高の HTML エディターの 1 つにしている 2 つの機能は、GOTO Anything と GOTO Definitions です。これらの機能により、大規模なコーディング プロジェクトや Web コンテンツ プロジェクト全体でコードを簡単に検索して置き換えることができます。 Sublime Text には、ユーザーが複数のプロジェクト間をシームレスに切り替えることができる独自のマルチプロジェクト機能も含まれています。

Sublime HTML 編集プログラムは、ダウンロードできるプログラムの中で最も優れており、マークアップをより簡単かつ正確にするための実用的な機能が多数組み込まれています。このプログラムは社内で設計されており、他のソフトウェアでは利用できない独自の機能が含まれています。フル機能のプログラムは有料版ですが、多くの人が定期的に使用する無料版もあります。 

ブラケット

Brackets は、多数の実用的な機能を備えた堅牢なエディタですが、ユーザー エクスペリエンスを妨げる不必要な追加機能はありません。このプログラムには、必要なものと、ライブ プレビューなどの便利なツールのみが含まれています。これらの機能により、Brackets は幅広いテキスト編集プロジェクトに最適です。

Web ページのスタイルやレイアウトを変更するプロセスがよりインタラクティブでシームレスになるため、開発者は Brackets のライブ プレビュー機能を気に入っています。ユーザーは、サイトにテキストを適用する前に、複数のデザインを試すことができます。

Brackets は、多くのプログラマーが好むオープンソース プログラムです。 Mac、Windows、Linux ユーザーが利用でき、テキスト編集のための快適で機能的なインターフェイスを提供します。このプレミアム HTML テキスト エディタは無料で利用できます。

GNU Emacs

GNU Emacs は、人気のあるリアルタイム Linux HTML エディターです。 Windows、macOS、さらには BSD を含む複数のプラットフォーム上で実行されます。完全に無料で、Unicode を完全にサポートしており、タイ語からヘブライ語まであらゆる文字の入力をサポートしています。また、コンテンツに応じた構文の色付け、カスタマイズ可能な Lisp インターフェイス、完全な IDE に拡張する機能、および組み込みのカレンダーも備えています。

Emacs の主な機能は、その拡張性と、作業をカスタマイズおよび自動化する機能です。 Lisp ベースのインターフェイスにより、ソフトウェアに対する驚くべき量の制御が可能になります。また、コードの自動補完からテトリスのプレイまで、あらゆることを実行するための拡張機能やツールを作成するためのオープン チャネルも備えています。

Visual Studio コード

Visual Studio Code は、さまざまな貴重な機能を備えた高度なマルチコード編集ツールです。このプログラムには、インテリジェントな構文の強調表示と、適応応答を備えたスマート オートコンプリートが含まれています。 

Visual Studio Code は、複数言語および複数プラットフォームに対応したプログラムです。 HTML、Python、その他の一般的なプログラミング言語で動作します。さらに、Visual Studio Code には Git が組み込まれているため、簡単なコマンドと SCM プロバイダーの互換性が可能になります。 

この無料プログラムは Microsoft Azure と互換性があり、導入が簡単で、多数の拡張機能が利用可能です。 Visual Studio Code は、豊富な機能とカスタマイズのリストにより、Linux、Windows、Mac に最適な HTML エディターの 1 つです。 

BB 編集

BBEdit (Bare Bones Edit) は、Mac OS X ユーザー向けに設計された受賞歴のあるコード編集ツールです。このプログラムは無料で利用できますが、フルバージョンのプレミアム機能にアクセスするには、個人で使用する場合は 49.99 ドルかかります。 BBEdit は、強力なプロジェクト統合ツールとその他の便利な機能を多数備えています。

「キャリア カルマは、私が最も必要としたときに私の人生に入り込み、すぐにブートキャンプに参加するのに役立ちました。卒業から 2 か月後、私は自分の価値観と人生の目標に合致する夢の仕事を見つけました。」

Rockbot のソフトウェア エンジニア、Venus 氏

ブートキャンプにマッチするものを見つけてください

BBEdit は、設計上プロフェッショナルなツールであり、経験豊富なプログラマーや Web 開発者をターゲットとしています。それにもかかわらず、初心者は柔軟性と機能が非常に高いツールから多くのことを得ることができます。 BBEdit 編集ツールはあらゆる種類のテキストを処理でき、特に HTML ベースの Web ページのデザインに役立ちます。

コモド編集

ActiveState の Komodo Edit は、機能性を重視して設計された多言語コーディング テキスト エディターです。この堅牢なテキスト編集ツールには、オートコンプリート、ライブ プレビュー、プロジェクト ウィザード、デバッグ ツールなど、多くの高度な機能が装備されています。

Komodo Edit は、特に WYSIWYG エディターの中で、利用可能な最高の無料 HTML エディターの 1 つです。これには、いくつかの役立つチュートリアル、ビジュアル デバッグ機能、および真に高度な HTML 編集ツールにするその他の機能が含まれています。 Komodo Edit は Mac、Windows、Linux で利用できます。

NetBeans

Apache の NetBeans は、HTML5 およびその他のさまざまな言語向けに設計された強力なコード編集ツールを提供します。無料の NetBeans ツールには、テンプレート、強調表示機能、ウィザード、その他の HTML 編集ツールが備わっています。このプログラムは、Mac、Windows、Linux、BSD で利用できます。

ブルーフィッシュ

Bluefish は、経験豊富なプログラマーや Web 開発者向けに設計された高度なコード編集ツールです。この無料プログラムは HTML 編集機能を提供しますが、XHTML、CSS、およびその他の幅広いコーディング言語でも動作します。 Bluefish は、プロジェクト管理ツール、オートコンプリート、自動タグソーシングなどを提供します。 

テキストメイト

TextMate は、Mac OS X オペレーティング システム用の強力なコード編集ツールです。この無料プログラムには、強力な検索機能、バンドル、スニペット、バージョン管理機能に加えて、期待されるすべての標準ツールが備わっています。 TextMate には、その他の便利な機能の中でも、WYSIWYG スタイルのライブ HTML プレビュー機能もあります。

日食

Eclipse IDE は、プログラマ向けのテキスト編集機能を備えた無料の統合開発環境です。このプログラムは、クラウド ストレージ、モデリング ツール、GUI ビルダーなどの便利な機能を多数提供します。 Eclipse ユーザーは、数十のパッケージを参照し、ニーズに合わせてエディターをカスタマイズできます。 

ブルーグリフォン

BlueGriffon は、多くの機能を備えたユーザーフレンドリーで高度な HTML エディターです。 BlueGriffon はそのレンダリング エンジンを Firefox と共有しており、そのルーツは Netscape にまで遡ります。 BlueGriffon は、その高い機能性とそれが可能にする WYSIWYG ウィザードリーにより、現在入手可能なこの種の HTML エディターの中で最高のものです。 

メモ帳++

Notepad++ は、無料で機能的で実用的な Windows 用の HTML テキスト エディターです。プログラムのソース コードは C++ で、Scintilla 編集コンポーネントをベースにしています。 Notepad++ は、元のプログラムのシンプルさを維持しながら、Microsoft Notepad のハイテク代替品として開発されました。 Notepad++ は優れた基本的なテキスト編集ツールであり、無料で利用できます。

ライトテーブル

Light Table は、複数のプラットフォームで利用できる無料のハイテク コード編集ツールです。ライブフィードバック、簡単なデバッグ、無制限のメディア埋め込み機能などの機能が満載です。ライト テーブルはシームレスな UI を備えているため、ナビゲートしやすく、効率的に作業できます。

4 つの 最高のプレミアム HTML エディター

現在の無料でダウンロードできる HTML エディターの機能を超えることは困難です。ただし、いくつかのプログラムはまさにそれを行い、多くの場合、価格に見合ったさらなるレベルの有用性を提供します。以下は、有料バージョンのある最高の HTML エディターのリストです。それぞれのエディターは、探しているものに応じて、最高のプレミアム HTML エディターとみなされる可能性があります。

<オル>

Adobe Dreamweaver

CoffeeCup HTML エディタ

コーダ

ウルトラエディット

Adobe Dreamweaver

Adobe Dreamweaver は、HTML および CSS 編集機能を備えた多機能 Web 開発ツールです。この Web サイトエディターは、Creative Cloud への接続など、多くの珍しい機能を提供します。これにより、複数のデバイス間でプロジェクトに取り組んだり、他のソースからのアセットにアクセスしたりすることが簡単になります。 

Dreamweaver は、デスクトップおよびモバイル用の動的な表示ツールと、ライブ WYSIWYG 編集機能を備えています。ほとんどの Adob​​e 製品と同様に、Dreamweaver は最新の操作しやすいユーザー インターフェイスを備えています。アドビは Git サポートを組み込み、Dreamweaver をこのツールを使用する開発者にとってお気に入りのものにしました。

Dreamweaver の無料試用版が利用可能であり、Adobe はより手頃な価格にするための月額支払いオプションを提供しています。プログラムを使用するライセンスは、月単位、年単位、または前払いで入手できます。

CoffeeCup HTML エディタ

CoffeeCup HTML Editor は、ユーザーが Web サイトのコードを簡単に作成およびカスタマイズできる堅牢な WYSIWYG ツールです。この強力なツールは、HTML および CSS 編集機能を備えています。さらに、CoffeeCup にはインタラクティブなプレビューが含まれており、ユーザーはコード内だけでなくページ上の属性をカスタマイズできます。これらの機能を組み合わせると、CoffeeCup HTML Editor は投資に値するものになります。

2023 年現在、このツールのダウンロードには 29 ドルの費用がかかります。このツールには、価格の割に、ライブ プレビューや WYSIWYG 機能、複数のダイレクト パブリッシング ツールなどの強力な機能が含まれています。 CoffeeCup では、無料トライアルや、機能を強化するための複数のレスポンシブ デザイン パックも提供しています。

ノヴァ

Nova は、ユーザーがすべてのサイト コードを整理および管理するのに役立つ Mac 用のプレミアム HTML エディターです。 Nova は、サイト全体のインデックス作成、オートコンプリート、柔軟なワークフローを備えており、プロジェクト全体でクラスと関数を簡単に管理できます。 

Nova UI はクラシックな Mac スタイルへのオマージュであり、明確にマークされたツールバーを備えています。この機能は、多くのユーザーにとって最高のプレミアム HTML エディターとなるのに十分です。さらに、Nova にはビルドと実行機能も組み込まれているため、新しいプロジェクトを開始する際の時間を節約できます。無料トライアル後の Nova の料金は、初年度は 99 ドル、それ以降は 49 ドルです。 

ウルトラエディット

CNET によって最高の HTML エディターとしてランク付けされた UltraEdit は、強力でユーザーフレンドリーな編集プログラムです。 UltraEdit は、GitHub Flavored Markdown との互換性、ライブ プレビューと編集、テーマなどを備えています。 UltraEdit では、FTP、SSH、および Telnet の編集も可能です。これにより、サーバーとの対話やコードの小さなセクションの操作が容易になります。 

4 つの ベスト オンライン HTML エディター

HTML プロジェクトは緊急性が高すぎたり、急ぎすぎてプログラムをダウンロードする必要がない場合があります。現在、多くの便利な機能を提供し、仕事をうまくこなす Web ベースの HTML エディターがたくさんあります。シンプルな HTML エディタをお探しの場合は、利用可能な最高のオンライン HTML エディタを以下に示します。

<オル>

コードペン

ライブウィーブ

JSBin

JSFiddle

コードペン

Codepen は、多くの追加機能を備えた無料のオンライン HTML エディターです。 Codepen は、他の便利なフロントエンド開発ツールとともにリッチ テキスト エディターを提供します。 Codepen は、初心者プログラマー向けに、役立つヒントやコーディング情報を含む教授モードを提供しています。 この HTML エディターは、オンライン CSS エディターおよび JavaScript エディターとしても機能します。 Codepen を使用すると、Web ブラウザで直接コーディングを簡単に開始でき、作業を進めながらスクリプトをテストできます。エディタへのアクセスは無料ですが、Codepen は Pro バージョンも提供しています。その高度な機能により、Codepen は最高のオンライン HTML エディタの 1 つであるだけでなく、あらゆる種類の HTML エディタの中でも最高の 1 つになります。

ライブウィーブ

Liveweave は、機能的で使いやすい HTML、JavaScript、CSS 編集プログラムです。無料で、さまざまなテンプレートが用意されているので、簡単に始めることができます。 Liveweave は、コードの編集、HTML の練習、または単に新しいアイデアを試すのに最適です。 Liveweave を使用すると、ユーザーはいつでも進捗状況をダウンロードできます。

JSBin

JSBin は、HTML、JavaScript、CSS 用の Pastebin テキスト エディターです。 Web ベースの編集プログラムにより、共同デバッグやテキスト編集が可能になります。 JSBin のユーザー インターフェイスはシンプルですが高機能で、2021 年に期待される基本的な編集ツールをすべて備えています。プログラムは無料ですが、機能を強化するためにプロ バージョンが利用可能です。 

JSFiddle

JSFiddle は、JSBin と同様、共同でコード編集できるプラットフォームです。これにより、ユーザーは HTML、JavaScript、その他の Web 開発プロジェクトを作成および共有できます。 JSFiddle は無料で使いやすく、GitHub や Stack Overflow のプレゼンテーションやプロジェクトのデバッグで人気があります。最高のオンライン HTML エディターの 1 つであるため、サイトで作業したり、コードを試したりするのに最適な場所です。

優れた HTML エディタの機能は何ですか?

十分な価値のある HTML エディターには、特定の便利な機能が備わっています。消費者にとって幸運なことに、コード エディタの市場は非常に競争が激しいため、最高の無料 HTML エディタでも開発者が求める機能を備えている可能性があります。エディターに必要な機能は次のとおりです。

• すっきりとしたインターフェース ユーザー インターフェイスが直感的でなく、雑であれば、コード エディターの価値はほとんどありません。最高の HTML エディターでは、ニーズや好みに応じてインターフェイスをカスタマイズするオプションが提供されます。 
• オートコンプリート。 使用している言語を認識し、簡単なコマンドを実行できるツールが必要です。ほとんどのコード エディターは HTML 以外の言語と互換性があるため、コード補完は注目すべき重要な機能です。 
• 構文の強調表示 構文のカラー コーディングとも呼ばれるこの機能は、HTML 構文のさまざまな部分をさまざまな色で自動的に強調表示します。構文の強調表示がないと、コードは読みにくくなります。 
• エラー検出 この機能は構文の強調表示をさらに一歩進めて、スペルが間違っている場合や間違った表現を使用している場合にそれを示します。エラー検出により、プログラムを実行する準備が整う前に間違いを見つけることができます。 
• 検索と置換 まだ HTML を学習している場合は、繰り返し犯した間違いを修正できるように、検索と置換機能が必要です。こうすることで、各インスタンスを 1 つずつ遡って修正する必要がなくなります。 

最適な HTML エディタの選択

自分にとって最適な HTML エディターを決定するのは難しい作業になる場合があります。プロジェクトによっては、基本的な機能のない HTML エディターが適切に機能します。大量のコードを含む大規模なプロジェクト、または作業を完了する必要がある初心者の場合は、WYSIWYG エディターが最適です。これらのテキスト エディターを使用すると、構文を気にしたり、コーディングにあまり時間を費やすことなく、サイトのレイアウトを簡単に変更できます。 

他のプロジェクトでは、特に注目度の高い Web サイトやトラフィックの多い Web サイトで作業する場合には、高度なツールが必要です。このとき、高レベルの機能と編集ツールを提供するプレミアム HTML 編集ツールの価値が生まれます。以下は、特定の目的のために HTML エディターを選択する際に留意すべき考慮事項の概要です。 

練習用の HTML エディタ

HTML を学習したい初心者の場合、多くの場合、基本的なテキスト エディタが良い選択となります。これらのプログラムには紛らわしい機能はありません。コードを入力するだけで、それが機能するかどうかがエディターに表示されます。これらのツールを使用すると、新しい開発者は言語を徹底的に学ぶことができるため、いつまでもドラッグ アンド ドロップ プログラムに依存する必要がなくなります。

小規模プロジェクト用の HTML エディタ

基本的なテキスト編集ツールも小規模なプロジェクトには最適ですが、JavaScript や CSS が関係する場合は不十分になる可能性があります。基本的なツールでは不十分な場合は、WYSIWYG オンページ編集などの機能を備えたミッドレンジ プログラムにステップアップすることを検討してください。これらのプログラムのほとんどはオンラインで入手できるか、無料でダウンロードできます。 

大規模プロジェクトまたは既存サイト用の HTML エディタ

プレミアム テキスト編集ツールは、大規模なプロジェクトや既存のサイトにとって貴重な資産です。これらを使用すると、大規模なコードベース内の小さな部分を簡単に修正できます。また、多くの場合、CSS と JavaScript の編集が可能で、更新をサイトに直接公開します。プレミアム ツールは、大規模な最新プロジェクトに必要な機能を提供します。

多目的 HTML 編集ツール

現在、非常に多くの機能が市場で利用できるため、単一の堅牢な多目的 HTML 編集ツールを決定するのは簡単ではありません。 HTML 編集のニーズを評価し、関連すると思われる機能を提供するプログラムを選択してください。決められない場合は、複数のプログラムをダウンロードして、どれが最適かを検討してください。このリストにある有料ツールにも無料トライアルが付属しているため、複数のツールを試してみない理由はありません。 

あなたにとって最適な HTML エディタはどれですか?

特定のユーザーにとって最適な HTML エディターとは、Web サイトの構築、共同作業者とのプロジェクトでの作業、または単にコードの学習など、コーディングの目標を達成できるものです。オペレーティング システムで動作し、時間を節約し、より効率的なプログラマになる機能を備えた HTML エディタを選択する必要があります。

誰もが無制限の予算を持っているわけではないため、このリストでは無料の HTML エディターを優先しています。上級ユーザーは有料オプションも検討することをお勧めしますが、実際には、この記事で紹介するプログラムはどれも、最高の HTML エディターであると主張できます。それはすべて、それを何に使いたいか、そしてそれがキャリアアップやテクノロジー業界へのキャリアへの移行にどのように役立つかによって異なります。 

ベスト HTML エディタに関するよくある質問

HTML IDE と HTML エディタ:違いは何ですか?

HTML IDE と HTML コード エディターの違いは、前者はソフトウェア開発ツールの完全なセットであるのに対し、コード エディターはその一部を構成するだけであることです。 HTML エディタを使用すると、ソース コードをリアルタイムで読み取って編集できます。 HTML IDE を自由に使用すると、エディター、コンパイラー、デバッガー、洗練されたインターフェースを使用して作業を行うことができます。

Mac に最適な HTML エディタは何ですか?

Mac に最適な HTML エディタはクロスプラットフォームです。つまり、Windows や Linux でも使用できます。 Mac を所有していて、信頼できる Mac 用 HTML エディターが必要な場合は、Atom、Komodo Edit、または Brackets を選択すると間違いありません。いくつかの追加機能を備えたものが必要な場合は、すべてのトラップを備えたオープンソース IDE である NetBeans をチェックしてください。 

HTML エディタが必要になるのはどのような場合ですか?

Web サイトをより迅速かつ効率的に構築する必要がある場合は、HTML エディターが必要です。シンプルな無料のエディターでも時間を節約でき、より堅牢なエディターを使用すると、コーディング プロセスを合理化して実際に優れたプログラマーになれます。コーディング スキルの向上に真剣に取り組んでいる場合は、開発ツールキットにコード エディターが含まれている必要があります。 

CSS にはどのようなエディタが使用されますか?

通常、HTML に使用されるのと同じエディターが CSS にも使用できます。これは、HTML と CSS が Web 開発と Web デザインにおいて密接に関係しているためです。言い換えれば、優れた CSS エディターとは、フロントエンド開発者に好まれる傾向にあるものです。フロントエンド開発に最適な CSS エディタは、Visual Studio Code、Brackets、Atom、Sublime Text です。