WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

恋に落ちるエディタ「Sublime Text 3」を導入したら恋に落ちました!

この記事は約4分48秒で読めます

コードが書かれたモニター
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

WordPressをする上で必須のツール、テキストエディタ
ブログを書く以外にも様々な場面で利用します。

我々の業界(プログラマー)ではWindows標準のメモ帳を使う人は存在しません。

テキストエディタといえば
秀丸エディタEmEditorサクラエディタTerapadなどなど。

今までの私は「秀丸エディタ」一択でしたが、
隣のプログラマーさんから「秀丸はオワコン」と言われたので
今アツイとウワサされている「Sublime Text 3」を導入することにしました。

テキストエディタとは?

テキストエディタとは、文字通りですが文書(Text)を編集(Edit)するツールです。
つまりテキストファイルやプログラムファイルを作成するときに使います。

Windows標準のアクセサリ「メモ帳」もテキストエディタのひとつですが、
冒頭に紹介してたテキストエディタソフトは機能が充実したものが多く、メモ帳よりずっと使いやすいです。

テキストエディタの特徴

  • タブでファイルを表示できる
  • Officeの文書作成ソフトWordより遙かに起動が速い
  • プログラムのソースコードを色分けして表示できる
  • どこで改行されているかわかる
  • ファイル内のキーワードを検索できる
  • grep機能のあるエディタはファイル外のキーワードも検索できる
  • キーワードを強調して表示できる
  • 編集してる行を強調して表示できる
  • 自分の好みでキー割り当てをして使いやすくできる
  • 行番号表示ができるので書いた分量が把握しやすい
  • 長い文書やデータの作成ができる
  • 自分の好きなところで行を折り返して読むことができる

どのエディタでも上記の機能はほぼ使えると思います。

他にも矩形選択したり、ウィンドウを分割して表示したり、マクロを使用したり
様々な機能があります。

Windows標準のメモ帳だとタブでファイルを表示することさえできません。
エディタによっては入力補助があったり、プロジェクト管理する機能があるものまであります。

「Sublime Text 3」とは

『恋に落ちるエディタ』と呼ばれる「Sublime Text 3」というテキストエディタ!

美しいインターフェイスや充実したプラグインラインナップが魅力的!
元々はMacでしか使うことができませんでしたが、Windows版も配布されるようになって、
ますますユーザーが人気急増のエディタです。

「Sublime Text 3」のデモ動画

「Sublime Text 3」の特徴

  • 動作がサクサク軽い
  • Mac,Windows,Linuxなど様々なOSに対応
  • 豊富なカラースキーム搭載でデフォルトでお洒落
  • 簡単にメソッドやID、クラスに移動できる
  • 画面が左右に2分割できて見やすい
  • 矩形選択や複数選択が可能
  • タブ機能実装
  • ファイルをツリー形式で管理できる便利なサイトバー実装

プラグイン導入で実現できる便利な機能

  • HTML5/CSSやRubyなど様々な強調表示に対応
  • タグの開始タグと閉じタグのハイライト表示
  • 開発が捗る入力補完機能が使用可能に
  • FTPが使用可能に

私はまだまだ使い始めて間もないので、
「Sublime Text 3」の紹介記事から引用させていただきました。

フロントデベロッパーが幸せになれる”恋に落ちるエディタSublimeText3”導入のススメ #HTML #CSS

「Sublime Text 3」のダウンロード

Sublime text 3 ダウンロード

対応OSはOS X(10.7以降)、Windows 32bit / 64bit、Ubuntu 32bit / 64bitに対応してます。

Windows版ではportable versionも用意されてます。

私はWindows7の64bitOSを使用しているので「Windows 64bit」のリンクからダウンロードしました。

Sublime Text 3 ダウンロード

「Sublime Text 3」のインストール

Welcome to the Sublime Text 3 Setup Wizard

Sublime text 3 Select Destination Location

Sublime text 3 Select Additional Tasks

Sublime text 3 Ready to Install

Sublime text 3 Completing the Sublime Text 3 Setup Wizard

「Sublime Text 3」の日本語化

  • Package Controlのインストール
  • 日本語化ファイルのコピー

日本語化の手順はちょっと複雑ですが、
やってみると簡単に行えます。

コンソール画面を表示する

Sublime Text 3 日本語化 View → Show Console

[Ctrl]+[`]キーを押下またはメニューより「View」→「Show Console」と選択すると、画面下にコンソールが表示されます。

Package Controlのインストール

Sublime Text 3 日本語化 import

Package ControlをインストールするためのPythonコードをコピーし、コンソールに貼り付け、[Enter]キーを押下します。

コンソールへ上記のコードを貼り付けてEnterで実行します。
Pythonコードは提供元のサイトのコードをそのまま貼り付けています。

■Installation – Package Control

日本語化する

「Preferences」→「Package Control」を選択

Sublime Text 3 日本語化 Preferences → Package Control

「Package Control: Install Package」を選択

Sublime Text 3 日本語化 Install Package

「Japanize」を続けて選択

Sublime Text 3 日本語化 Japanize

「Package Control Message」の内容に従い、ファイルのコピーなどを行う

Sublime Text 3 日本語化 Package Control Messages

「Package Control Message」のメッセージ内容

※原文ママです。

*.jpファイルを、Defaultフォルダへコピーする

Sublime Text 3 日本語化 %appdata%

「%appdata%」と入力するとC:\Users\ユーザー名\AppData\Roaming\まで素早く進めます。

Sublime Text 3 日本語化 .jp

Sublime Text 3 日本語化 Defaultフォルダに.jpファイルをコピーする

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize\*.jpファイルを
「C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Defaultへコピーします。

※Defaultフォルダは元々はなかったので、新しく作成しています。

Main.sublime-menuファイルを、Userフォルダへコピーする

Sublime Text 3 日本語化 Main.sublime-menu

Sublime Text 3 日本語化 Main.sublime-menuファイルをUserフォルダにコピーする

C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize\Main.sublime-menuファイル(拡張子なし)を
C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Userへコピーします。

これでメニュー部分が日本語化されます。

Sublime Text 3 日本語化

「Sublime Text 3」の簡単な使い方

まだまだ使い慣れていないですが、
最低限これを覚えておくと効率よくプログラミングできます。

矩形選択

Shift + 右ドラッグ

Shiftを押しながら右ドラッグで好きな範囲を選択することができます。
縦一直線に矩形選択して全体をコメントアウトしたり、同じ内容の行が並んだときに一括で書き換えることができます。

矩形選択した範囲を切り取ったり、コピーするのも便利です。

画面の割り振り

Shhift+Alt+数字

数字の数に画面を分割することができます。

  1. 1画面(Single)
  2. 縦2分割(2 Columns)
  3. 縦3分割(3 Columns)
  4. 縦4分割(4 Columns)
  5. 縦横2分割(Grid)
  6. なし
  7. なし
  8. 横2分割(2 Rows)
  9. 横3分割(3 Rows)

Sublime Text 3 の関連記事

  1. 【現在の記事】恋に落ちるエディタ「Sublime Text 3」を導入したら恋に落ちました!
  2. 「Sublime Text 3」の日本語入力をインライン化する方法を画像付きで紹介
  3. Shift-JIS等の日本語のファイルを「Sublime Text 3」で開くと文字化けするときの解決法
  4. 「Sublime Text 3」のスタイル設定をする
  5. 【まとめ】Sublime Text 3 導入~カスタマイズ設定まとめ。
  6. 複数行の文字列を一瞬でカンマ区切りに囲って1行にするテクニック|Sublime Text 3
  7. ソースコードのインデントを一瞬で自動整形するSublime Text 3のテクニック
  8. 【保存版】Sublime Text 3のショートカットキーの一覧(Windows/Mac)
  9. Symfony2 MonologのSlackHandlerを使ってSlackにエラー通知を送るBotを設定する

関連記事

  1. ホワイトボードを使ってプレゼンするホワイト企業の社員
  2. ドトールコーヒー
  3. コードが書かれたモニター
  4. コードが書かれたモニター
  5. ペンとノート
  6. 【Sublime Text 3】ショートカットキー一覧(Windows/Mac対応)

PR

カテゴリー