[SublimeText]Emmetを使いこなすためのショートカットキー
Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書いているのでぜひ見てほしい。 Match Tag Pair[SublimeText2]Bracket Highlighterで括弧を強調表示する | DevAchieveの括弧内全選択のHTML限定版。 キーひとつで範囲広げたりできるのでHTMLメインならEmmetの方が便利。 Sublime Text 2 では単語選択のショートカットとかぶっているのためか、ショートカットキーが異なる。 Ctrl + d: 選択範囲拡大 Ctrl + j: 選択範囲縮小 Go to Matching Pai
「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ
HOME>Web>「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ Compass、Sass（Scss）とは？ Sass（Scss）とは？ Sass（Scss）とは、CSSを記述するために開発されたメタ言語のこと。長くなりがちなコードを短くできたり、関数などを使用してより便利にスタイルシートが書けるという代物です。CSSの管理が非常に楽になります:) Sassには、プログラムのような書き方をする「Sass」と、よりCSSに近い記述が可能な「Scss」とがあるのですが、根本的には変わりありません。（記述方法が違う） ちなみに、私はScssを利用しております。 どんなことができるの ではちょいと実例をば。ScssではCSSを簡単に書くためのルールがたくさん用意されておりますのでさっくりとご紹介。 [css]
「Sublime Text 2」にて特定のフォルダ内にあるファイルの文字列を一斉に検索・置換する方法
先日DLしました高機能テキストエディタ「Sublime Text 2」における、特定のフォルダ内または開いているプロジェクト内の文字列を一斉に検索・置換する方法の作業メモ。 Sublime Text 2での一斉検索・置換 「Sublime Text 2」でのフォルダ内における文字列の一斉検索は「Find→Find in Files」より行います。 ショートカットは「command（winはCtrl）+ shift + F」です。 あとは出てきたウィンドウに文字列を入力すればおｋ。特に場所を指定しない場合は現在開いているフォルダーorプロジェクト内の文字列を検索してくれます。 また、左側のアイコンをクリックすれば「正規表現」や「大文字小文字を判別」と言ったオプションを使用することも可能です。 また、真ん中のボタンをクリックすると検索するフォルダーやファイルを選択できます。 ありがたいのは「c
Sublime Text 2 プラグインチュートリアルのまとめ - Qiita
ほぼ公式認定 Sublime プラグインチュートリアル、How to Create a Sublime Text 2 Plugin から、メモ書き程度に要点を抜き出しています。また、説明が不十分なものに関しては他のドキュメントを参考に説明を加えています。元ネタはチュートリアル形式になっています。チュートリアルの完成形コードが GitHub にありますので、ご参考までに。 - Sublime Text 2 API Reference と Default パッケージを参照しながら作っていくといいよ。 作成するPythonファイルの名前 .pyで終わっていれば、ぶっちゃけ何でもよい。 インポート sublime と sublime_plugin の、２つのパッケージが必要。 クラス宣言 sublime_plugin パッケージの３つのクラスのどれかを継承する。 TextCommand View
SublimeText2設定メモ - Qiita
全体の設定 Sublime Text2 > Preferences > Settings - Userから設定を編集できる。 設定できる内容はDefaultの方を参考にする。 Defaultを修正してもいいけどUserに上書きされる。 現在の設定 { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "font_size": 12.0, // カーソル行をハイライト "highlight_line": true, // 未保存タブを強調表示 "highlight_modified_tabs": true, // 使用しないパッケージはなし、これでVimのキーバインドが使える "ignored_packages": [ ], // インデントガイドラインを常に表示 "indent_guide_options"
Sublime Text 2 Tips and Tricks (Updated) | Envato Tuts+
Sublime Text 2 is one of the fastest and most incredible code editors to be released in a long time! With a community and plugin ecosystem as passionate as this one, it just might be impossible for any other editor to catch up. I'll show you my favorite tips and tricks today. Sublime Text 2 is currently available for all major platforms: OS X, Linux and Windows. 1 - Bleeding Edge Versions Sublime
[Mac][Win]Sublime Text のススメと最初にすべき日本語入力環境の改善
様々な宗教戦争が発生してるエディタ界隈ですがここに来て第三勢力（そう呼ばれたのはたくさんありそうだけど）のSublimeTextがなかなか良かったので紹介をしたいと思います。ここでは、主にWindows環境について記載しますがこのSublimeTextは、Linux/Windows/Macとマルチプラットフォームで稼働するのも見逃せないポイントですね。これまでの多くのエディタ同様に様々なことが出来る統合型のエディタですがなにより最初から「ある程度使える」というのが一番ではないかと思います。 Sublime Text: The text editor you’ll fall in love with http://www.sublimetext.com/ 日本語入力のインライン入力 日本語環境として見た場合、インラインでの入力ができないのが一番使いづらいところかと思います。この問題を解消する
![[Mac][Win]Sublime Text のススメと最初にすべき日本語入力環境の改善](https://cdn-ak-scissors.b.st-hatena.com/image/square/58190c1a8d8a01327a07acd5d3d869ca099724a8/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fwww.roguer.info%2Fwp-content%2Fuploads%2F2012%2F11%2F103112_113819_PM_thumb1.jpg%3Ffit%3D320%252C217%26ssl%3D1)
Sublime Text 2 のメニュー項目一覧 - blue_ham_cake1024のブログ
公式ドキュメント 非公式ドキュメント 追記 メニューの日本語化やショートカットキーの一覧(日本語付き)がありました。これを使えば分かりやすくなりそうです。 Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ Sublime Text 2: ゆーがいぶろぐ Fileタブ New File 新しくファイルを作る。 Open File ファイルを開く。 Open Folder フォルダを開く。開くとエディタの左側にファイラが表示されるようになります。便利。 Open Recent 最近開いたファイルまたはフォルダを開く。 Reopen with Encoding 別のエンコードで開き直す。開いたファイルが文字化けしていたときに使います。 New View into File 今開いているファイルを新しいタブでもう一度開く。 Save 保存。 Save with Encoding エ
【Windowsアプリケーション】Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ
こんにちは。 またST2ネタです。 カスタマイズがテキストベースで簡単にできてしまうため、メニューバーとコンテキストメニュー（右クリックメニュー）を日本語化してみました。 せっかくなのでシェアします。 いくつか留意点があります。 Googleドキュメントを利用して一般公開します。 Userフォルダに置いても何故かほとんどの項目がオーバライドされないので、Defaultファイルを差し替えて使うことになります。 オリジナルファイルのバックアップを必ず取ろうね！ 各メニューのトップ要素は英語表記のままです。 これは、一部プラグインがメニュー表記をオーバライドしやがるためで、不統一となるくらいな日本語化しないほうがいいや、と思ったからです。 私のセンスで日本語化しちゃってます。 納得できない項目もあるでしょう。 お好みに合わせて変更してください。 メニュー項目ということで簡素に表現する必要があり、
Sublime Text 2 のDefault設定ファイルを眺める - blue_ham_cake1024のブログ
この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。 Sublime Text 2 のDefault設定ファイル 本文 Default設定ファイルとは、Sublime Text のデフォルトの動作の設定が記されたファイルのことです。Default設定ファイルはメニューのPreferencesタブの"Settings - Default"から開けます。 早速設定ファイルを眺めていきましょう。 設定ファイルは1個のJSONオブジェクトからなっています。このJSONオブジェクトに色々なプロパティを設定して、ひとつの設定ファイルとしているようですね。 その
Sencha Touch 2 Recipes #5: Sublime Text を使って開発する
開発部 川野です。今回は少し趣旨を変えて、開発の Tips ではなく、Sencha Touch アプリの開発に適したエディタをご紹介させて頂こうと思います。 Sencha Touch のアプリは、規定の MVC（Model View Controller）構成でプロジェクトを作ることが想定されています。また、JavaScript ファイルを動的に読み込む機能や、Sass のコンパイルでも、規定のディレクトリ構成に従ってファイルが配置されていることを前提にしています。 こういった構成を強制されることでファイルが適切に分割されてメンテナンスし易くなるのですが、その分、ファイルの数が増えることになります。私が普段使っているエディタはバッファ間の移動が苦手なので、プロジェクトのファイルが増えてきた場合の移動が煩わしく、何かよい解決策がないか考えていました。 Sencha 社が提供しているスクリーン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Sublime Text 2」の便利なパッケージとショートカット｜株式会社アクトゼロ｜クリエイティブブログ
Blogger