シェフどうも、Bracketsユーザーだったシェフです。(過去形)ずっと「Brackets」というAdobe製のコードエディタをメインで使っていたんですが、少し前に「ATOM」に乗り換えました。ATOMはドットインストールの動画を見ながらコードを書けるのが便利で一時期使っていたんですが、動作が重かったり、プレビュー表示が上手くいかなかったりで、すぐに使うのをやめたんですよね。(そういえばドットインストールずっと見てないな...)で、そんなこんなでATOMからは遠ざかっていたんですが、先日ふと思い立って使ってみたところ、あまりの快適さに乗り換えずにはいられませんでした。ATOMの何がそんなに良かったのか?そこら辺ちょっと紹介させてください。目次1動作が軽い2Gitと自動で連携3保存しても簡単に元に戻せる4どの言語でも入力しやすい5まとめ動作が軽いコードエディタの選定基準で最も比重が高いと思われる「動作の軽さ」ですが、おそらくコードエディタの中でもトップレベルの軽さではないでしょうか。昔に比べて信じられないくらい軽くなっていて、少なくともBracketsよりは断然軽いです。WordPressのコアファイルとか見る時、Bracketsだと何度もエラー表示になって動作がもっさりしていましたが、ATOMはヌルヌル動くのでかなり快適です。Gitと自動で連携バージョン管理やファイル管理にGit(GitHub)を利用している方も多いと思いますが、ATOMはGitと自動で連携するようになっているので色々と便利です。見る例えば...前回コミットからの差分を自動で検出し、編集されたファイルだけハイライト表示してくれる機能はけっこう開発者フレンドリーかなと思います。編集中のファイルやフォルダが一目瞭然さらに、ソースコードまで編集内容がわかるようになっています。左側の線の色で編集内容がわかるBracketsは作業中スペースに表示される仕様になっていたんですが、どのファイルのどこが編集されたのかわからなかったので割とストレスだったんですよね。違うフォルダを開くと作業中スペースが空になるので、メンテナンス性はめちゃくちゃ悪かったですね。保存しても簡単に元に戻せる個人的に1番すごいなと思ったのが保存後に簡単に元に戻せること。これも多分Gitと連携した機能だと思いますが、マジで感動しました。みなさんも経験ありません?ブラウザをリロードするつもりが間違ってエディタをロードしちゃったり、キーボード操作ミスって画面を閉じちゃったり。Bracketsはそういったことをすると元に戻せなくなるので、細かい作業中だと致命傷になったりします(笑)(Bracketsのコードエディタのロードがブラウザのロードと同じコマンドなのはダメだと思う!笑)その点、ATOMはリロードコマンドがそもそもありませんし、コードを閉じても簡単に少し前の状態に戻すことができます。どの言語でも入力しやすいWordPressのGutenbergブロックの開発のためにReactを導入したんですが、BracketsはJSXなどの新しい構文に対応していないので、プラグインなどで拡張しないと、まともにコードの入力ができません。一方のATOMはと言うと、次世代の構文に完全に対応しているわけではないんですが、インデントやシンタックスハイライトがおかしくなるわけではなく、デフォルトで「普通に」入力することが可能です。BracketsにしろATOMにしろ、コードエディタを必要以上に拡張することなく使いたい僕のような開発者にとってはこういった仕様は助かります。まとめATOMいいですよね。僕はすっかり気に入りました。プラグインは今のところ、言語を日本語にするやつと、コードの入力をサポートしてくれるやつの2つしか導入していませんが、まったく問題なく使えています。今のエディタに不満があるならとりあえずお試しあれ。見るカテゴリー:プログラミング学習シェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。Works」までどうぞ関連記事サイトの文字や画像をコピー禁止にする方法【コピーガード】2018/7/18もっと見るPHPのstr_replaceとpreg_replace(正規表現)の使い方2018/7/4もっと見るCSSで文字数に合わせて吹き出しの横幅を変える簡単な方法2018/5/22もっと見るWindowsのブラウザ別スクロールバー非表示方法【CSS】2018/3/23もっと見るプログラミング初心者の無料の学習方法は?独学できる?2018/3/9もっと見るechoしたパラメータを返り値で扱えるob_start関数の使い方2018/1/20もっと見る要素1つで中央寄せ、2つ以上で横並びにするCSS。2017/7/21もっと見る初心者向け!プログラミング(PHP)のよくあるエラー原因。上に表示された文字を入力してください。「ページを開けません。サーバが見つかりません」の原因は?PHPのstr_replaceとpreg_replace(正規表現)の使い方WordPressで会話風の画像とテキストをコピペで簡単表示!WordPressのユーザー名・パスワードを確認・変更する方法は?Facebookページのユーザーネームが登録・変更できない原因は?ローカル環境のWordPressサイトを本番環境へ移行する方法WordPressオリジナルテーマを管理画面で更新可能にする方法。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。