“恋に落ちるエディタ”「Sublime Text」完全入門ガイド！

王

2012.10.29

こんにちは～　仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。
最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！
やっと出会えたぞ！僕が探し求めていた幻のエディタに！！

昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！

見た目的には、このように、優雅（Sublime）そのもの！

Mac、Windows、Linux　三大プラットフォームで動くのも嬉しいですな！

公式サイトは下記リンクです。

https://www.sublimetext.com/

それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。

Sublime Textのチャームポイント

特色機能

Multiple Selections

cmdキー（windowsならctrl）を押しながら、複数ヶ所を同時に選択して編集することができます！

※動画中で使われたショートカット
cmd+D (次のキーワードを追加選択)
cmd+/ (コメントアウト)

SoftUndo

「選択」「カーソルの位置」なども戻すことができる、便利な「戻る」機能が搭載されております！

※動画中で使われたショートカット
cmd+U (soft undo)

Goto Anything

これはかなり強力な機能です！プロジェクト内の欲しいファイルをリアルタイムでプレビューしながら、スピーディーに探すことが可能です！
曖昧検索なので、検索に使うキーワードはファイルの一部でも問題なく、しかもよく使われるファイルは候補の先頭に来るので、非常に使いやすい！

豆知識：
Goto Anythingパネルを出すショートカットは（cmd+P）
Goto Anythingパネルでこんな記号が使える↓
@　でシンボル（IDとか関数とか）を検索 (cmd+R)
:　で指定の行にジャンプする (control+G)
#　でファイル内の文字列を検索例えばこんな組合だって可能

例えばこんな組み合わせ：index.css:400 (index.cssファイルの第400行目という意味、地味によく使うｗ)

Command Palette

コマンドがありすぎてどのコマンドがどのメニューのどこにあるのか・・・・　なんていうときはありませんか？

そういうときのために皆さんは大量のショートカットを必死で覚えているでしょう？　覚えられるに越したことはないのですが、たまに何だっけなぁ？っていうたまにしか使わないショートカットや、そもそもショートカットがない場合もあります。

そんなとき、Command Paletteが役に立つ！cmd+shift+PでCommand Paletteを呼び出し、コマンドを探して実行！！　なんかこれ、皆の前でやると相当格好良いぞ！

ファイル管理: 通常のIDEと違い、Sublime Textはプロジェクト単位で管理することを強要せず、単体のファイルをそのまま開けます。
勿論プロジェクトでの管理も簡単で、ファルダを画面内にドロップすれば、左側のサイドバーに追加されます。

Minimap: 上記の動画でも気づいたのかもしれませんが、SublimeTextの右側にコードの縮小図が表示されてて、全体のコードのどこに位置しているか俯瞰できる。また、ドラッグやクリックで所定の場合に移動もできて便利！

Hotsave: 他のエディタであまり見ない画期的な機能の1つです。ファイルを編集した状態でエディタを終了させようとすると「保存しますか？」という確認が出ずにそのまま終了します。勝手に自動保存されたわけではなく、次回、エディタを立ち上げたときに最後に編集された状態が復元されるというわけです！