以前に最強のエディタは！？ソニックムーブのおすすめエディタランキングという記事を紹介しましたが、今回はHTMLエディタとして使えるものに絞って人気のHTMLエディタを調査してみました。 検索数や記事数などのよる人気のものを調査したものとなっています。
目次
条件
様々なエディタがあるかと思いますが、下記の4つの条件に絞って様々なツールを使ってその人気の度合についてピックアップしてみました。
- MacとWindowsで利用できる
- 無料で利用できる
- 比較的に開発がまだ行われている
- 初心者でも始められやすい
おすめのHTMLエディタ一覧
上記の条件で当てはまるHTMLエディタとして使えるものとして下記をピックアップしてみました。
Visual Studio Code
https://code.visualstudio.com/ Microsoft製のエディタです。最近何かと話題に登ることがあり、様々なカスタマイズができる人気のエディタの一つです。 HTML、CSS、JavaScriptなどのWeb技術を使ってmacOS、Windows、Linuxに対応したデスクトップアプリケーションを作成できるElectonフレームワークを使って作成されています。 この後に紹介する同様のAtomやSlackでもElectronが使われています。
Atom
https://atom.io/ GitHubが開発したオープンソースのエディタで、これも様々なテーマやカスタマイズができる人気のエディタの一つです。 面白いのは、Atomの方がVisual Studio Codeよりも先に開発されたのですが、開発元のGitHubがマイクロソフトによって2018年に買収されているということです。Visual Studio CodeとAtomは競合している部分もあるので、Atomの存続が気になる部分でもありますが、今のところ存続されるようです。参照
Brackets
http://brackets.io/ Adobeによるオープンソースのエディタです。CSSのクイック編集機能や、編集すると即座に反映されるライブビュー機能が便利です。
Sublime Text
https://www.sublimetext.com/ “恋に落ちるエディタ”なんて言われていました。複数選択した箇所の同時編集ができる機能が人気の一つとなっています。 それでは、それぞれのエディタの人気の度合いについて見てみましょう。
Googleトレンドによる人気順
Googleトレンドによる人気順ですが、日本国内における過去12ヶ月のデータとなっています。 「Atom」は様々な商品やサービスで使われているため、一概にエディタを指しているとは限りません。しかし、GoogleトレンドではAtomの一般的な検索キーワードとは別にテキストエディタのカテゴリを選択できたため、その違いに差がありました。一般的なAtomの検索キーワードは青のライン、テキストエディタカテゴリのAtomは赤のラインとなっています。 trends.embed.renderExploreWidget(“TIMESERIES”, {“comparisonItem”:[{“keyword”:”Atom”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”/m/0_x5x3g”,”geo”:”JP”,”time”:”today 12-m”}],”category”:0,”property”:””}, {“exploreQuery”:”geo=JP&q=Atom,%2Fm%2F0_x5x3g&date=today 12-m,today 12-m”,”guestPath”:”https://trends.google.co.jp:443/trends/embed/”}); そして、そのテキストエディタのカテゴリで検索したAtomと他のエディタと比較したものが下記となります。テキストエディタのカテゴリで検索された結果があっているなら、Atomの検索数は圧倒的だと言えます。 trends.embed.renderExploreWidget(“TIMESERIES”, {“comparisonItem”:[{“keyword”:”/m/0_x5x3g”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”Visual Studio Code”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”Brackets”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”Sublime Text”,”geo”:”JP”,”time”:”today 12-m”}],”category”:0,”property”:””}, {“exploreQuery”:”geo=JP&q=%2Fm%2F0_x5x3g,Visual%20Studio%20Code,Brackets,Sublime%20Text#038;q=%2Fm%2F0_x5x3g,visual%20studio%20code,Brackets,%2Fm%2F0b6h18n,Emacs&%23038;date=today%2012-m,today%2012-m,today%2012-m,today%2012-m,today%2012-m”,”guestPath”:”https://trends.google.co.jp:443/trends/embed/”}); さらにテキストエディタカテゴリの「Atom」、検索数としてもそこそこにある「Atom エディタ」、「Visual Studio Code」は「VS CODE」でも検索されているので、それらを比較してみました。やはりここでもAtomは圧倒的な人気となっています。 trends.embed.renderExploreWidget(“TIMESERIES”, {“comparisonItem”:[{“keyword”:”/m/0_x5x3g”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”Atom エディタ”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”Visual Studio Code”,”geo”:”JP”,”time”:”today 12-m”},{“keyword”:”VS CODE”,”geo”:”JP”,”time”:”today 12-m”}],”category”:0,”property”:””}, {“exploreQuery”:”geo=JP&q=%2Fm%2F0_x5x3g,Atom%20%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF,Visual%20Studio%20Code,VS%20CODE&date=today 12-m,today 12-m,today 12-m,today 12-m”,”guestPath”:”https://trends.google.co.jp:443/trends/embed/”}); Googleトレンドでの人気についてまとめると、Atomの検索結果から多くのユーザーが求めている情報はAtomエディタであることは間違いないですが、純粋に他のエディタと比べるとデータがブレるかと思いますが、それでも人気であることに間違いないと言えます。 とりあえずはの結果はこんな感じということで。 1位 Atom 2位 Visual Studio Code 3位 Brackets 4位 Sublime Text
Qiita内の記事数ランキング
プログラミング情報のナレッジコミュニティとして人気のQiitaで書かれている記事投稿についても、記事執筆時点でざっくりと調べてみました。 
文字列が含まれるている記事数
1位 Atom 2位 Visual Studio Code 3位 Brackets 4位 Sublime Text
タグによる投稿数
1位 Atom 2位 Visual Studio Code 3位 Sublime Text 4位 Brackets
フォロワー
1位 Atom 2位 Visual Studio Code 3位 Sublime Text 4位 Brackets
総合
これもGoogleトレンド同様の結果となりました。 1位 Atom 2位 Visual Studio Code 3位 Sublime Text 4位 Brackets Sublime Textの記事数が思ったよりも少ないと感じた人は流石です、バージョンによる違いを除外しているためです。Visual Studio CodeもVS CODEで省略されていたりします。そのブレが下記の結果です。 
なお、キーワードは”Visual Studio Code”のように囲って検索をかけています。 これらのブレを合算すると…
文字列が含まれるている記事数
1位 Atom 2位 Visual Studio Code 3位 Sublime Text 4位 Brackets
タグによる投稿数
1位 Visual Studio Code 2位 Atom 3位 Sublime Text 4位 Brackets タグに関しては1つの記事で2つタグ付している場合もあるので、一概にこれがユニークな合算値とは言えません。
フォロワー
1位 Visual Studio Code 2位 Atom 3位 Sublime Text 4位 Brackets フォロワーに関してもタグ同様に同じ人が複数のタグをフォローしている可能性もありますので、これもユニークな合算値とは言えません。
まとめ
まとめると、いずれもブレがあるので正確な人気のデータの比較ができませんが、Atom、またはVisual Studio Codeを使っているのが無難ではないかと思います。さらに言えば、マイクロソフトが気が変わって「統合する」と言ってしまった場合に備えてVisual Studio Codeを使用するのもさらに懸命な判断かもしれません。
