BLOG / ブログ

株式会社トラフィックラボ

【HTML5/CSS3】ゼロからWebサイトを作ってみよう!【テキストエディタ紹介】

  • BLOG

こんにちは!
コーダーのSACHIです!

今回から【Webサイトを作ってみよう!】ということで
無料で使えるテキストエディタと有料のテキストエディタをご紹介させていただきたいと思います。

MacでもWindowsでも使えるテキストエディタ

Atom(無料/Mac・Win)

URL【https://atom.io/

タブ型で、使いやすいユーザーインターフェースで無料で公開されているパッケージで機能追加が可能なとても便利なテキストエディタです。

マック ウィンドウズ Atom テキストエディタ

URL【https://www.adobe.com/jp/products/dreamweaver.html

マック ウィンドウズ Adobe DREAMWEAVER テキストエディタ

コードビューとデザインビューを同時に見ることができたり、FTPソフトをインストールしたりすることなくサーバーとのファイルのUPDOWNできます。また複数ブラウザでの表示確認、パーミッションの設定、ファイル名の変更や新規ファイルの作成などできます。

秀丸エディタ(有料4,320円 / Win)

URL【http://hide.maruo.co.jp/

ウィンドウズ向け 有料 テキストエディタ 秀丸エディタ 画像

ファイルサイズが大きくても扱え、カスタマイズや検索機能が豊富です。

Mac向けおすすめテキストエディタ

mi

URL【http://www.mimikaki.net/

機能も豊富でプラグインなども充実しています。

Mac向け テキストエディタ mi 画像

CotEditor

URL【https://coteditor.com/

シンプルかつ、動作も軽いです。
オープンソースで提供されていておすすめです!

Mac向け テキストエディタ CotEditor 画像

ウィンドウズ向け

Notepad++

URL【https://notepad-plus-plus.org/

Windows用に開発されたテキストエディタです。
海外で開発されたものですが、現在は日本語で使用可能になっています。
インストール方法はインストーラーパッケージをダウンロードすれば完了です。

ウィンドウズ向け テキストエディタ Notepad++ 画像

TeraPad

URL【http://www5f.biglobe.ne.jp/~t-susumu/

日本のテキストエディタ で表示も全て日本語で表示されます。
コードの色分けもできるので初心者の肩にもおすすめです!

ウィンドウズ向け テキストエディタ Terapad 画像

ダウンロードできましたか?
次回はいよいよテキストエディタ に書き込んで行くのにHTMLの仕組みについてお話しさせていただきたいと思います!