この記事では、私がHTML・CSSのコードを書くのに使っている、
テキストエディッタ「Sublime Text(サブライムテキスト)」のMacでのインストール方法と日本語設定の方法について紹介します。
日本語設定にすることで、より快適に使えるようになりましょう!
Sublime Textのインストール方法
1. Sublime Text の公式サイトへアクセスして、「DOWNLOAD FOR MAC」と書かれているところをクリックして、ダウンロードします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/795316b92fc766b0181f6fef074f03fa-1-1024x538.png)
2.ダウンロードしたdmgファイルをダブルクリックして展開します。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/20cfce153c6dcbd30dc35695758066ae-1024x599.png)
3.展開したファイルにある「Sublime Text」を「Applications」にドラッグアンドドロップして、コピーします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/041c8e89b678b46731ac2144bc87c2e7-1024x598.png)
4.アプリケーションから「Sublime Text」をダブルクリックします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/3d286c066077720590e492e614c9bbcc-1024x599.png)
5.もし、「”Sublime Text”はインターネットからダウンロードされたアプリケーションです。開いてもよろしいですか。」のウィンドウが出たら、そのまま「開く」をクリックしてください。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/588f5dc5c85286438783f2302a488dbe-1-1024x601.png)
6.Sublime Textの画面が開けば、インストール完了です。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/8ec6a9c9f17f674d2b5aa83ddff080e1-1024x601.png)
日本語設定の方法
これから日本語設定の方法についてご紹介します。
日本語にするには、以下の3つのステップを踏む必要があります。
1. パッケージコントローラのインストール
2. 日本語化パッケージ「Japanize」のインストール
3. 適用手順に従って操作する
step
1パッケージコントローラのインストール
1. Package Controlのサイトに行き、”Package Control.sublime-package”をクリックしてファイルをダウンロードします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/5b398eeaa9d4e5cbd78497cfa5d68afd-1024x575.png)
2. [Preference] > [Browse Packages…]を選択します。(私のはもう設定済みなので[Preference]の部分が日本語になっています)
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/da08479581968d2308da7b3df64abe22-1024x148.png)
3. Macだと、/Users/ユーザー名/Library/Application Support/Sublime Text 3/Packages が開かれるので、一つ前の「Sublime Text 3」のフォルダを開きます。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/eba117ff5d58c6bf1f96e4940afb87de-1024x587.png)
[command]キー+↑ で一つ前のフォルダに戻れます。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/80a5a94fad8b64c4f0af5fd919d272fc-1024x588.png)
4. 「Installed Packages」というフォルダを開き、その中にダウンロードした「Package Control.sublime-package」ファイルを移動させて、Sublime Text 3 を再起動します。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/3f024b15786525d50fc2154c450f14aa-1024x587.png)
5. 上部メニューの[Preference]内に[Package Control]が追加されていれば、インストール成功です。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/51b6e72b8fedaa64dbea904916317f1a-1024x640.png)
step
2日本語化パッケージ「Japanize」のインストール
1. Sublime Text 3 を起動し、ショートカットキー[Command]キー + [Shift]キー + Pを押すと検索欄が出ます。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/95d6522e09caeba895391efca4f8214d-1024x564.png)
2. 「install package」と入力して、出てきた”Package control : Install Package”をクリックします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/d420f08be1707f3a9e3eaf5a4cf323ae-1024x564.png)
3. 出てきた検索欄に「japanize」と入力して、Enterキーを押すとインストールが始まります。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/2ae49fff2b8acb19b7ee047f55ba1698-1024x567.png)
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/3ed863717eb290d3df169ebdb70df75e-1024x564.png)
4. インストールが終われば、メニューバーが日本語になります。しかし、中身はまだ英語なので、表示されている適用手順をこなしていきましょう。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/23c71d49bfba89cac50291f1d18fc8ac-1024x560.png)
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/ddf2226824b054fbb539585750fdb157-1024x640.png)
step
3適用手順に従って操作する
1. [環境設定]>[Browse Packages…]を選択する。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/da08479581968d2308da7b3df64abe22-1-1024x148.png)
2. Japanizeフォルダがあるのを確認して、Defaultフォルダを作成します。もしあれば、作らなくて大丈夫です。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/911a8e6195859b3eccbbebc510c40809-1024x583.png)
3. Japanizeフォルダ内にある".jp"の拡張子のファイルを全てDefaultフォルダにコピーします。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/908a34538d7d06bee636ff52bdfadd16-1024x411.png)
4. Defaultフォルダにコピーしたファイルの名前を変更して、".jp"の部分を削除します。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/ea3ada4510bf8c3e85a1f445a937346c-1024x260.png)
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/c8aaa070d7409dbd565f8bce9d720715-1024x260.png)
5. Main.sublime-menuと書かれたファイルをコピーして、Userフォルダに貼り付けます。これで日本語設定ができました。
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/08c516e600ad374b48ead2ec20ca56d4-1024x351.png)
![](https://job-hunt-counsel.com/wp-content/uploads/2020/01/ecfcf1769db0e0d0b12c02c0d10db3a5-1024x640.png)