Web制作やアプリ開発などのコーディングで役立つ、強力な編集機能が魅力の”恋に落ちるテキストエディタ”

Sublime Text のアイコン

Sublime Text
  • 海外
  • 日本語△
  • シェアウェア
  • 体験版○

ダウンロード

ユーザーの評価：
0

評価数：0 件（未評価）

レビューを投稿する

対応OS：
Windows 7/8.1/10, Mac OS X 10.9 以降, Linux
バージョン：
4 Build 4107（2021/05/20）

Sublime Text のスクリーンショット

スクリーンショットを見る （画像 11 枚）

レイアウト分割による複数ファイルの同時編集、画像のプレビュー表示、複数ファイル検索（Grep検索）、範囲選択するだけで素早く検索できる「Quick Find」など様々な機能が用意されていますが、複数個所を選択して同時編集できる「Expand Selection to Word」が便利な特徴の一つです。
複数個所を同時に選択して、同時編集できます。
Sublime Text では、パッケージを追加して機能をどんどん追加していけます。
例えば、エディタ上からサーバーへのファイル転送や同期ができる「Sublime SFTP」、HTML入力のスニペット入力が非常に簡単になる「Emmet」などを利用できます。
パッケージは2014年4月段階で2,000以上も公開されています。
他にも、Windows / Mac / Linux のクロスプラットフォームに対応していたり、PHP や C# などの言語ごとに表示設定を変更したり、テーマを変更して好みの背景色、文字色に設定したりなど、使いやすい機能が詰まっているだけでなく、パッケージを追加して自分好みにカスタマイズしていけるのが魅力です。

提供元：
※ 本ソフトはシェアウェアですが、体験版は何回かに1回保存時に購入ダイアログがでるものの、制限なく利用できます。

Sublime Text の使い方

ダウンロード

  1. 提供元サイトへアクセスし、「DOWNLOAD FOR WINDOWS」ボタンをクリックしてダウンロードします。
    ※ USBメモリーで利用できるポータブル版を利用する場合は、提供元サイトのダウンロードページの「portable version」リンクをクリックしてダウンロードします。
  2. ダウンロードしたセットアップファイル（sublime_text_build_4107_x64_setup.exe）からインストールします。

使い方

パッケージを追加する

パッケージを追加するには、Package Control を利用して Sublime Text 上からインストールする方法が主流です。

Package Control をインストールする
  1. Ctrl + Shift + P キー、またはメニューバーから「Tools」⇒「Command Palette」とクリックします。
  2. コマンドパレットが表示されます。
    「Pack」と入力すると表示される「Install Package Control」を選択すると、Package Control のインストールを開始します。
    コマンドパレットから「Package Control」をインストール

    画像クリックで拡大表示

  3. インストールが完了すると、「Package Control was successfully installed（パッケージコントロールのインストールに成功しました）」とメッセージウィンドウが表示されます。

パッケージ「EMMET」をインストールする
ここでは HTML/CSS を簡単に入力できるようにするパッケージ「EMMET」をインストールします。
  1. Ctrl + Shift + P キー、またはメニューバーから「Tools」⇒「Command Palette」とクリックします。
  2. コマンドパレットが表示されます。
    「Pack」と入力すると表示される「Package Control: Install Package」を選択すると、Package Control の準備を開始します。
    コマンドパレットから「Package Control: Install Package」を選択

    画像クリックで拡大表示

  3. コマンドパレットのような画面が表示されます。
    ここからパッケージをダウンロード、インストールできます。
    ここでは「emmet」と入力して表示される「EMMET」を選択します。
    「Package Control」から「Emmet」をインストール

    画像クリックで拡大表示

  4. インストールが完了すると、「Package Control MEssages」が表示されます。
    「Emmet」インストール完了時のメッセージ

    画像クリックで拡大表示


EMMET の使い方
EMMET をインストールすると、以下のようにタグを簡単入力できるようになります。
タグ文字を入力して Tab キーを押すと次のように変換されます。

HTMLファイル
  • html>body と入力すると
    <html>
    <body>
    </body>
    </html>
  • header>ul>li.sub$$*4^div.test と入力すると
    <header>
    <ul>
    <li class="sub01"></li>
    <li class="sub02"></li>
    <li class="sub03"></li>
    <li class="sub04"></li>
    </ul>
    <div class="test"></div>
    </header>
    ※ 入力時に変換後のイメージがプレビュー表示されます。
    一定の入力作法でスニペットを簡単入力

    画像クリックで拡大表示


CSSファイル
  • w100 と入力すると
    width:100px;
  • p10 と入力すると
    padding:10px;

テーマを変更する

デフォルトでは黒基調のテーマ（Monokai）ですが、メニューバーから「Preferences」⇒「Select Color Scheme」とクリックして他の色に変更したり、「Preferences」⇒「Select Theme」とクリックしてテーマを変更したりできます。

他のテーマをインストールする
Sublime Text ユーザーが作成したテーマをインストールすることで、デフォルトで用意された以外のテーマを利用できます。
  1. Ctrl + Shift + P キー、またはメニューバーから「Tools」⇒「Command Palette」とクリックします。
  2. コマンドパレットが表示されるので、「Package Control: Install Package」をクリックします。
  3. コマンドパレットのような画面が表示されるので、「theme」と入力すると、「Theme - Afterglow」、「Theme - Argonaut」と言ったテーマがずらりと並びます。この中から任意のものを選択してインストールします。
    ここでは「Theme - Flatland」を選択してインストールします。
    「Package Control」からテーマをインストール

    画像クリックで拡大表示

  4. テーマがインストールされたら、メニューバーから「Preferences」⇒「Select Theme」をクリックし、「Flatland Dark.sublime-theme」を選択するとテーマが適用されます。
    Flatland テーマを適用

    画像クリックで拡大表示


基本的な機能

Sublime Text では、便利な編集機能が標準で備えられています。
選択範囲を拡張する（Expand Selection to Word）
選択した文字列と同じ文字列を選択できる機能です。
例えば、1つのファイル内に”sub”という文字列が複数あった場合、1つの”sub”を範囲選択して Ctrl + D キーを押すと、その次の”sub”も選択されます。つまり、2つの”sub”という文字列が選択状態となります。
この状態で、”abc”と入力した場合、選択されている2つの”sub”が同時編集され、ともに”abc”に置き換わります。
※ Ctrl + D キーをもう一度押すと3つ目の”sub”、さらにもう一度押すと4つ目の”sub”といった具合に選択できます。
「Ctrl」+「D」キーを利用した拡張選択

画像クリックで拡大表示



複数個所を同時編集する
任意の箇所を Ctrl キーを押しながらクリックすると、複数の箇所にキャレットを置くことができます。
その状態で”abc”と入力すると、キャレットのある位置に”abc”を入力するなどの編集が可能です。

プロジェクト
Sublime Text にフォルダーごとドラッグ＆ドロップすることで、プロジェクトとして利用できます。
サイドバーにファイル構造がツリー状に表示され、サイドバー上から開きたいファイルを素早く開くことが可能です。
フォルダーをドラッグ＆ドロップしてプロジェクト表示

画像クリックで拡大表示



便利なパッケージ

2,000以上のパッケージが公開されていますが、便利なパッケージをいくつかご紹介します。
  • BracketHighlighter
    対になっているタグをハイライトしてくれる
  • Emmet
    HTMLスニペットをショートコードで素早く入力できる
  • Emmet Css Snippets
    CSSスニペットをショートコードで素早く入力できる
  • IMESupport
    日本語入力時にデスクトップ左上に表示されてしまう入力文字列を、入力してる場所に表示するよう修正できる（※Windowsのみ）
  • Japanize
    日本語化できる（※一部非対応）
  • SFTP
    SFTP転送／同期を行える
  • SideBarEnhancements
    サイドバーの右クリックメニューを拡張できる
  • Sublime Linter
    文法チェック
  • Tag
    閉じタグを自動補完してくれる
  • TrailingSpaces
    不要な半角スペースをハイライトしてくれる

ショートカットキー

Sublime Text は、ショートカットキーを覚えることで、飛躍的に便利になります。
ここではショートカットキーの一部をご紹介します。
拡張選択：選択文字列を拡張して複数選択できる Ctrl + D
拡張選択時に一つスキップして選択できる Ctrl + K
新規ウィンドウ Ctrl + Shift + N
ウィンドウを閉じる Ctrl + Shift + W
上書き保存 Ctrl + S
名前を付けて保存 Ctrl + Shift + S
コマンドパレットの表示 Ctrl + Shift + P
※ Mac では Ctrl キーを [Command] キーに置き換えて実行できます。

更新履歴

※ Google 翻訳で日本語にしています。
Version 4 Build 4107 （2021/05/20）
  • リリースハイライト
    ・複数のタブを選択して並べて表示
    ・現在のプロジェクト内の他の場所で同様のコードを見つけることによるコンテキスト認識オートコンプリート
    ・シンボルには、完了とナビゲーションのために表示される種類の情報があります
    ・テーマはシステムのダークモードの設定に従うことができ、タイトルバーはすべてのプラットフォームでテーマを設定できます
    ・シンタックスハイライトがバックトラッキングと継承をサポート
    ・組み込みの TypeScript、JSX、および TSX のサポートだけでなく、多くの構文強調表示の改善
    ・パフォーマンス向上のための GPU レンダリング。macOS ではデフォルトで有効
    ・Linux および macOS (Apple シリコン) の ARM64 サポート
    ・特に LSP などのプラグインをより適切にサポートするための多くのプラグイン API の追加
    ・プラグインの Python 3.8 サポート
  • …（省略）

Version 3.2.2 Build 3211 （2019/10/01）
  • Mac: 公証を追加
  • 大きなファイルでキャレットを上に移動したときのパフォーマンスの低下を修正
  • メモリリークを修正
  • 最後の行が空の場合、行を最後の行と交換できない問題を修正
  • Git: git 構成ファイルでの includeIf 処理が ~ 相対パスを正しく解釈しない問題を修正

Version 3.2.1 Build 3207 （2019/04/06）
  • さまざまな構文の強調表示の改善
  • Git: ユーザーのホーム ディレクトリの最上位にある Git リポジトリは、パフォーマンス上の理由から無視されます。 これは、allow_git_home_dir 設定で変更できます。
  • …（省略）
※ 提供元サイトによる更新履歴はこちら

ユーザーレビュー

  • まだレビューが投稿されていません。
    このソフトの最初のレビューを書いてみませんか？