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上からプログラムのコンパイルやファイルの操作などができることから、研究者から支持されております。(参考記事)

終わりに

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

  関連記事

【おすすめ】マウスでなぞるだけでスキャン可能!マウス型スキャナがおすすめ

マウスの形をしたスキャナを発見したので紹介しちゃいます。その名もマウス型スキャナ …

【おすすめ】初心者向けIllustrator(イラストレーター)参考書まとめ(2015年最新版)

参考書シリーズは以前から何度か紹介しておりますが、結構多くの方に読んで頂いていま …

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品A …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

2015年初売り福袋合戦!正月特設サイトでWebデザインを学ぼう!

2014年ももうすぐ終わりですが何も思い起こす事はありませんか?大掃除や年末ジャ …

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

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

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

バナーやポスター、フライヤー・チラシなど制作におすすめの参考書はこれ

最近仕事でアフィリエイト用のバナーを制作する事が多いのですが、結構頭を使います。 …

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

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

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

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

Message

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

CAPTCHA