Sublime text 3 を使用しております。 Emmetがインストールされていることを前提としています。 下準備 Sublime text を起動 prereference(n) - package settings - Emmet - Settings - Userを開く !展開時 初期設定では、 ! または html:5 で展開すると、

App Storeが台頭してからというもの、野良アプリも真っ当には使えないことが増え、MacintoshでいざDiffを取ろうとすると、程良いツールがなくて結構大変なんです。そんなときにSublime Textのプラグイン。 Sublimerge は手軽で重宝します。 前提 Sublime TextにPackage Controlを導入済みであること。 プラグインのインストール 1. メニューバーから Tools > Command Palette... を選択するか、短縮コマンド Shift＋Command＋P でコマンドパレットを呼び出す。ここに install と入力すると Package Control: Install Package と出てくるのでこれを選択。 2. さらに sublimerge と入力すると Sublimerge Pro というプラグインが見つかるので、これを

SublimeTextをバージョン3にアップデートしたところ、「Sublime Text 2でマルチカーソルに連番の数字を入力するプラグイン」が動作しなくなったため、ST3対応版を作ってみました。 プラグインの入力欄に「1」を入力しEnterすると、上のカーソルから順に1, 2, 3, 4,...と入力し、 「2 5 3」と入力すると00002, 00005, 00008, 00011,...と入力されます。 import sublime, sublime_plugin class MultiNumberInputCommand(sublime_plugin.TextCommand): def on_done(self, arg): paramsArray = arg.split(" ") paramsArray.extend(['', '']) #minimum length is 3

Sublime Text に恋に落ちて、Markdown 記法ではてなブログを書いています（参照：はじめてのMarkdown記法，恋に落ちる「Sublime Text」のインストール・日本語化）。Sublime Text で Markdown を快適に書けるプラグインを探して、以下の3つのパッケージをインストールしました。 OmniMarkupPreviewer - Markdown をプレビューする Monokai Extended - Markdown をシンタックスハイライトする Markdown Extended - Markdown 内のコードをシンタックスハイライトする これら3つのパッケージの設定方法や機能を説明します。 Package Control を用いたパッケージのインストール Monokai Extended の機能 Before After Markdown Ex

Sublime Textでカラースキーマを変更する カラースキーマとは？ カラースキーマを変更することで、フォントの色を自由に設定することが出来ます。 作り方 カラースキーマファイル自体はXMLなので頑張れば作れるのですが、めんどくさすぎるのでTmTheme Editorを使います。 TmTheme Editor TmTheme Editorの使い方 右下から言語を選ぶ Galleryからベースを選ぶ 変えたいところをダブルクリックして、色を変更 ダウンロードする これでカラースキーマファイルが作成できます。 Sublime Textへの反映 Packagesフォルダの下にあるUserフォルダに作成したスキーマファイルを設置 作成したスキーマをメニューから選択する. [基本設定]-[カラースキーマ]-[User]-[作成したスキーマファイル] ※Windows用(日本語化済み)なのでMac

Sublimergeの使い方 備忘録程度のもの インストール コマンドパレット（Ctrl+shift+p）から Sublimerge Pro をインストールします。 Sublimergeの使い方 基本コマンド コマンドパレット（Ctrl+shift+p）から Sublimerge Compare to View Sublimerge Compare to Clipboard もしくは 右クリックから Sublimerge>>Sublimerge Compare to View Sublimerge>>Sublimerge Compare to Clipboard のどちらかを選択します。 そうすると別ウィンドウにマージ専用ウィンドウが開きます。 差分がない場合警告が出てマージ専用ウィンドウは開きません。 開いているファイルが1つだけの場合 クリップボードとの比較のみできます。 開いているフ

先日DLしました高機能テキストエディタ「Sublime Text 2」における、特定のフォルダ内または開いているプロジェクト内の文字列を一斉に検索・置換する方法の作業メモ。 Sublime Text 2での一斉検索・置換 「Sublime Text 2」でのフォルダ内における文字列の一斉検索は「Find→Find in Files」より行います。 ショートカットは「command（winはCtrl）+ shift + F」です。 あとは出てきたウィンドウに文字列を入力すればおｋ。特に場所を指定しない場合は現在開いているフォルダーorプロジェクト内の文字列を検索してくれます。 また、左側のアイコンをクリックすれば「正規表現」や「大文字小文字を判別」と言ったオプションを使用することも可能です。 また、真ん中のボタンをクリックすると検索するフォルダーやファイルを選択できます。 ありがたいのは「c

前書き 前の記事では、emacsでHaskellのコードにシンタックスハイライトをつけようとして、うまくいかないという話をしていました。 そんなときにこんなリプライをいただきました。 Sublime text。なんでしょうそれは。 ぐぐってみたところ、最近話題沸騰中の素敵なエディタであるらしい。 Haskellのシンタックスハイライトつける機能あるの？と聞きましたら、 ということらしい。ふむ。 emacsに拘る理由もないし、いろんなエディタ試してみるのもよいかなと思いまして、SublimeText上でのHaskellプログラミング環境を作ってみることにしました。 本文 Windows8.1 Sublimetext3 で Haskellの環境構築をする手順です。 1.Sublimetext 3のインストールと初期設定 1-1.Sublimetext 3のインストール 公式ページ(http:/

Sublime Text 3 の初期インストール状態ではタブやスペースに色がついていないため、インデントに何が設定されているのか文字を反転させないと分からず困ることがあります。 以下のソースの L.7 ～ L.11 のインデントはスペースのみか、タブ混在なのか？ひょっとして全角スペースも混ざってたりしていないか？ そんな問題を解決する方法を解説していきます。 スペースやタブを可視化する半角スペース・タブを見えるようにする方法Sublime Text で設定を行えば、半角スペースとタブは可視化できます。ただ全角スペースだけは設定で可視化できないので、そちらについては後述します。 手順は次の通り。 メニュー [基本設定] → [基本設定] または [Preference] → [Settings] を開くと、左右に２つの設定画面が表示されます。左側がデフォルト設定で、右側がユーザー設定です。

みなさんはローカル開発環境でエディタは何を使っていますか？私は Java の場合は Eclipse で、PHP の場合は『Sublime Text2/3』を使っています。 Sublime Text を選んだ理由は4つ 右のミニマップが便利 動作が軽い vim 化が簡単 GUI のデザインがイケてる PHP みたいにコンパイルが必要ない言語は、サーバー上で vim を使ってちゃちゃっと書いちゃってもいいんですが、案件によってはサーバーにログイン出来ないこともあるしねー 今日はそんな Sublime Text で PHP を書いた後にそのまま実行して結果をコンソールに出す方法をご紹介。 1.　何はともあれ PC に PHP をインストールする PHP5.6 ダウンロードサイト へアクセスして、32bit版 or 64bit版をお使いの PC の環境に合わせてダウンロード Zip ファイルをダウ

先日PHPコーディングする際のエディタをEclipsePDTからSublimeText2に移行しました。使用歴は約1ヶ月程度ですが、ひと通り設定周りや利用しているパッケージが落ち着いてきたので備忘録として残しておきます。（デフォルトでも十分使える高性能なエディタですね、はい。） また、よく利用するショートカットも合わせてまとめておきます。 ※EclipsePDTに関するエントリーはこちら↓ 【PHP】PHPの開発環境（仮）に関するメモ - f.retu.TechLog （パッケージコントロールの導入）Installation - Package Control ビルドシステムにPHPを追加するSublimText上からPHPを実行できるようにします。（なぜデフォで入っていないのか。。） Sublime Text 2 >Tools > Build System > New Build Sys

この記事はSublime Text Advent Calendar 2014の16日目の記事です。 Sublime Textのスニペット、皆さん活用していますか？ 今回はそのスニペットの管理に役立つツールを作ってみましたのでご紹介致します。 目次 スニペットとは？ チームで共有しよう 一覧ツール おすすめスニペット ブログリレー企画”Adventar”に参加しています スニペットとは？ 以前こちらの記事でも取り上げましたが、改めて定義についておさらいしておきましょう。 ▼一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 コーディング作業には欠かせない機能で