プログラミング

AtomからSublime text3に切り替えたら快適すぎた!【後戻り不可】

スポンサーリンク

AtomからSublime text3に切り替えたら快適すぎた!【後戻り不可】

 

誠太
こんにちは、誠太です!

 

先日、テキストエディターをAtomからSublime text3に乗り換えました。

 

なぜ乗り換えたかというと、Atomを使っているうちに動作が重たいと感じるようになったことと、Udemyでの学習過程でSublime text3を使用していたからです。

 

結論タイトルにもあるように、後戻りできなくなるほどに快適です。

 

 

テキストエディターをAtomからsublime text3に変更したんだけど、サクサク過ぎてめっちゃいい

もうAtomには戻れなそう。

 

フォントも見やすく、プラグインも数多く存在しているので、快適な開発環境になりました。

 

今回はAtomからSublime text3に乗り換えた感想と、Sublime text3を導入して最初にやるべきことについて紹介したいと思います。

 

なお、本記事の内容はプログラミングを始めたての人に向けた記事となっています。
玄人の方から見たら異論が出てくるかと思いますが、その際には学びの為にも是非コメント欄にご意見いただければ幸いです。

 

スポンサーリンク

AtomからSublime text3に切り替えたら快適すぎた!【後戻り不可】

AtomからSublime text3に切り替えたら快適すぎた!【後戻り不可】

 

Sublime text3はすでにAtomで使い慣れてしまっているという人であっても、使いやすいエディターだと思います。

 

とはいえ、人それぞれ好みが分かれるのがテキストエディターだと思うので、乗り換え候補になり得るかどうかの参考としてご覧いただければと思います。

 

Sublime text3はデフォでフォントが見やすい

Sublime text3はデフォでフォントが見やすい

 

画像のとおり、デフォでフォントが見やすいです。

 

ぼくがAtomを使用し始めたきかっけは、ドットインストールがきっかけでした。

 

その際に導入時フォントの設定もあわせて行ったため、正直フォントも指定されたものをそのまま使っていた感じです。

 

Atomで設定しなおせば良い話かもしれないのですが、特別Atomを使い続ける理由もなくSublime text3のデフォのフォントが気に入ったので、今後はSublime text3をメインに使おうと決めました。

 

Sublime text3のプラグインが優秀

Sublime text3は、必要な機能を追加したいと思った際にプラグインを追加することで、使いやすいエディターにカスタマイズすることができます。

 

初期導入時の状態では使いやすいとは言えないので、後述するプラグインを追加することによって快適に作業ができる状態にもっていきましょう。

 

プラグインの導入は、Sublime text3内で検索して簡単に追加することができるので、難しい作業もなしです。

 

詳しい導入方法は後ほどお伝えします。

 

Sublime text3はコードが視覚的に見やすい

コードの配色に関してもタグによって色が変わって表示されるので、コードを追いやすいかなと思います。

 

プラグインを入れることによってCSSのカラーコードを入力すると、カラーコード自体が指定した色に変化してくれるので、CSSのコーディング時に割と役に立ちます。

 

画面の構成に関しても余計なものがないので、コーディングもしやすいかなというのが個人的な感想です。

 

Atomは悪いテキストエディタなのか

Atomは悪いテキストエディタなのか

 

ここまでSublime text3の魅力についてお伝えしましたが、Atomが悪いテキストエディターなのかというとそうではありません。

 

先ほどもお伝えしましたが、ドットインストールの学習し始めにAtomを導入しているということは、それほどシェア率が高いということになります。

 

そのため、悪いテキストエディターではないということはしっかりと覚えておいてもらえたら嬉しいです。

 

Atomを使っている人も多い現実

実際Atomを使用している人は多いと思います。

 

というのも、ドットインストールで学習後、そのままテキストエディターを変える理由がないためですね。

 

ぼくもUdemyで学習することがなければ、Sublime text3を使用することもなかったと思います。

 

Progateとドットインストールを利用する初学者が大半だと思うので、Atom率が高いと思いますが、Sublime text3も使い勝手が良いということを知ってもらえたら個人的には嬉しい限りです。

 

ドットインストール学習中は少なくともAtom

ここまで、Sublime text3に高評価をしてきましたが、もし現在進行形でドットインストールを使用して学習しているようであれば、Atomを使用した方が良いと思います。

 

なぜかというと、学習する際には環境を同じ状態にして学習する方が時間効率が良いからです。

 

ドットインストールの場合はAtomを基準エディターとして解説しているので、操作方法が違う部分が出てくると、その都度検索をしつつ解決していかなければいけません。

 

結果的に快適な環境にするはずが、かえって時間がかかってしまうという状況になってしまう為、このポイントのみ注意しましょう。

 

ドットインストールでの学習以外で使用する分には、Sublime text3を使用した方がサクサク開発することができるかと思います。

 

特に理由がなければAtomのままでも問題なし

ぶっちゃけ特にAtomを使用している状態で不満がなければ、Atomのままでもいいのかなと思います。

 

実際のところテキストエディターは好みが分かれるものだと思うので、興味があればSublime text3を使用してみるというスタンスで良いでしょう。

 

でも、Sublime text3は基本的にシンプルに使用することができるので、型にはまった場合は僕と同じように後戻りできなくなると思います。

 

軽く、見やすく、シンプルなエディタであればSublime text3がおすすめ

軽く、見やすく、シンプルなエディタであればSublime text3がおすすめ

 

見出しの通り、軽くて無駄なものがないエディタの方が自分にはあっていると感じていればSublime text3はおすすめできます。

 

初期導入のプラグインの導入方法や日本語化は画面を見つつ作業してもらえたら、あとは使いどころに困ることはないでしょう。

 

長く使っていけるテキストエディターだと思うので、このまま導入に進まれる人は、これから解説する日本語化の方法とおすすめのプラグインと導入方法について確認しつつ作業してみてください。

 

Sublime text3の日本語化は必須

Sublime text3の初期導入時は英語表記になっているため、日本語化する必要があります。

 

日本語化の方法に関してはこちらの手順をご確認ください。

 

Sublime text3の日本語化は必須

  1. Preferences → Browse Packages
  2. 『Package Control: Install Package』と入力
  3. 再度入力欄が表示されるので、『Japanize』

 

以上の手順で、日本語化が成功したというタブが新たに表示されたら、日本語化成功です。

 

確認として、ウィンドウのメニューバーが英語表記から日本語表記になっていれば正常に動作しています。

 

ここで注意が必要なのは、メニューバーは日本語表記になっていますが、クリックしてみるとメニュー内容に関しては英語表記のままとなっているので、内容も日本語表記にしたい場合は、Qiitaで詳しく解説されているので、参考にしてみてください。

 

日本語化フルの方法(Qiita)


 

Sublime text3のプラグインの導入方法

プラグインの導入方法はいたって簡単です。

 

Sublime text3のプラグイン検索フォーム

  • Macの場合は、『⌘+↑+P』
  • Windowsの場合は『Ctrl+Shift+P』

 

を押すことで、先ほど登場したテキスト入力ウィンドウが表示されると思うので、任意のプラグインの名称を入力します。

 

プラグインの名称を入力するといくつか候補が出てくるプラグインもありますが、基本的には次に紹介するプラグイン名称のものを選択してもらえれば大丈夫です。

 

Sublime text3のおすすめプラグイン

Sublime text3を使用するにあたっておすすめのプラグインはこちらです。

 

  • BracketHighlighter
  • Color Highlighter
  • Auto Close HTML
  • SublimeLineter
  • HTML5
  • SublimeLinter-html-tidy
  • SublimeLinter-jshint
  • SublimeLinter-json
  • SublimeLinter-phplint
  • SublimeCodeIntel
  • abacus

 

などなど

 

それぞれコピペして、テキスト入力ウィンドウに入力してもらえれば候補が出てくるので、選択してもらえればOKです。

 

その他プラグインに関しても便利なものがたくさんあるので、こちらのサイトを参考に使いやすそうなプラグインを導入してみましょう!

 

 

快適な開発環境が学習・コーディング効率を上げる

快適な開発環境が学習・コーディング効率を上げる

 

Sublime text3を使用してみて実感しましたが、テキストエディターが使いやすくなると学習段階であったとしても、コーディングがめちゃくちゃ早くなります。

 

たとえば、『html』と記述するとHTMLのテンプレが候補として表示されて自動入力されますし、閉じタグをわざわざ入力しなくても『</』と入力するだけで頭のタグに合わせて閉じタグが自動入力されます。

 

あなたにとっての『快適』にあわせたプラグインが見つかると思うので、便利そうなものはどんどん導入してみましょう。

 

コーディング効率を上げつつ、生産性を高めることが可能となるはずです。

 

プログラミング

2019/8/20

プログラミングの変数ってなに?使い方や代入方法などをわかりやすく解説!

スポンサーリンク   誠太こんにちは、誠太です。   今回はプログラミングの変数について、解説してみたいと思います。   『変数』って聞くと数学のようなイメージが湧くと思いますが、全く異なるものとなっているのでごっちゃにしないように注意してください。   プログラミングをしていく上で、変数を扱えるようになると便利にコーディングができるようになるので、ぜひ習得しましょう。   プログラミングの変数ってなに?使い方や代入方法などをわかりやすく解説! &nbsp ...

ReadMore

プログラミング

2019/8/20

【jQuery】find();をわかりやすく解説【プログラミング初心者向け】

スポンサーリンク   誠太こんにちは、誠太です。   今回の話題は、jQueryのfind();メソッドについて。   メインの学習サイトをProgateとしつつ学習していたのですが、イマイチ理解していない自分がいたので、Progateで学習している同じ境遇の人に向けて記事を書きたいと思います。   例題としては、Progateに似ている感じで解説できればと思っているので、参考にしていただけると幸いです。   スポンサーリンク 【jQuery】find() ...

ReadMore

プログラミング

2019/8/15

【コピペOK】HTML/CSSで画像を半透明にする方法【:hover 使用】

スポンサーリンク   画像にマウスポインターを重ねたときに、画像を白の半透明にしたいんだけど、うまく行かない。なんで?   このような疑問を解決します。   こんにちは、誠太です。   今回は画像の上にマウスポインターを乗せたときにhoverの擬似クラスを指定して、アンカーリンク画像を白の半透明にする方法についてお伝えします。   サンプルコードを記述しているので、そのままコピペして使用してもOKです!   【コピペOK】HTML/CSSで画像を ...

ReadMore

プログラミング

2019/8/14

開発用ドメインを1円で取得する方法【開発をサクサク進めよう】

スポンサーリンク   プログラミングの開発やポートフォリオを作るときにドメインが必要になるけど、いちいちドメイン取得にお金をかけるのははばかられる。格安で独自ドメインを取得できる方法はないのかな?   このような問題を解決する方法を紹介します。   こんにちは、誠太です。   今回の話題は、プログラミング開発やポートフォリオ用で有料ドメインを1円で取得するための方法です。   作品集となるポートフォリオは複数作成することになると思いますが、その都度独自ドメ ...

ReadMore

プログラミング

2019/8/15

プログラミング初心者はしっかりとHTML/CSSを勉強すべき!【体験談から理由を解説】

スポンサーリンク   プログラミング言語を学習しようと思って、HTML/CSSから学習するべきと良く聞くけど、どこまで勉強したらいいんだろう。どんなタイミングでプログラミング言語に移動するべき?   こんな悩みにお答えしたいと思います。   こんにちは、誠太です。   プログラミング初心者は、まずHTML/CSSを学習するべきというのは良く聞く言葉だと思います。   実際ぼくも、ググったりして色んなサイトでそのようなアドバイスを見かけて、Progateやド ...

ReadMore

  • この記事を書いた人
  • 最新記事
誠太

誠太

接客業で年間1600万円の売上を達成した経験を活かして、リアル接客とWebマーケティングを融合。『事実と根拠を明確に、誠実な情報発信』をモットーにブログを更新しています。

-プログラミング
-

Copyright© SEITALITY , 2019 All Rights Reserved.