制作関連

サブライムテキストのインストール方法、使い方、日本語化、おすすめな便利機能[MacとWindows]

2019年10月1日

HTMLやCSSなどをコーディングする際に使用する無料で使えるテキストエディタをお探しなら、Sublime Text(サブライムテキスト)がおすすめです。

サブライムテキストは、無駄な機能がなく、動作がとても軽いと好評です。

作業の効率を高める便利なショートカットキーなどもあるのですが、「使い方がわからない」「おすすめな便利機能って何があるの?」と疑問に思うことがあるでしょう。そこで、サブライムテキストのインストール方法から拡張機能まで徹底解説します。

テキストエディタツールを使い慣れてない人でもわかりやすい内容になっているので、ぜひ最後まで読んでみてください。きっとサブライムテキストのことを理解できるようになっていますよ。

この記事は、動画バージョンでも解説しておりますので、動画で学習されたい方は以下のリンクより閲覧下さい。

テキストエディタとは

テキストエディタとは「テキストを編集する」という意味で、文字を書くことだけをメインにしたアプリケーションソフトになり、有料・無料と様々です。

テキストエディタの魅力

テキストエディタの魅力は、テキストを書く為だけに作られているので、執筆する際に余計なUI(ユーザーインターフェイス)などが気にならない点でしょう。

サブライムテキストとはテキストエディタの1つ

テキストエディタにはSublime Text(サブライムテキスト)、Atom(アトム)、サクラエディタ、Notepad++等があります。これらテキストエディタは、特にプログラマーやWEBデザイナー、システムエンジニアなどが利用しています。

バージョン Sublime Text
Sublime Text2
Sublime Text3
料金 無料(有料版あり)
対応OS Mac
Windows

サブライムテキストの魅力

サブライムテキストの魅力は、軽量でシンプルなのに操作性が高いという点でしょう。テキストエディタは様々ありますが、どこか動作が重かったり、余計な機能に注力されていたりと、ハンドリングがいまいちなものがあります。

サブライムテキストはシンプルなのですが、拡張機能をカスタマイズすることによって非常に使いやすくする事も可能です。

また対象プログラミング言語を選択する事で、「ワード補完機能」も備わり、単語を2.3入力すると予測で文字が現れたり、「閉じタグ補完機能」で予測してコードを記述してくれますので、タイピングの労力と時間を減らし、プログラミングミスも大幅に防ぐ事ができます

サブライムテキストの3つの特徴

サブライムテキストの3つの特徴をご紹介します。

1. 無料でも問題なく使える

2. シンプルなので動作が早い

3. 拡張機能が豊富でカスタマイズできる

サブプライムテキストは課金可能なソフトではありますが、無料でも基本操作はばっちりできるので、「無料で使える」と思っていただいて大丈夫です

また、インストールした時点ではシンプルな機能のみなので、動作が早いです。プログラミングする時のハンドリングの良さは、非常に大きなメリットでもあります

サブライムテキストはこんな人におすすめです

サブライムテキストはいろんなシーンで活用できると思いますが、特にこんな人におすすめです。

  • 無駄な機能は不要で動作が軽いものを求めている
  • 自分好みにカスタマイズしたい
  • 作業効率がアップするようなショートカットキーがある

サブライムテキストはとても便利

サブライムテキストは、「The text editor you’ll fall in love with(恋に落ちるテキストエディタ)」というキャッチコピーの通り、一度使うと手放したくなくなります。実は、この記事の下書きをしている今も使用していたり、メールの下書きをする時なんかでもサブライムテキストを利用したりするほどの、PC便利ツールだとも言えます。

またWordワードからやIllustratorなどへ直接テキストを貼り付けたりすると、リッチテキストとして、テキストに余計な情報が継承されたままペーストされる事になります。しかし、サブライムテキストの場合は余計な情報は一切継承されませんので、簡単にプレーンテキストとして扱う事ができるのもかなり重要です。

サブライムテキストのインストール方法

サブライムテキストをインストールする方法は簡単です。MacとWindowsでそれぞれ違うので、詳しく説明します。

Macの場合

Macの場合からご紹介します。

  1. 最新バージョンSublime Text3のダウンロードページを開く
  2. 「OSX」をクリックする
  3. 「ダウンロード」フォルダにある「Sublime Text Build.dmg」というファイルをダブルクリックで開く
  4. 開いた「Sublime Text.app」を「Applications(アプリケーション)」へドラッグ&ドロップする

以上で、完了です。

頻繁に使うのであれば、アプリ一覧からドラッグ&ドロップで「Dockに追加」をしてショートカットを作成しておきましょう。

Windowsの場合

Windowsの場合をご紹介します。

  1. 最新バージョンSublime Text3のダウンロードページを開く
  2. 「Windows」または 「Windows 64bit」をクリックする
  3. ダウンロードしたインストーラーファイルを開く
  4. 画面が開くので「Next」で進む
  5. Sublime Text関連のファイルをどこに保存するかの選択をする(※デフォルトでは「Program Files」に入る)
  6. 「Add to exploer menu」にチェックをつけて「Next」を押す(チェックをすることで「右クリックのメニュー」にSublime Textを追加できる)
  7. 「Install」を押してインストールを開始する
  8. 完了したら「Finish」を押す

以上で、アプリケーションからスタートさせる事ができます。

インストールが完了したら

初期設定では文字がかなり小さくなっていますので、Mac:Command+(+)、Windows:Ctrl+(+)にて、まずは文字の大きさを調整しておきましょう。

拡張機能の使い方

サブライムテキストは拡張機能が豊富なので、使いやすいようにカスタマイズできます。拡張機能の使い方や便利機能を見ていきましょう。

パッケージコントロールのインストール

拡張機能を使うためには、「Package Control(パッケージコントロール)」というプログラムをインストールする必要があります。このプログラムを通して、拡張機能をインストールしたりアンインストールしたり操作します。MacもWindowsも同じ手順で「Package Control(パッケージコントロール)」をインストールできます。

1. 「Package Control(パッケージコントロール)」のインストールページを開き、 最新版の「SUBLIME TEXT3」のタブコードをすべてコピーする

2. サブライムテキストを起動させ、 上部メニューの「View」→「Show Console」をクリックすると下に白いボックスが現れる。

3. 下の白いボックスの入力欄に先ほどコピーしたコード(A)を貼り付け、「Enterキー」を押せば、自動でPackage Controlのインストールが開始されます。

パッケージコントロール・インストール確認

パッケージコントロールがインストールされているか確認する方法は、Macの場合:上部メニューの「Sublime Text」を開き「Preferences」のところに「Package Control」が、Windowsの場合:上部メニューの「Preferences」のところに「Package Control」があればOKです。

メニューを日本語化する

サブライムテキストのメニュー項目はインストール時点ではすべて英語になっていますので、英語が苦手という人は日本語に切り替えましょう。1回設定するとOKなので、少し手間ですが日本語化しておくべきでしょう。

日本語化作業は、MacとWindowsで操作方法はほとんど変わりません。少し難しく感じられるところもあると思いますので、前半と後半に分けさせていただきました。ゆっくり落ち着いてやればできますので、頑張ってください!

メニューの日本語化(前半)

1. 先ほどインストールした「Package Control」を開き(Mac版ショートカットキー:Command+Shift+P)(Windows版ショートカットキー:Ctrl+Shift+P)、「install」と入力して、「Package Control: Install Package」をクリックしましょう。

2. 切り替わったパネル入力欄に、さらに「Japanize」と入力してクリックすると、自動でインストールが開始されます。

以上で、前半完了です。サブライムテキストに戻ってもらうと、メニューバー上部とメニューの中身の一部だけが日本語化されています。

これでも使ってはいけますが、ずっと使う物にもなるかもしれないので、初期設定の日本語化はきっちりやっておいた方がいいと思います。

メニューの日本語化(後半)

後半戦は、パソコンに免疫がない方はアレルギーが出そうなくらい難しく感じるかもしれません。でも、大丈夫。落ち着いて。絶対慌てないで、ゆっくり一つ一つ丁寧にやっていけば大丈夫ですので。

1. サブライムテキストの「基本設定」→「Browse Packages」を押してフォルダを開きます。

2. 右クリックして「Default」というフォルダを「新規作成」しましょう。

3. フォルダの同階層にある「Japanize」フォルダを開いて、ファイル名の末尾が「.jp」になっている拡張子ファイルを全て先程の「Default」フォルダに移動させてください。コピペではありませんよ!

4. 移動させた拡張子「.jp」ファイルの名前を全て変更していきます。対象ファイルの名前から「.jp」という文字をすべて削除してください。作業中に、「変更してもよろしいですか?」と警告がでますが、無視してそのまま続行してください。

以上で、完了です。お疲れ様でした!サブライムテキストを再起動して、日本語になっているか確認しましょう。きちんと日本語になっていますか?

メニュー一番左の「Sublime Text」メニューの中身だけは日本語になりませんが、不自由は感じないと思いますので、このままで大丈夫です。

サブライムテキストの便利な機能

サブライムテキストの便利な機能をご紹介します。実際にサブライムテキストを触りながら読み進めていただくとわかりやすいと思います。

好みのデザインに変更

サブライムテキストは、インストール時点では黒い背景のデザインになっていますが、サイドバーとタブの「テーマ」とコードを書く「カラースキーマ」を自由に変更できます。

Theme(テーマ)の変更

「基本設定」のところにある「テーマ」をクリックし、パネルに表示されたテーマ一覧のいずれかを選択し、テーマの変更ができます。

Color scheme(カラースキーマ)の変更

「基本設定」のところにある「カラースキーマ」をクリックすると、パネルに表示されたカラースキーマ一覧のいずれかを選択する事で、テーマの変更ができます。

以上の変更で、デザインをガラリと変える事ができます。簡単に操作できるので、ぜひ試してみてください。

メモ

「Monokai」なんかにすると一気にプログラマー感ができ、第三者に覗き見された時なんかは「凄い事やってるなー」と羨望の眼差しを受ける事でしょう。いろいろ追加できるので、自分に背景を選んでみてください。

「カラースキーマ」の追加方法

デフォルトで選択できる「カラースキーマ」の他にも、いろいろな「カラースキーマ」を追加することができます。今回は、「ITG.FLAT」というテーマを追加する操作をご紹介します。

1. 「Package Control」を開く(Mac版ショートカットキー:Command+Shift+P)(Windows版ショートカットキー:Ctrl+Shift+P)
2. 「install」と入力して、「Package Control: Install Package」をクリックしましょう
3. 「ITG.FLAT」と入力する
4. 「Theme – ITG.FLAT」という候補が出てくるのでクリックする

以上です。後は、先ほどご紹介した通り「カラースキーマ」を変更するだけです。

画像分割

上部メニューの「表示」から「画面分割」を選択して、さまざまなレイアウトの画面分割を選択することができます。例えば、2画面開くことで、「HTML」と「CSS」に分割するなどすると、とても便利になります。

ミニマップ

エディタの右側に、現在開いているファイルの全体が縮小されたミニマップとして表示されています。

そして、このミニマップをクリックするとメイン画面も連動して動くので、見たいところにスキップすることができます。

コードが何千行となる場合、スクロール移動するのはかなり大変になりますので非常に役立ちます。マップが必要ない場合は「表示」から「ミニマップ」を選択して非表示にして消す事もできます。

時短テクニック

特定のキーを押すことによって効率良く作業できます。

▽複数カーソルを選択

Mac:Commandを押しながら選択
Windows:Ctrlを押しながら選択

▽同じ文字列を検索する

Mac:検索したい文字列を選択→Command+D
Windows:検索したい文字列を選択→Ctrl+D

メモ

私は、この「Command+D」を頻繁に使います。Word(ワード)などの置き換え作業とは違い、選択した文字に対して、一文字消したり、一文字追加したりする事が簡単に直感的に行えるのがとても便利です。

▽対象文字列を検索する

Mac:Command+F
Windows:Ctrl+F

ショートカットキーを押した後に、「Find」「Find Prev」ボタンを押して文字列を探していきます。「Find」は現在のカーソル以降の箇所、「Find Prev」は現在のカーソル以前の箇所を遡って探していきます。

▽ファイルを検索して開く

Mac:Command+P
Windows:Ctrl+P

あまり使わないかもしれません。

サブライムテキストのショートカットキー

サブライムテキストを効率良く使いこなしたいなら、ショートカットを使いましょう。MacとWindowsでそれぞれ異なるので、以下のサイトを参照してみてください。

プログラミングでも、プログラマーとコーダーではする作業が大きく異なりますので、ジャンルに応じて使用するショートカットの幅も変わってくるでしょう。

サブライムテキストのショートカットキー紹介ページ

サブライムテキストのアンイストール方法

何かパッケージを間違えて入れたり、日本語化で操作を間違えてファイルを消してしまったなど、やり直したいと思った際は、アプリをアンインストールしてから、再度インストールしなおす方がいいでしょう。

しかしサブライムテキストのアンインストールは、通常のやり方(アプリケーション内からゴミ箱移動)ではファイルが一部残る仕様になっており、次回インストール時にそのファイル情報が継承されてしまいます。

ですので、根こそぎアプリを削除する為には、MACの場合だと「AppCleaner」というアプリを別に入れ、アプリ経由で削除するのが簡単で確実だと思います。

「AppCleaner」の使い方とインストール方法。安全性と注意点[MAC]

続きを見る

まとめ

サブライムテキストは、無料で使えるとてもおすすめなテキストエディタです。

拡張機能やショートカットなども充実しており、非常に柔軟性が高いです。

日本語化にも対応しており、長く使うのであれば是非日本語化しておきましょう。

カラースキーマの変更などにより、いろいろなデザイン性の画面に変えることも可能です。

アンインストールは、通常のゴミ箱移動ではファイルが一部残ってしまうので、きっちり確実に削除する為に「AppCleaner」というアプリを利用するとよいでしょう。

プログラミング以外にも、日常的なメールの下書きにも使えますので、本当になくてはならない便利ツールだと思います。

 

完全無料のクリエイター育成講座開催中!

人物イラストの無料ダウンロードサイト公開中!

人物イラストの無料ダウンロードならMIDO-KICHI

-制作関連

Copyright© デザイナーブリッジ , 2020 All Rights Reserved.