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年最新版)

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

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

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

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

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

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

ホームページ制作の流れって?(前編)

ホームページ作成にあたって、お客様との間で必ず打ち合わせを行います。大体のホーム …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

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

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

激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

サンダーバード(Thunderbird)の動作が重い時の対処法・解消法

無料のメーラーと言えば、Mozillaが提供するThunderbird(サンダー …

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

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

Message

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

CAPTCHA