<>

テキストエディタ【 SublimeText 】インストールと 日本語変換のしかた

HTML や CSS といった プログラミング言語を使用する
コードの作成や 編集などを行う場合に活用されるのが テキストエディタ です。

原本のファイルを 直接編集せずに 全文をコピーしてテキストエディタに貼り付け
作業をするというのが 安全に編集するための 基本的な使いかたなので ぜひ取り入れていきましょう。

SublimeText – サブライムテキスト –

SublimeText(サブライムテキスト)は多くのプログラミング言語や
マークアップ言語に対応した テキストエディタで 世界中の多くの方に愛用されている エディタです。
SublimeText エディタ画面の解説
こちらは サイトのカスタマイズを記述した エディタ画面です。
このように難しいコードも 色分けされていていると分かりやすいですよね。

テキストエディタ の活用方法

WordPress では  HTML・CSS・php などの プログラミング言語を使用しますが
基本的には 難しいコードを使用することなくサイト運営を行うことができます。

それでも テキストエディタが必要な場面が いくつかあります。

    1.  サイトの 外観のカスタマイズなどで CSSコードを使ったスタイルシート作成と保存
    2. 間違えて1文字 消えてしまうだけでも テーマが壊れてしまったり
      サイトが機能できなくなってしまいますので 編集作業は必ずテキストエディタで行います。
    3. また、大事なテキストなど  バックアップとして保存しておくのも 有効な利用法です。

SublimeTextのインストール

SublimeTextのダウンロードからご案内します。
SublimeText ダウンロード画面
SublimeTextサイト-ダウンロード画面
Windows64ビットからファイルをダウンロードします。
ダウンロードされたらファイルを開きます。

注意喚起の画面
注意喚起の画面が表示されますが はい を 選択してください。

SublimeTextインストールの解説-ファイルの保存先の指定
SublimeTextを保存する場所を指定ですが デフォルトのままでOKです。

 alt=
Add to explorer context menu にチェックを入れます。

SublimeTextインストールの解説-確認画面
インストール確認画面です。Install をクリックします。

SublimeTextインストールの解説-終了
これでインストール完了です。

アプリケーションはすぐに利用できるように
タスクバーなどにピン留めしておくことをお勧めいたします。
SublimeTextの保存先とピン留めの解説
エクスプローラー画面から フォルダを検索する場合はこちら
ローカルディスク(C:)の中の Program Files の中にあります。

スタートメニューからアプリケーションの設置方法
スタートメニューからの検索もかんたんです。
スタートメニューをクリックし メニュー一覧表示から
希望のタブ を右クリックで項目を表示できます。

テキスト画面の 日本語変換のしかた

Sublime-Text-3-インストール後の英語表記の状態

インストールしたデフォルトの状態は 英語での表記になっています。
こちらを利用しやすいように日本語表記にしていきます。

日本語パッケージのインストール

まずは 日本語パッケージをインストールし メニューバーを日本語に変換します。
SublimeText 日本語変換の手順1-Show-consoleを開く
メニューバーの View から Show Console をクリック

SublimeText 日本語変換の手順3-install-Package-Control
次に Tools から install Package をクリックすると
自動的にインストールが始まります。

SublimeText 日本語変換の手順4-install-message
正常にインストールされるとこのようなメッセージ画面が表示されます。
OK をクリックして次の工程へ進みます。

SublimeText 日本語変換の手順5-Package-Control
Preferences から Package Control をクリックします。

SublimeText 日本語変換の手順6-install-packageの入力
検索Box が表示されます。こちらに install Package と入力します。
入力の段階で 該当する パッケージ がリストに表示されます。
install Package が見つかったらこちらをクリックします。

SublimeText 日本語変換の手順7-Japanizeの入力
次は japanize と 入力します。
先ほどと同じく途中で japanize が出てきますのでクリックします。

SublimeText 日本語変換の手順-メニューバーの変更
これで 第一段階終了。
テキスト画面のメニューバー を日本語に変換することができました。

パッケージファイルの作成

次は プルダウンメニューを 日本語変換するための 編集・作成をしていきます。
SublimeText3-パッケージファイルの作成-1-Browse-Packages
基本設定から Browse Packages をクリックすると
エクスプローラー内の パッケージのフォルダ が表示されます。

SublimeText3-パッケージファイルの作成-2-Packagesフォルダ
こちらの Japanize フォルダをクリックします。

AppData 隠しファイル ですので
画面上の表示設定によってフォルダが表示されない場合があります。

SublimeText3-パッケージファイルの作成-3-隠しファイルの表示
表示設定を開き ファイル名拡張子 隠しファイル にチェックを入れ
もう一度、Browse Packages からフォルダを開けてみてください。

Packagesフォルダ が表示できましたら Japanize フォルダをクリックします。
SublimeText3-パッケージファイルの作成-4-新しいフォルダーの作成
Japanize フォルダの中の 黄色い枠で囲んでいる すべて.jp が付いているファイルを作業していきます。

ここでは 少々複雑な 編集作業を 3つ行います。

  1. JPファイルのリネーム
    JPファイル の ネーム部分 ~ .jp の .jpを削除 ( リネーム ) の作業をします。
  2. Defauit フォルダの作成と リネームしたファイルの保存
    コピーしたものを作成したDefauit フォルダに保存する作業をします。
  3. 作成したDefauit フォルダ Packages フォルダへ 保存して完了

順序から行くと リネームから なのですが、作業が複雑ですので
japanize のフォルダ内新しいフォルダーを作成し作業しちゃうほうが
簡単なのでこちらの手順で進めていきます!

新しいフォルダの作成と jpファイルのリネーム

新しいフォルダを作成し コピーしたものを保存する作業をします。

注意

ファイルは 必ず 移動ではなく、コピーでお願いします。

SublimeText3-パッケージファイルの作成-5-拡張子の削除
フォルダ名は 新しいフォルダのままで  .jp のファイル のコピーしたものをフォルダに保存します。
このコピーしたファイルの 名前を変更(リネーム)をします。
.jp をはずすだけなので作業はかんたんです。

SublimeText3-パッケージファイルの作成-6-確認画面
拡張子を外すとこのような注意喚起が表示されますが はい で問題ないです。

SublimeText3-パッケージファイルの作成-7-リネームされたファイル
拡張子を外した状態がこちらです。
ファイル名が SUBLIME-MENU に変更されています。

Packages フォルダへの移動と フォルダ名の変更

SublimeText3-パッケージファイルの作成-8-フォルダ名の変更
作成した新しいフォルダーを Japanize フォルダ から 一つ前の
Packages に移動させてフォルダ名を Default に変更して作業は完了です。

SublimeTextの画面を確認してみましょう。
SublimeText-3-日本語変換済み画面
これで SublimeText の日本語変換が完了しました。
お疲れさまでした!!

合わせて読みたい 関連記事はこちら

テキストの シンタックスと カラースキーマの設定はこちら↓
【SublimeText】テキストの背景色と コードの 文字色を変えるシンタックス設定