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

終わりに

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

  関連記事

Webデザイナーに必要な最低限のスキルって何だろう?(前編)

Webデザイナーを目指す人誰もが感じる「Webデザイナーになる為にどんなスキルが …

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

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

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

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

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

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

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

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

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

デザイナーは参考にしよう!オシャレな年賀状まとめ【企業編】

さて、今年も残すところ1ヶ月を切りました。皆さんの2014年はどんな年でしたか? …

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

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

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

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

【保存版】検索エンジン比較!GoogleやYahoo以外のおすすめの検索エンジン

日本国内の検索エンジンではYahoo!とGoogleが大半のシェアを占めます。僕 …

Message

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

CAPTCHA