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

Sublime Text のアイコン

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

ダウンロード

ユーザーの評価：
0

評価数：0 件（未評価）

レビューを投稿する

対応OS：
Windows 7/8.1/10, Mac OS X 10.7以降, Linux
バージョン：
3.2.2 Build 3211（2019/10/01）

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

スクリーンショットを見る

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

提供元：
※ 本ソフトはシェアウェアですが、体験版は何回かに1回保存時に購入ダイアログがでるものの、制限なく利用できます。
※ ここで紹介している機能は、バージョン3 以降のものです。

Sublime Text の使い方

ダウンロード

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

使い方

パッケージを追加する

パッケージを追加するには、Package Control を利用して Sublime Text 上からインストールする方法が主流です。
Package Control をインストールする
  1. Package Control の インストールページへアクセスし、以下のように掲載されているコードをコピーします。
    import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
    ※ コードは変更されている可能性があります。必ず、Package Control の インストールページからコピーしてください。
  2. Sublime Text を開き、Ctrl + @ キーまたはメニューバーの「View」⇒「Show Console」をクリックします。
  3. 画面下部に「コンソール」が表示されるので、そこに先ほどコピーしたコードを貼り付けて Enter キーを押します。
    コンソールに Package Control のインストールコードを入力

    画像クリックで拡大表示

  4. Package Control がインストールされます。
    再びメニューバーの「View」⇒「Hide Console」をクリックしてコンソールを非表示にできます。

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

    画像クリックで拡大表示

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

    画像クリックで拡大表示

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

    画像クリックで拡大表示

※ 上記手順でパッケージを追加していけます。

EMMET の使い方
EMMET をインストールすると、以下のようにタグを簡単入力できるようになります。
「⇒」の左の文字を入力してタブキーを押すと、「⇒」の右の文字に変換されます。
HTMLファイル
  • html>body ⇒ <html><body></body></html>
  • header>ul>li.sub$$*4^div.test ⇒ <<55>
CSSファイル
  • w100 ⇒ width:100px;
  • p10 ⇒ padding:10px;

テーマを変更する

デフォルトでは黒基調のテーマ（Monokai）ですが、メニューバーの「Preferences」⇒「Color Scheme」から他のテーマに変更できます。

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

    さらに次のように1行を追加すると、タブの角丸がフラットになります。
    {
    "theme": "Flatland Dark.sublime-theme",
    "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
    "flatland_square_tabs": true
    }
    テーマ用の設定を入力

    画像クリックで拡大表示


基本的な機能

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

画像クリックで拡大表示



複数個所を同時編集する
任意の箇所を 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] キーに置き換えて実行できます。

更新履歴（英語）

Version 3.2.2 Build 3211 （2019/10/01）
  • Mac: Added Notarization
  • Fixed a performance regression when moving the caret upwards in large files
  • Fixed a memory leak
  • Fixed not being able to swap lines down with the last line if it was empty
  • Git: Fixed includeIf handling in git config files not interpreting ~ relative paths correctly

Version 3.2.1 Build 3207 （2019/04/06）
  • Various syntax highlighting improvements
  • Git: Git repositories at the top level of a users home directory are ignored for performance reasons. This can be changed via the allow_git_home_dir setting.
  • Git: Improved performance with a large number of git repositories in the side bar
  • Git: Fixed UTF8 BOMs not being handled correctly in .gitignore files
  • Fixed a crash in the Git repository handling
  • Improved file indexing behavior in some scenarios
  • Improved scrolling logic in some scenarios
  • Fixed block carets changing the way text selection works
  • Fixed swap_line_up and swap_line_down transforming tabs into spaces
  • Mac: Added a workaround for a MacOS issue with DisplayLink adapters
  • ...（省略）

Version 3.2 Build 3200 （2019/03/13）
  • NEW: GIT INTEGRATION
    ・Files and folders in the sidebar will now display badges to indicate Git status
    ・Ignored files and folders are visually de-emphasized
    ・...（省略）
  • NEW: INCREMENTAL DIFF
    ・All changes to a document are now represented by dedicated markers in the gutter
    ・Diff markers show added, modified and deleted lines
    ・...（省略）
  • ...（省略）
※ 提供元サイトによる更新履歴はこちら

ユーザーレビュー

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