Sublime text 2

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ最近こんな記事を読みました。【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーデ…

じっくり解説SublimeText:ExportHtml コードカラーリング状態で印刷

わお! コードを印刷するとき、コードカラーリングした状態で印刷するとすげー見やすい! 普段コードを印刷なんてしないぜ! ま、だいたいそうなんですけどね。寝転んで眺めたいなとか、 何か書き込みながらデバックしたいなとか、たまーにたまーに、だけど…

じっくり解説。SublimeText3にEmmetをインストールする

sublime text3 emmet というキーワードで検索されている事が多いようなので、じっくり解説です。 画面はmacのものですが、windowsでも同じような操作でインストールできます。 SublimeTextは、パッケージで機能追加 SublimeTextは、2も3も、パッケージと呼…

おれのさぶらいむてきすと:<新機能あり>Emmetのver1.1(bata)登場!

この記事は、おれのさぶらいむてきすと Advent Calendar 2013の24日目です。昨日はquattro_4さんの おれのさぶらいむてきすとのしょーとかっと動画 - quattro_4's diaryでした。みんな大好き Emmetのver1.1(bata)が登場しました。 インストール方法 http://e…

じっくり解説!おれのさぶらいむてきすとInputSequenceプラグイン

この記事は、おれのさぶらいむてきすと Advent Calendar 2013の19日目です。昨日は@jugyoさん、だったのですが、すごいことになっています。。さて、 Sublime Textは、マルチカーソルが便利ですよね。 そんなマルチカーソルで便利な、InputSequenceプラグイ…

Sublime Text:ドット「.」で始まるファイルをサイドバーのプロジェクトに表示する方法

Sublime Text 便利ですよね。Webの仕事をしていると、.htaccessとかドットで始まるファイルを編集する事がよくあります。 そんなとき、Sublime Textのサイドバー(Project)に、これらのファイルが表示されると便利ですよね。macの場合、裏技じゃないと思う…

Sublime Text:サイドバーのProjectの名前を変更する方法

Sublime Text 便利ですよね。 フォルダをドラッグして、プロジェクトとして管理できたり。。。でも、いくつものプロジェクトを同時に開いているとき、 フォルダの名前がプロジェクト名になるのって困りませんか? 同じような名前のフォルダを使いますよね。…

Sublime Text:保存するとブラウザを自動で更新、Sass使用でもOK!

Sublime Text便利ですよね。マークアップ作業中に、 *Sublime Textで書き換え+保存 *ブラウザをアクティブにして、更新 って、何度やっているでしょう。。ということで、、 Sublime Textの上書き保存とChromeの更新をワンタッチで行う方法 Browser Refles…

Sublime Text:インデント(tab)を言語ごとに設定する方法

Sublime Text便利ですよね。今回は、インデントを言語ごとに設定する方法です。例えば、 ・html の場合は、横に長くなるのでインデントは控えめに2文字分。 ・css は見やすく4文字分。 とか。。そして、インデントをtab文字にするか、文字数分のスページ文字…

じっくり解説!Sublime Text 2 プラグイン 「Goto-CSS-Declaration」

Sublime Text 2 での作業楽しいですね。 そんな作業をもっともっと楽しくするプラグインの紹介。今回は、本当に便利なプラグイン「Goto-CSS-Declaration」です。htmlを編集中に、ショートカットキー一発でcssの該当idやclass、要素にジャンプできるという、…

じっくり解説!Sublime Text 2 プラグイン 「AutoFileName」

Sublime Text 2 での作業楽しいですね。 そんな作業をもっと楽しくするプラグインの紹介。今回は、必須ともいえるプラグイン「AutoFileName」です。htmlやcssを書いているときに、ファイルを指定する事よくあります。 そんな時にめちゃ便利なプラグインです…

Sublime Text 2 に Package Control をインストールする

とても便利な Sublime Text 2。 いろいろと書いてきましたが、パッケージコントロールのインストール方法をちゃんと書いてなかったので、ここにメモしておきます。パッケージコントロールを使うと、プラグインのインストールが劇的に楽になります。 そして、…

簡単解説! Sublime Text 2 を Windows8 にインストール

1.ダウンロードhttp://www.sublimetext.com/2公式サイトから、Windows 64 bit (PC環境に合わせて選択して下さい)をクリックし、ダウンロード 2.インストール ダウンロードした 「Sublime Text 2.0.1 x64 Setup.exe」 を実行する 3.パッケージコントロ…

Sublime Text 2 + Emmet で閉じタグの後ろにコメントを加える設定

Emmetのカスタマイズ シリーズ1 1で終わるかも。。(笑)前回、「Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法」という記事を書きましたが、ZenCodingの新しいバージョン、Emmetを使っている人も多いと思います。 そこで、今回は、Emm…

じっくり解説!Sublime Text 2 プラグイン 「ColorPicker」

Sublime Text 2 での作業楽しいですね。 そんな作業をもっと楽しくするプラグインの紹介。 今回は、Color Picker。 CSSやSCSSを書いているとき、簡易にカラーコードを入力するのにとても便利! これ、とりあえずPackageインストールしている人多いと思います…

Sublime text 3 beta を windowsで使ってみた

まだ、Sublime text 2を使い始めて数か月、全然使いこなしているとは言えないが、新しいバージョンのベータ版が出たので、ひとまず、比較を兼ねて使ってみる。 1.まずはダウンロード&インストール このベター版を使うためには、登録ユーザーであることが…

フロントエンドエンジニアのための Sublime Text 2 の導入から環境設定(Windows)

大流行りのテキストエディタ、Sublime Text 2をWindowsに導入から環境設定までをまとめたよ。 【1】まずは、本体のダウンロードとインストール ここからね。http://www.sublimetext.com/ 【2】メニューの日本語化 Main.sublime-menuhttps://docs.google.co…

Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法

Dreamweaver用の閉じタグの後ろにコメントを加える方法は、http://d.hatena.ne.jp/AyeBee_TY/20111017/1318834963で、みつけて便利に使わせていただいてましたが、Sublime Text2を使うことが多くなり、探したけど見つかんない!って、ことで自分でいじってみ…