HP作成ツール「テキストエディタ」

HP作成ツール「テキストエディタ」

「タグ打ち」はホームページビルダーやDreamweaverのような有料のソフトでも可能ですが、環境が変わってもダウンロードして素早くテキスト編集ができるテキストエディタは非常に重宝します。
また、先に挙げたような編集ソフトでも古いバージョンのものや、CSSの解析力の弱いのもでは、プレビューモードの表示がうまくいかず、結果として効率良くサイト制作ができないケースがあります。

いずれにしても、ホームページを運営する場合は「タグ打ち」をマスターし、ご自身でHTMLやCSSの簡単な編集を行える能力が必須になってきます。

ここでは「タグ打ち」を行う際に便利な「テキストエディタ」を紹介いたします。

※Windowsに初めから付属している「メモ帳」も、テキストエディタの一つですが、より機能の充実したエディタをご利用になった方が作業効率は格段に上がります。

Brackets（無料）

元々はAdobeによって作成された、初心者から上級者まで幅広く使える非常に優秀なエディタです。

HTMLタグの補完機能に加え、CSS3やJavaScriptの補完機能も備えています。
また、Google Chromeと連携してライブプレビュー機能が使えるため、編集した内容をリアルタイムに確認できるほか、専用の拡張機能をインストールして、最近流行の「Emmet（Zen-Coding）」やHTMLの文法チェックに便利な「W3CValidation」など様ざまな機能を利用できるのも魅力です。

Brackets — Now Phoenix Code | Free Open Source Code Editor with Live Preview

Brackets has evolved into Phoenix Code — a free, open-source code editor with live preview for HTML, CSS, and JavaScript. Migrate from Brackets to Phoenix Code, or download for Windows, macOS and Linux.

Brackets

Sublime Text（有料＆無料）

Mac、Windows、Linuxで動作するHTML5やCSS3のタグ補完機能も備えた高機能のテキストエディタ。やや上級者向けです。

プラグインで機能を様ざまに拡張できるため、HTMLのバリデーションチェックや「Emmet」の導入などを容易に行うことができます。また、エディタ自体を編集しやすく、ショートカットの設定も容易です。

Sublime Text - the sophisticated text editor for code, markup and prose

Available on Mac, Windows and Linux

www.sublimetext.com

ez-HTML（無料＆リンクウェア）

マルチ画面、FTP転送機能の付いている、HTMLに特化したエディタです。

2005年度 VECTORベストオンラインソフトウェア賞を受賞、2007年度 Greva!プラチナ賞を受賞。
このHTMLエディタはほとんどすべての規格のHTML文法データを包括しているため、適切な場所に適切な要素、属性、属性値を自動的に候補として出してくれるため、文法にも正確で美しいソースをコーディングする事ができるのが特徴。
Crescent Eveに比べると、インターフェースが少しごちゃついている印象はありますが、テンプレート機能や幅広いHTMLフォーマットへの対応など、かなり充実したエディタです。

EmEditor（有料＆無料）

ユーザーも多い、国産最高峰のWindows版テキストエディタ。
PHPやPerlといったプログラミングに便利です。

mi（無料）

Macで爆発的人気のフリーのテキストエディタ。
「ミミカキエディット」とも呼ばれており、フリーとは思えないほどの機能が満載です。

その他のソフトは下記からお探し下さい

Vectorというサイトでは、様々なソフトがダウンロードできます。
ここでご紹介した以外のソフトで、お客様に合ったソフトがあるかもしれませんので、 もし上記でご紹介したソフトが「自分には合ってないな」と感じられた際は、下記ページからお探し下さい。

Vector HTML作成