Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

【比較】初心者コーダー必見!おすすめの人気のフリーエディタ

web制作関連 ツール , ,

フリーランスで仕事が欲しいならここ

      2015/07/20

エディタ比較

エディタって何を使えばいいの?と悩む人は少なくありません。実際僕もかなり迷いました。お金をかけても大丈夫という方であればAdobeDreamweaverがおすすめです。多くの企業でも使われており、求人情報等にもDreamweaver使える方優遇といった項目を目にします。ただ、Dreamweaverは有料のため、初期費用が発生してしまいます。また、今後HTMLやCSSのコーディングを覚えたいということであれば、Dreamweaverのような統合ソフトウェア(編集機能やレイアウトの表示機能、ファイル管理機能など、制作や更新作業に必要な機能がひとまとめになっている)ではなく、通常のエディタを利用することをおすすめします。

今回は、無料で利用できるエディタを紹介していきます。ちなみに僕はSublime Textを利用しています。カスタマイズ次第では世界一のエディタだと思っております(笑)。

そもそもエディタとは?

文字のみのファイルを作成・編集するためのアプリケーションソフトを指します。テキストの入力やコピー、置換などの機能を持ち、ワープロソフトに比べて高速に動作しますが、レイアウトや文字飾りなどの機能は持たないのが特徴です。

おすすめ無料エディタBEST5

Sublime Text(サブライムテキスト)

Windows, Mac OS, Linux対応

1036x866x077561924a9d21ee5500bae

Windows、Mac、Linux対応しているのテキストエディタです。UIが大変人気で、カラーリングや、ソースコード全体のマップ 表示など便利な機能があるなど、使い勝手も高いです。プラグインやAPIが豊富なため拡張性が高いのも特徴的です。Web制作会社で働いているコーダーやエンジニアの友人もSublime Textを利用していると聞いております。無料で利用できるエディタの中ではTOPクラスの人気を誇ります。

Vim(Vi)

Windows, Mac OS, Linux対応

2html_source

Vimはvi から派生し、発展した高機能な開発者向けのエディタです。拡張が容易で多くのプラグインが提供されており、さまざまな用途に活用できるという特徴があります。基本的にコマンドモードと入力モードという2つのモードを切り替えながら編集作業を実施します。取得までは少し大変ですが、マスターすれば最強のエディタかもしれません。(参考記事)

TeraPad(テラパッド)

Windows対応

tp_w7_s

TeraPadははシンプルで拡張性に優れた国産のテキストエディタです。行番号やルーラーの表示、クリッカブルURL、アンドゥ・リドゥ機能など、Windows標準のメモ帳にはない多くの機能を備えています。HTMLタグやPerl言語の色分け表示、矩形選択、ドラッグ&ドロップ編集などの機能も備えているなど、メモ帳しか使ったことのない初心者にもプログラムを作成するような上級者にも使えるソフトです。(参考記事)

Notepad++

Windows対応notepad++

Notepad++(ノートパッドプラスプラス)は、Windowsで動作するフリーソフトウェアの ソースコードエディタです。コードの折りたたみ機能、起動も動作も速い、 数多くのプログラム言語の色分けに対応してます。海外では大人気のエディタです。(参考記事)

Emacs

Windows, Mac OS, Linux対応

emacs-xft

EmacsはGNUプロジェクトが開発した、UNIXの代表的なテキストエディターです。正式には「GNU Emacs」という。Emacs上からプログラムのコンパイルやファイルの操作などができることから、研究者から支持されております。(参考記事)

終わりに

エディタはまだまだ沢山あります。今回はフリー(無料)で利用できるエディタという括りで記事を書かせて頂きました。まずは利用してみて判断するのが一番かも知れませんね。

  関連記事

【EC-CUBE編】レンタルサーバー比較!EC-CUBEにおすすめのサーバーはこれだ!

ホームページを公開する際に悩むのがサーバー選びですが、運営者それぞれでサーバー選 …

おすすめのフリー素材サイト(写真、画像、背景、アイコン等)を集めてみた

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが、皆さん …

Mac版GRCは無いの?SEO対策に欠かせない検索順位チェックツール

GoogleやYahoo!の検索順位が確認できる検索順位チェックツールはサイト運 …

【CMS比較】WordPress以外のおすすめ・人気のCMSまとめ

ホームページやブログを構築する際にCMSを利用するケースが多くなってきました。「 …

HTMLの謎①〜DOCTYPE宣言とは?〜

ホームページ制作をするにあたって必ず耳にするのがHTMLやCSSと呼ばれるプログ …

WEBデザインに必要不可欠なAdobe Creative Cloud!まずはIllustratorやPhotoshopをマスターしよう!

WEBデザイナーを目指す方は必ず買っておくべきデザインソフトがあります。その名も …

Webデザイナーにおすすめのブログ集!Webデザインの参考にどうぞ

Webデザインをする際に何かに躓くことってありますよね?「ここのデザインはどうし …

話題のLINEクリエイターズスタンプを作ってみた【その4】

LINEスタンプの記事は以前にも紹介(参考)しておりますが今回も僕が作成したLI …

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

【配色】おすすめ配色ツール・カラーチャートで美しい色選択を!

Webデザイナーとしてホームページやバナーなどを制作しているのですが、どうしても …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA