職業別!SublimeText3の作業が超捗る便利プラグイン19選

sublime

テキストエディタのSublimeText3ってとっても便利ですよね。特に「プラグイン(パッケージ)」で機能を自分好みにカスタマイズ出来る点が素晴らしいです。

ただ、いざSublimeText3のプラグインを使おうと思っても、プラグインが山ほどあってどれを選んで良いのかわからないですよね。

そこで今回は、様々な立場にあわせて作業がはかどるプラグイン、「計19種」をご紹介します!是非使えそうなプラグインを導入し、快適なSublimeText3ライフをお送りください。

SublimeText3の導入方法やプラグインの使い方がわからない方はこちらの記事もご覧ください。

この記事の目次

まず絶対入れておくべきSublimeTextプラグイン11選

タグなどの開始/終了をハイライトしてくれるプラグイン

BracketHighlighter

スクリーンショット 2016-06-21 11.00.24

[]、()、{}、””、”、などの開始、終了をハイライトしてくれる非常に便利なプラグインです。
タグや括弧の閉じ忘れ防止に必須です。

複雑になったショートカットキーを確認できるプラグイン

BoundKeys

スクリーンショット 2016-06-21 11.10.04

Sublime Textは、様々なキーボードショートカットを使用できるため、プラグイン同士で競合することもしばしばあります。

そんな悩みを解消してくれるのがこのプラグインです。
どのキーにどのコマンドが割り当てられているかを一覧にしてくれるので、ショートカットの調子が悪いと思ったらこのプラグインを導入してみましょう。



コード補完を補強してくれるプラグイン

All Autocomplete

template.php_

参照

Sublime Textのコード補完を補強するプラグインです。
自分で定義した定数や関数も自動的に補完してくれるので、導入しておいて間違いなしです。

選択範囲をまとめて修正できるプラグイン

Alignment

選択範囲をまとめて修正出来るので、選択した単語と同じ単語を選択出来るコマンドcommand + Dと組み合わせて使うと効率的です。
コードをまとめて綺麗にしたい場合は特におすすめです。

自動でバックアップをとってくれるプラグイン

Local History

0218efccfa565d4d2ee80984bd2a639e

参照

編集中のファイルが消えてしまったり、誤って削除してしまったりしたら大変ですよね。
そんな悲しい事故が起こる前に防衛策として入れておきたいのが、このLocal Historyです。

ローカルにバックアップを取ってくれたり、差分比較などができる優れものです。
ユーザー用の設定ファイル内では保存期間も設定できるので融通が効いていいですね。

文字エンコードをUTF8に変換してくれるプラグイン

ConvertToUTF8

3aa9e5f91d132a9eb1d7f49812cd70378719ba7f

これを入れておけばShift_JISなどUTF-8以外のファイルを自動的にUTF-8に変換してくれます。
人から渡されたファイルを開く時など、もしShift_JISに出くわしてしまっても安心ですね。

最近開いたファイルをリスト表示してくれるプラグイン

RecentActiveFiles

8af3ed8d0546d92b6aa04d08e6f8d93407bc3f93

最近開いたファイルをリスト表示してくれるので、消した後にもう一回開きたい時等にオススメです。

末尾のスペースを自動で消してくれるプラグイン

TrailingSpaces

140915-5416b993865b4

参照

末尾にスペースが入っている時にハイライトしてくれて、保存する時に削除してくれます
地味ですが入れておくと便利です。

主要ブラウザの対応状態を確認できるプラグイン

Can I Use

スクリーンショット 2016-06-21 13.23.05

CSS3やHTML5の各主要ブラウザの対応状態を確認できるWebサービスです。
このプラグインを導入すれば、選択した単語をすぐにCan I useで検索できて便利です。

あらゆる言語のシンタックスハイライトと自動補完をしてくれるプラグイン

SublimeCodeIntel

140915-5416a12c5bcc4

参照

JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit、PHP、とありとあらゆるもののシンタックスハイライト、自動補完を行ってくれる優れものプラグインです。これは導入しておいて間違いなしでしょう。

閉じタグを自動生成してくれるプラグイン

Tag

Sublime Textのコード補完を補強するプラグインです。
かゆいところに手が届くプラグインです。例えば、<aside>と入力した後、</と入力するだけで、</aside>と閉じタグを自動生成してくれます。

デザイナー向けSublimeText3プラグイン4選

選択した色をハイライトしてくれるプラグイン

ColorHighlighter

69aa4c77d00ccb820f0bd59afea788cc6d5526b4

CSSを書いてる時などに、選択した色でハイライトしてくれるので視覚的に判断できてとてもわかりやすいです。

編集中のファイルをブラウザでレンダリングしてくれるプラグイン

View In Browser

HTMLやCSSで編集作業をして、ブラウザに移動してリロードして、という一連の面倒な作業が簡単になります

「control」+「alt」+「v」と入力すればブラウザが起動して編集中のファイルをレンダリングしてくれます。
ユーザー用の設定ファイルの「”browser”: “chrome”」部分のブラウザ名を変更すれば任意のブラウザを起動させるのができる点も特筆ポイントですね。

色の指定ができるプラグイン

ColorPicker

140915-54164bc43b0b9

参照

スタイルシートやHTML定義時に、意外に手間がかかるのが「色」の指定ですよね。
「濃い青色」「薄い緑」など、イメージは沸くのに、16進数にできない、なんて時に役に立ちます。

コマンドパレット(⇧+⌘+P)から、「Color Picker」を実行すれば、OSデフォルトのカラーピッカーが開き、色を選択すれば自動的に現在編集中のファイルにペーストしてくれます。

該当スタイルの定義箇所まで移動してくれるプラグイン

Goto-CSS-Declaration

b5678ac3e17d32d1819d951eea2e13e57044d925

HTMLタグに指定しているクラスを選択して、コンテキストメニューから「Go To CSS Declaration」を選択すると、当該スタイルの定義箇所まで飛んでくれるので非常に便利です。

エンジニア向けSublimeText3プラグイン4選

2つのファイルを比較してくれるプラグイン

Diffy

sublimerge-pro

参照

2つのファイルを比較してくれるプラグインです。
使用する場合は、メニューから「View」→「Layout」→「Columns: 2」(⌥+⌘+2)でレイアウトを2列にした上で、比較したいファイルを左右に並べて、⌘+K、⌘+Dの順に押します。

2つのファイルの差異がハイライトされて表示されるので、コード修正後に正しく表示されなくなったけど、どこを修正したかが思い出せない!という時に便利です。

WordPress独自のコードを補完してくれるプラグイン

wpseek.com WordPress Developer Assistant

WordPress独自のコードを補完してくれるプラグインで、WordPress開発に携わっているなら導入しておいて間違いなしです。
コード補完時に定義を表示してくれたりするのでとても便利です。

質問サイトへすぐ移れるプラグイン

Search Stack Overflow

スクリーンショット 2016-06-21 13.44.54

エンジニアのエラー解決には欠かすことのできない質問サイト。
その中でもユーザー数が多く、質問解決率が高い「Stack Overflow」で選択した単語を検索してくれる便利なプラグインです。

Gitを扱えるようになるプラグイン

Git

GitをSublimeのみで扱うことができるようにできます。
ターミナルに戻るが面倒くさい!という人におすすめです。

まとめ

いかがでしたか?
Sublime Text3にまず入れておきたい超便利プラグインをご紹介しました。

PCで作業をする人の「テキストエディタ」は、料理人で言う所の「包丁」のようなものです。
なのでSublime Text3の使い勝手にもこだわりを持っていきたいですね。

この機会に1つでも導入してみて、Sublime Text3をより活用してみてください。

最短でプログラミングを習得したい方へ

元々ITリテラシーのある方やプログラムの学び方がわかっている方は独学で習得することも可能でしょう。

ただし、実際の学習期間中はつまづいている時間がほとんどです。

「もう挫折したくない」
「本業と両立しながら、好きな時間で自分のペースで勉強を続けていきたい。」
「自分だけのカリキュラムで効率的に勉強したい」

そんな方はお気軽に侍エンジニア塾までご相談ください。

弊社では、

  • プログラミング基礎学習
  • オリジナルアプリ開発
  • 仕事獲得

までをひと通り学習できます。

まずは無料体験レッスンで、弊社のコンサルタントと一緒にあなた専用の学習方法やカリキュラムを考えてみませんか?

挫折しない学び方や、通常1000時間以上かかる学習時間を1/3にする方法などより具体的なアドバイスもさせていただいています。

詳しくは下の画像をクリックして弊社サービス内容をご確認ください。

cta1

プログラミング学習者必見

専属講師に質問し放題、レッスンし放題、最短1ヶ月でフリーランスエンジニア
プログラミング学習カリキュラム無料公開中
Ruby学習カリキュラム無料公開中
 1記事最大11,000円!テックライター募集


LINEで送る
Pocket

この記事が気に入ったら
いいね!をしてフォローしよう

最新情報をお届けします

書いた人

侍エンジニア塾ブログ編集部

侍エンジニア塾ブログ編集部

侍エンジニア塾は「人生を変えるプログラミング学習」をコンセンプトに、過去100人以上のフリーランスエンジニアを輩出したプログラミングスクールです。プログラミングに役立つ情報や有用な情報を発信していきます。
ホームページはこちら
ツイッターはこちら
フェイブックはこちら