1. HOME
  2. »
  3. ニュース
  4. »
  5. WEB開発で使えるフリーのテキストエディタ、厳選ベスト3!

WEB開発で使えるフリーのテキストエディタ、厳選ベスト3!

どうもこんばんわ、@It_is_Rです。RはRevolutionのRです。

WEBページを作る上で必須になるのがテキストエディタ。
これがあると、HTMLを書くときにミスが大幅に減ります。

テキストエディタはかなりたくさんあるので、その中でも厳選いたしました。
見易さと、機能面、そしてフリーである事を条件に選びました。

ではでは、WEBページ制作で使えるテキストエディタを紹介していきましょう。

テキストエディタを選ぶ目的として、Javascriptでのゲーム開発をやりやすくしたいというのがありました。
なので今回は、自分がたった今作っているゲームのソースを実際に表示して比べてみようと思います。

見やすく、使いやすい。Atom!!

Atom
まずはAtomの紹介をしていきましょう。

Atomについて

Atomはとても見やすく、とても使いやすいテキストエディタだと思います。
では、実際にソースを表示してみましょう。

まずはHTMLファイルからです。

Atom画像
Atom画像

特に設定は行っていません。
が、ただ読み込んだだけで文字に色がつき、左側にフォルダ内のファイルが表示されます。

では、Javascriptファイルも読み込んでみます。

Atom画像
Atom画像

これはゲーム制作も捗りそうだ!

Atomの機能

Atomには便利な機能があります。
まずは、画面を分割して表示できるということですね。

Atom画像
Atom画像

これでHTMLファイルを確認しながら、Javascriptファイルがいじれる!ってワケです。

また、パッケージをインストールするという方法もあります。
例えば、color-pickerを使うと、右クリックから色を選択するパネルを表示することができます。

Atom画像
Atom画像

このようにパッケージをインストールすると、様々な機能を追加することができます。
わざマシンでモンスターに技を覚えさせる様なものですね。

努力なしで技を覚える。。。素晴らしい世界だ。
まだまだ多数の機能がありますが、それはいずれまた。

こちらも機能満載。Brackets

Brackets
次に、Bracketsの紹介といきましょう。

Bracketsについて

こちらもとても見やすいテキストエディタとなっております。

Brackets画像
Brackets画像

Bracketsの機能

BracketsもAtom同様、便利な機能がたくさんでございます。
まずは、画面の分割ですね。

Brackets画像
Brackets画像

今回は、PHPファイルとCSSファイルを表示してみました。

Bracketsでライブプレビューを使ってみました。
ちなみにこれは、PHPファイルなのでMAMPなどのアプリを使わなければ開けません。。。

Brackets画像
Brackets画像

また、WEB上で使用する色を確認することもできます。

Brackets画像
Brackets画像

こちらもマウスカーソルをコードの上に合わせることで画像をなどを確認できたり、新たに機能を追加したりできるようです。

WEB上で使用可能。Liveweave

Liveweave
最後に、Liveweaveを紹介したいと思います。

Liveweaveについて

LiveweaveはWEB上でHTMLやCSSなどを編集することができるので、とてもお手軽です。
しかし、便利ゆえに欠点が多い気が。。。

Liveweave画像
Liveweave画像

Liveweaveの機能

これは、簡単なWEBサイト制作に向いています。
画像は多分読み込めなさそうなので、自分のサーバーにアップされているものを絶対パスで入力する形になります。

また、HTML、CSS、Javascript、プレビューと、4つに分かれているので使いやすいのですが、Javascriptファイルを2つ読み込みたい時などには不便です。

なので、これでちゃんとしたサイトを作ろうと思うのは間違っています。。。
今回、このLiveweaveをベスト3に入れた理由としては、やはりWEB上で編集できるので、手軽だというだけですね。

というわけで以上、WEB開発に役立つテキストエディタベスト3でした。

スポンサードリンク

関連コンテンツ

オススメ記事

【無料あり】アニメが見れる動画サービスまとめ11選!!

アニメはこち亀が一番好きだった。。。@It_is_Rです。 最近はテレビでアニメを見ることが少なくなりました。ネットで見れてしまうので。。。 そんなわけで、今回はネット上でアニメが観れるサイト

ひらり散りし桜の花

【ひらり散りし桜の花】初音ミクさんの和風ラップ、アップしました。

私が住む地域では、「〇〇だろ」というのを、「〇〇やらー」とか「〇〇らー」と言います。 なので、「さくらが咲くだろ」は、「さくら咲くらー」です。@It_is_Rです。 ちなみに、「枕を巻く」は「

【罵倒少女】女の子に罵られたいなら急げ!!ボイス付きAIが公開中!!

そのうちコンピュータが人を作ってしまう時代が来るかもしれませんね。@It_is_Rです。 8月4日、期間限定で罵倒少女というAIがpixiv上で公開されました。 このAIの最大の特徴は、返って

ゲーム開発で使用する人魚のイラスト描きました。

制作中の人魚のゲームは、Unityを使ったAndroid専用ゲームにしようと考えています。@It_is_Rです。 そんな訳で、いまUnityの使い方を覚えているのですが、まだまだ時間がかかりそう。

music

新曲をニコニコなどにアップしましたのでご報告。

どんなに歩いても火星にたどり着けません!どれだけ歩けばたどり着けるんですか!@It_is_Rです。 今開発中のゲームのOP曲をつくってみました。久しぶりにUTAUを使っています。ゲームのイメージとか

格安SIM 24社の比較2017!! SMS が使えれば通話はいらない!!

最近スマホ変えました。 @It_is_R です。 この頃は LINE など、 SMS が必須のアプリが増えています。 前は、 SMS なしの格安 SIM を使っていましたが、 LINE が使え

chuwi

CHUWI hi8 Proを購入したので、使用方法とレビューを書いてみました

中華料理が最高に美味い。@It_is_Rです。 中国へ行ったことはありますか? 「社長さーん!」と声をかけられながら、ケンタッキーのパクリっぽい店に行くのが日常になります。はい。 そんな

LINE

LINE着せかえ販売がもうすぐ可能!クリエイター必見!!

LINEを使って会話する相手がいない。@It_is_Rです。 数年前、スマートフォンアプリである「LINE」が誕生し、メールよりもLINEを使うひとも多くなりました。 LINEで特徴的なのが、

WoWme提供開始。自身のスキルを活かした稼ぎ方ができるかも!

嫌いな勉強よりも、好きなことをやった方がいいと思います。@It_is_Rです。 10月17日より、WoWMeの事前登録受付が開始されました。事前登録期間は、10月17〜11月10日までです。(変

はぴはぴクリスマス

【はぴはぴクリスマス】初音ミクの、クリスマスラップ公開しました。

クリスマスには少し早い気もします。@It_is_Rです。 大ニュースです! なんと、この私がクリスマスラップソング、作りました。 クリスマスソングは2作目となります。 今回は作った曲の紹

コメントをどうぞ!

メールアドレスが公開されることはありません。




オリジナルゲーム.com