いぬのまんまはいぬまんま

HTML&CSS初心者だけど、初心者にオススメのフリーエディタはAtom一択だと思う

f:id:w_c:20180530222931p:plain 今まさにHTMLとCSSを勉強してる初心者だけど、"Atom"っていうエディタの使い勝手が超いい!

他のフリーエディタも使ってみたけど、個人的にはAtom一択だと思う。
マジで今のとこ他のエディタを探す必要性を感じてない。


何がそんなにいいのか説明するから、

初心者にオススメのフリーエディタを教えなさい

っていう人は読むといいよ。


スニペット(入力補完機能)の使い勝手がいい

まずこれがめちゃくちゃデカいよね。スニペット。
たとえば"img"とだけ打ってTabキーを押すと

<img src="" alt="">

まで勝手に入力してくれる。


もちろん他のhタグ, div, p, span等のタグにも対応していて、 現段階では対応してないタグに出会ったことはない。


しかもこのスニペット、自分で編集できる。
たとえば僕のAtomでは"html"と入力してTabキーを押すと、

<!DOCTYPE html>

<html lang="ja">

 <head>

  <meta charset="utf-8">

  <title></title>

 </head>

 <body>

 </body>

</html>

まで自動で入力されるように設定してある。

もはや手打ちしなさ過ぎてタグ覚えられないレベルじゃね?

いやホンマにそれ。 最初はあえてこの機能使わない方がいいかも知れない。

っていうぐらいこのスニペットは素晴らしい。



左右2分割の作業スペース

Atomは作業スペースを左右に分割して、それぞれで違うファイルを編集できる。

これが何を意味するか分かるかい…?

分からん





2つの違うファイルを同時編集出来るということはつまり、
HTMLとCSSを左右で同時に編集出来るということ! すごい!

これで

htmlファイルでクラス名を付けて、タスクバーからcssファイルをアクティブにしてクラス名を入力しt…
あっクラス名なんやったっけあーまたhtmlアクティブにして

みたいなことが無くなるんやで!すごいやろ!

いやコピペという文明の利器を知らんのか

まあなんにしてもファイルの切り替えをしなくて済むのは素晴らしい。

人によっては、一つのファイルを編集してるかのような錯覚を感じるかも知れませんね。知らんけど。



デザインが狂おしい程いい

f:id:w_c:20180530222858j:plain かっけぇ…

ねえオシャレ過ぎない?
余裕でオシャレ過多。

明らかに色づかいが天才のそれ。


まあこれに関しては完全に主観の話なので、好きじゃない人には全く刺さらないと思いますが。
ただこの美しいビジュアルが気に入った人は、それだけで使う価値があると思う。

美しさってかなりモチベーションに関わってくる部分(個人的にはそう思っている)なので。


前は"TeraPad"っていうエディタでhtml書いてたんだけど、もう見た目が全然違う。

もちろんTeraPadは軽くていいエディタだし、普通の文章を編集するときとかは全然使ってるんだけど、 ことhtmlに関してはAtomに軍配が上がると思います。
主にデザイン的な意味で。



まとめ

  • 2分割スペース勝手良すぎ
  • デザインかっこ良すぎ
  • スニペット便利良すぎ

=Atom一択

だと思います。

まあ全てのフリーエディタを試したことはないので、 もちろん異論は認めますが、

いい感じのフリーエディタが欲しいんじゃい

って人は是非一度使ってみてください。