Webオーサリングツールに代わる強力テキストエディタ「Brackets」と「Atom」

2020年1月にはサポートが終了してしまうWindows7。現在会社で使用しているメインのPCはWindows7のため、早々に対策を立てねばならない。先日、「SOHOによる旅行会社の作り方19 - 2019年中にWindowsから脱却」でも書いたように、完全にWindowsから脱却してLinuxに移行したいのだがいくつか懸案がある。そのうちのひとつが、会社のウェブ制作を支えるWebオーサリングツールの問題だ。

Webオーサリングツールとは?

まず、Webオーサリングツールとはどういうものか?ブログしか書かないという人や、ホームページをWordpressで作ってしまう人には関係がなく、何のことやらといった感じの言葉だろう。なのでウィキペディアの説明を以下に張り付けておく。
Webオーサリングツール - Wikipedia
要するに、htmlベタ打ちが苦手な人のウェブサイト制作を助ける、ブラウザで見る通りの画面で書くことが出来る(WYSIWYG、「What You See Is What You Get」の略)ソフトのことである。有料版では老舗のホームページ・ビルダーやAdobeのDreamweaverが有名だが、マイクロソフトが開発終了のため2012年より無償提供を始めたExpression Web4はかなりの高機能で、当社でもこれを利用している。
自分だけならテキストエディタだけでも良いが、社内全員がテキストエディタだけでウェブ制作が出来るわけではない。やはり画面上で仕上がり具合を確認しながら書いていくことが出来るオーサリングツールは、筆者本人も便利だと思う。
そしてこのExpression Web4の素晴らしいところは、ウェブサイトのファイルが入っているフォルダー内全ての検索・置換が出来るので、ページ数の多い当社のウェブサイトの修正には重宝している。

しかし冒頭に書いた通り、Windows7のサポート終了に伴い会社のシステムをLinuxに移行しようと考えているときに、このソフトがネックになる。何しろマイクロソフト社のソフトなのだから、Macには対応しているがLinuxには対応していない。Linuxに対応していて、なおかつWYSIWYG型Webオーサリングツールの代表的なソフトはBluegriffonだが、このソフトは勝手に改行するなど、苦心して制作したhtmlファイルをことごとく崩してしまう。慣れると使い勝手が良いという人もいるが、筆者はどうしてもこのソフトに慣れることは出来なかった。

Webオーサリングツールに匹敵するテキストエディタ

一方、テキストエディタといえば古くからポピュラーなWindowsのみに対応した秀丸エディタやTeraPad、Linuxに対応したKateやGeditなどの軽いテキストエディタが代表的だ。簡単に言えば、テキストエディタはWindows付属のメモ帳のようなもの。「ブログにも役立つHTMLの話 その1~ウェブサイトはこんな風にできている」で書いた通り、ウェブサイト制作はメモ帳やワードでも作れる。しかし、軽量でサクサクベタ打ちが出来る半面、WYSIWYG型オーサリングソフト(ブラウザで見る通りの画面で書くことが出来る)のようにサイトページをリアルタイムで確認しながら書いていくことは出来なかった。

ところが、だ。

Windows7のサポート終了にあわせて、改めてオーサリングツールとテキストエディタをあれこれ探してみると、ずいぶんウェブ制作界隈は変わってきたのだなと実感した。「テキストエディタでWYSIWYG型はない」という概念を覆すテキストエディタが登場してきていたのだ。それがタイトルにも書いたBracketsとAdomである。もちろんLinuxにも対応していることは確認済みだ。

Brackets

A modern, open source code editor that understands web design
BracketsはAdobe社が開発するオープンソースのテキストエディタ。あのDreamweaverのコードエディタ部分に、Bracketsを採用している。その最大の特徴はライブ・プレビューがあること(Google Chromeのみ反映)。完全なWYSIWYG型ではないが、打ったhtmlがリアルタイムでプレビュー画面に反映される。

オープンソースであるため、さまざまな機能は別途自分で拡張機能をインストールしていくことで使い勝手が決まっていく。そして、現在も4ヶ月ごとに定期リリースされているバリバリの現役テキストエディタだ。ウェブ上では多くのウェブデザイナーたちからのこのソフトに対する賞賛の声が上がっている。

このソフトを最初に見つけたときに、とっさに「Expression Web4に代わるテキストエディタはこれしかない!」と思ったのだが、実はこれだけではなかった。それがこの後に紹介するAtomだ。

Adom

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
AtomはGitHubが開発した、こちらもオープンソースのテキストエディタ。やはり、最近のテキストエディタはライブ・プレビューが求められているのだろう、こちらにもその機能がある。ただしデフォルトで利用できるわけではなく、拡張機能でインストールしなければならない。それでも拡張機能も含め無料なのだから、少し手間をかければ、やはり自分好みに使い勝手を決めていける。

両テキストエディタ使用後の比較結果

それぞれのテキストエディタの詳しい利用方法はネット上にあふれているので、ここであえてレビューを書く必要はない。問題はLinuxで利用でき、Expression Web4に代わるソフトとして使っていけるかどうか、という点だ。そこで、実際にWindowsとLinuxにインストールした後、以下の点で両エディタを比較した。
  1. 各OSでの使用感
  2. インターフェイス
  3. それぞれの拡張機能
  4. 軽量か否か
まず、デュアルブートPCのWindowsとLinux双方に両エディタをインストールしてみた。デュアルブートなのだからPCの性能に差はない。そして当社ウェブサイトの各htmlファイルを開き、少し編集してみた。Bluegriffonのようにファイルの体裁を崩すことなく、どちらもテキストエディタとしては問題ない。しかし、さまざまな拡張機能がある分、TeraPadのように軽量ではない。

ソフトを立ち上げたときの見た目はさほど変わらない。どちらも画面分割が出来、一方でライブ・プレビューを反映させればWYSIWYG型ソフトと変わりはない。

そして拡張機能だが、これも自分で使い勝手が良くなるようにさまざまなものが用意されていて、こちらも大差はない。どちらもExpression Web4同様、プロジェクト単位で検索・置き換えが可能で、かえってExpression Web4よりも検索は早いように感じる。

最終的に差が出たのは、4番目の軽量か否かという点だ。BracketsはWindowsでは圧倒的に動きが遅く、重い。筆者のPCだけのことなのかもしれないが、業務で使う以上この点は致命的である。Linuxでは多少軽く感じるが、それでも動きは遅いままだ。
一方、Atomはソフト立ち上げのときだけ多少時間はかかるものの、Bracketsと比べるとだいぶ軽量だ。Expression Web4もTeraPadのような軽量エディタと比べるとだいぶ重いので、立ち上げのときだけ辛抱すれば、後は使用感に問題はない。

結論

重たいソフトは日々の業務で妨げになる。どちらも使用し始めたばかりなので、長く使用していれば結果は変わってくるかもしれないが、当社ではより軽量なAtomをLinux環境で使用していくこととした。

しかしながらいつも思うのだが、当社は何の会社なのか?いうまでもなく「旅行会社」である。なのに、このブログでは旅行に関する記事よりもウェブ制作やブログに関することばかりだ。
旅行についてはもうひとつの会社オフィシャルブログを見れば、当社が旅行会社であることは理解してもらえるはずだ。
スポンサーリンク

コメント