一歩ずつ学ぶ

最終更新日:
スポンサーリンク

HTMLエディタのおすすめを複数紹介(フリーで高機能)

HTMLを記述する場合に使える 無料で高機能なおすすめHTMLエディタを紹介します。

自分でHTMLタグを記述できるようになるとHTMLサイトはもちろん、 ブログ記事を書く時にも応用できます。

HTMLは普通のテキストエディタでも記述できます。 ですが、HTMLエディタを使った方がよりスムーズに記述できます。

それぞれのソフトに特徴があるので複数使ってみて、 自分に一番合うHTMLエディタを選ぶのが良いと思います。

それではさっそく紹介してきます。

Atom

Atom』はGitHubが開発したテキストエディタです。 Windows、Mac、Linuxなどで使えるクロスプラットフォームです。 HTMLはもちろん主要なプログラミング言語に対応しています。

パッケージが多数開発されていて、パッケージをインストールすることにより 機能をどんどん拡張していけます。

「atom-html-preview」というパッケージをインストールすることで プレビュー機能も使えますから便利です。

Atom』はプログラミング用エディタとして要注目のエディタです。 一度試してみる価値はありますよ。

★ Atomのサイトはコチラ

Atom

Visual Studio Code

Visual Studio Code』は、マイクロソフトが開発したコード編集に特化した 無償のエディタです。マイクロソフトとしては初めてのクロスフォームのコードエディタで、 Windows,Mac,Linuxに対応しています。

主要な開発言語はサポートされていますから、HTML、CSS、JavaScriptはもちろん、 他の言語も多数サポートされています。

マイクロソフトが開発しただけあって、入力補完機能が優秀なのが 特徴としてあげられます。

あとは「Visual Studio Code」に対して、マイクロソフトがどれくらい 本腰を入れて開発し続けるかが注目です。

統合開発環境の「Visual Studio」を使うほどでもないけれど、 マイクロソフトの製品を使ってみたい方にはオススメのエディタです。

★ Visual Studio Codeのサイトはコチラ

Visual Studio Code

スポンサーリンク

Crescent Eve

Crescent Eve』はシンプルかつ軽量なHTMLエディタです。 入力補助や文法チェック、プレビュー機能等、 HTML入門者に役立つ機能が多数あります。 HTMLだけでなく、CSSにも対応しています。

普通のエディタとしても充分に使えるほどの機能がありますので おすすめのソフトです。

★ Crescent Eveのサイトはコチラ

Crescent Eve

ez-HTML

作者ホームページに記載されている情報によりますと、 2011年時点で累計ダウンロード数が60万本と突破とあります。

入力補助、プレビュー、ファイルのアップロード等、 様々な機能があり、操作性も優れたHTMLエディタです。

ファイルの一覧を表示したり、タグのアウトライン解析をしてくれる スペシャルサイドバーもあります。

HTML入門者におすすめできるHTMLエディタです。 HTML5には対応していないようですが、HTML5で記述する場合でも十分使えるソフトです。

なお、ez-HTMLはリンクウェアとなっています。 リンクウェアとは、お持ちのホームページやブログに、 作者サイトへのリンクを張ることで利用できる フリーウェアのバリエーションの1つです。

★ ez-HTMLのサイトはコチラ

ez-HTML

StyleNote

StyleNote』は名前の通りスタイリッシュなインターフェイスで、かつ高機能なHTML/CSSエディタです。 入力支援、プレビュー、豊富な編集機能があります。

マウスのホイールを回転させることでパラメータ値を変更できるホイールインプット機能等、 独特の機能も搭載されたソフトです。

StyleNoteもez-HTMLと同様にリンクウェアとなっています。

★ StyleNoteのサイトはコチラ

StyleNote

Aptana Studio

Aptana Studio』はこれがフリーソフト?といいたくなるほど高機能な統合開発環境です。

HTML、CSS、JavaScriptの他にもPHPやRuby等、 いろいろな言語での開発が出来るソフトです。

但し、高機能なため初心者・入門者にとっては敷居が高いと思います。 中級者、上級者向けの本格的開発環境です。

★ Aptana Studioのサイトはコチラ

Aptana Studio

HTML EDITOR

HTML EDITOR』はオンラインHTMLエディタです。 ワープロ感覚で文章を入力して、ソースを取得できます。 画面上タブが2つあります。「エディタ」タブと、「ソース」タブの2つです。 文章は「エディタ」タブで入力し、 入力が終わったら「ソース」タブに切り替えてソースを取得します。

画面をみるとわかるのですが、編集用のアイコンがたくさん並んでいます。 ですからワードなどの日頃使っているワープロソフトを使っているような感じで 入力できると思います。

★ HTML EDITORのサイトはコチラ

HTML EDITOR

HTML Instant

HTML Instant』もオンラインHTMLエディタです。 左側にソースを記述して、右側にプレビューが表示されます。

左側の上部にタグを入力するボタンが並んでいます。 hタグ、pタグ、strongタグ、imgタグ、tableタグなどの主要なタグは画面上からクリックで入力できます。

ソースの入力と同時に右側でプレビュー画面を見ながら入力作業ができるため、すぐに表示結果をみたい方には便利です。

★ HTML Instantのサイトはコチラ

HTML Instant

HTML おすすめ書籍

HTMLの本、おすすめランキング

↑ PAGE TOP