タグ

SublimeText2に関するsyan0のブックマーク (18)

  • プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider

    Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)/Command(Mac)+Kキーで選択がスキップできる(図2.1)。また、Ctrl(Win)/Command(Mac)+Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)/Command(Mac)+Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)/Command(Mac)+Uキーは、Ctrl(Win)/Command(Mac)+ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt+F3キー(Win)/Ctrl+Command+Gキー(Mac)で行える。 Expand S

  • Sublime Textでインデントを綺麗に治す方法 | DECONCEPTER

    Sublime Textで気軽にコードフォーマットを行う方法を紹介します。 HTML Tidyなどのコードフォーマットプラグインがありますが、htmlやhead要素を自動で挿入してしまい、テンプレート系のファイルをいじっている時に困ります。 デフォルトの機能でフォーマットする機能がありますので、ショートカットを割り当てていつでも簡単に呼び出せるようにします。 整形したい行を選択して、メニューからEdit > Line > Reindentを選択すると親ノードに対してView > Indentation > Tab Widthで選んでる幅に整形されます。 このReindent機能にショートカットを割り当てます。 Sublime Text 2 > Preferences > Key Bindings – Userを選択するとDefault (OSX).sublime-keymapというファイル

  • ブラウザのtextareaでもSublime Textを利用する | Program | position: absolute;

    このエントリーはWeb制作者のためのSublime Textの教科書のアウトテイク的なエントリーです。 CMSなどを用いて制作や運用をしていると、どうしてもtextareaとの付き合いが多くなります。チャチャッと終わる場合はいいのですが、テキストが多い場合や、HTMLやマークダウンで入力するときはエディターでやりたくなります。コピーペーストでも良いといえば良いのですけど、そういうひと手間は減らすに限るので、そのやり方をいくつか紹介しておきます。 ちなみにSublime Textとしているところをそれ以外の自分のお気に入りのエディターにしてしまえば大体そのまま利用できると思います。 WindowsではText Editor Anywhere Windowsを利用している場合はText Editor Anywhereでいいと思います。私もWindows環境ではこれでSublime Textを利

    ブラウザのtextareaでもSublime Textを利用する | Program | position: absolute;
  • Sublime Text 2 で画像のプレビューを簡単にするパッケージ「Sublime-Text-2-Image-Viewer」

    「Sublime-Text-2-Image-Viewer」というパッケージを入れると、たとえば以下のようなHTMLCSSの画像ファイル名をプレビューしたい場合、 <img src="img/image.png"> background: url(../img/image.png); 画像ファイル名の上にカーソルを置いて、 command + i ショートカットキーを押せばプレビューできるようになりますヽ(*´ω`*)ノ このパッケージはパッケージコントロールからインストールできないので、Zipファイルを落としてきて手動でパッケージのディレクトリに入れるか、git clone する必要があります。 rmaksim/Sublime-Text-2-Image-Viewer · GitHub Zipファイルをダウンロードしてインストールする場合 上記のGitHubページからZipファイルをダウン

    Sublime Text 2 で画像のプレビューを簡単にするパッケージ「Sublime-Text-2-Image-Viewer」
  • Sublime Text 2 のプラグインを作る

    開発部 川野です。最近、Sublime Text が流行っていますよね。私の周りでも、Sublime Text を使っている、というエンジニアが増えてきたように思います。 パワフルでモダンなエディタを探している方は、ぜひ一度試してみてはいかがでしょうか。 そんな Sublime Text ですが、魅力のひとつに便利なプラグインの存在があります。記事では、Sublime Text のプラグイン開発について取り上げてみようと思います。 Hello, World! Sublime Text のプラグイン開発を始めるのは、とっても簡単です。メニューバーの Tools > New Plugin.. を選択して下さい。雛形となるプラグインのコードが記述されたバッファを作ってくれます。Sublime Text のプラグインは、Python を使って書いていきます。 このプラグインは、バッファの一番最初

  • Package Control

    Install Now The Sublime Text package manager that makes it exceedingly simple to find, install and keep packages up-to-date.

  • Sublime Text 2 Color Schemes · Theneum

    I got tired of not being able to quickly compare different Sublime Text 2 color schemes and themes so I’m making this gallery. All color schemes are with default ST2 theme and font. Color schemes change the colors of the code area but don’t change the other parts of the UI, the sidebar color for instance. Dark color schemes will typically look better paired with a dark theme but I’ve just kept the

  • Sublime Text 2でCoffeeScriptのコンパイルをするバッドノウハウ

    はやりのSublime Text 2を使ってます。 会社ではWindows、自宅ではMacと環境がもろ違うんですが、同じエディタが使えるのは非常に良いです。 で、最近コード書こうと思ったらCoffeeScriptで書いてしまうという中毒症状が出始めてるので、そのあたりの環境作った時のメモを。 ※個人的にはCoffeeScriptはおすすめしません。理由はいくつかあるんですが、最大の問題点はネットに落ちてるJSのコードをそのままコピペで動かせないから、ちょいと変換とかするのがなんとも。 とりあえずSublime Text 2でCoffeeScriptを書くのに便利なツールを入れるんですが、今回のゴールは、 複数のCoffeeScriptファイルを保存するだけで勝手にコンパイルしてくれて、サクサクっとコードを書いていきたい という所です。 とりあえず、前段として、CoffeeScriptのイン

  • Sublime Text: InputSequence でキャレット位置に連番 :: log.chocolateboard

    Sublime Text: InputSequence でキャレット位置に連番 Sublime Text の機能である複数キャレット。キャレット位置に連番入れたい!と思っていたときに出会ったプラグイン。 しばらく使ってみた結果、これは使いつづけるなぁって思ったプラグインのひとつです。作ってくれている人に感謝 XD kope88/InputSequence ←なくなっちゃったぽい?kazu1107/InputSequence ←新しいぽいこの記事は「kope88/InputSequence」のリポジトリがあった頃に書かれたものです。「kazu1107/InputSequence」の詳しい使い方は README をご確認ください ;D 1. 複数箇所にキャレットを置く複数箇所にキャレットを置くときは、ctrl + shift + ↑ か ctrl + shift + ↓ か *cmd 押しなが

    Sublime Text: InputSequence でキャレット位置に連番 :: log.chocolateboard
  • UnityのコードをSublimeTextで編集するAsset、販売中

  • 使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 |https://wp.yat-net.com/name

    2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 カテゴリ: PCツール タグ:エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に!プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ

    使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 |https://wp.yat-net.com/name
  • 【Windowsアプリケーション】Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ

    こんにちは。 またST2ネタです。 カスタマイズがテキストベースで簡単にできてしまうため、メニューバーとコンテキストメニュー(右クリックメニュー)を日語化してみました。 せっかくなのでシェアします。 いくつか留意点があります。 Googleドキュメントを利用して一般公開します。 Userフォルダに置いても何故かほとんどの項目がオーバライドされないので、Defaultファイルを差し替えて使うことになります。 オリジナルファイルのバックアップを必ず取ろうね! 各メニューのトップ要素は英語表記のままです。 これは、一部プラグインがメニュー表記をオーバライドしやがるためで、不統一となるくらいな日語化しないほうがいいや、と思ったからです。 私のセンスで日語化しちゃってます。 納得できない項目もあるでしょう。 お好みに合わせて変更してください。 メニュー項目ということで簡素に表現する必要があり、

  • Sublime Text 2の基本とカスタマイズ【Vim風】

    2012年12月4日:Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです(ちなみにVimを完璧に使いこなしているわけではありません)。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします! Sublime Text 2は有料($59)の

  • 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 | DevelopersIO

    こんにちは、ちょっと年末前くらいから、「Emmet」というキーワードを聞くようになり、 日頃お世話になっている、sublme text 2でも使えるということで今回、上下巻に分けてご紹介したいと思います。 アジェンダ Emmetとは? 誰が開発してるの? Emmetプラグインのインストール! インストール後の設定 どんな感じがさわってみる。 おまけ Emmetとは? はじめて「Emmet」を聞いた方は「Emmetってなに?」となるかと思いますので、簡単にご説明をできればと思います。 それでは、「Zen Coding」はどこかでお聞きしたことがあるのではないでしょうか? 「Zen Coding」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLCSSのマークアップ手助けしてくれる、すごいツールで認知度も高いと思います。 その「Zen Coding」が名前を変えて&進化

  • 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 エ

    Sublime Text 2 のメニュー項目一覧 - blue_ham_cake1024のブログ
  • Sublime Text 2 + Emmet で日本語入力がうまくいかない症状の解決法 - understandard

    Sublime Text 2 + Emmet で、変換候補を確定するためにエンターキーを押すと、変換が無視され、改行が入ってしまいます。 この症状の解決法は、ひらい さだあきさんが2012年11月7日に第0回 Sublime Text 2勉強会で発表された資料に書かれています。 第0回 Sublime Text 2 勉強会 で Emmet について話してきた – techlog 解決法の該当箇所は、SlideShare の20〜21ページです。 解決法 以下の解決法は、先に紹介したひらいさんの記事および発表資料からの引用となります。 また、Mac 版での操作方法なので、Windows 版もしくは Linux 版の場合は適宜読み替えてください。 Preferences → Settings – User を開く ( command + , でも開きます )"disable_formatted

  • 「Sublime Text 2はじめました!」に贈る日本語での情報のリンク集 | Program | position: absolute;

    隣の席の人が「Sublime Text 2はじめます!」って言って来たのでTwitterでメンションつけてURLを投げたら有用と思う人がおられるみたいですのでまとめておきます。(2013年01月22日現在) こういうの「ねいばーまとめ」にでもしておけばいいのかなあ。まあ、いいや。 Advent Calendar 2012 Sublime Text 2 Advent Calendar 2012 ドットインストール Sublime Text 2の基礎 (全12回) - ドットインストール 紹介記事 【コラム】イマドキのIDE事情 (143) 今話題の高機能テキストエディタ「Sublime Text 2」その人気の理由は? | 開発・SE | マイナビニュース カスタマイズ自由・軽量なエディタ「Sublime Text 2」 | ACTZERO - 株式会社アクトゼロ 総合 Sublime Te

    「Sublime Text 2はじめました!」に贈る日本語での情報のリンク集 | Program | position: absolute;
  • Emacsの人が大人気なかったのでSublime Text 2で画像表示するプラグイン作った。 - このブログは証明できない。

    福岡の「しかじろう (id:re_shikajiro)」が東京の「しまじろう」にインスパイアされて開催したSublime Text 2勉強会に参加してきた。 福岡 Sublime Text 2 勉強会-第0回- : ATND SublimeText2勉強会@福岡 - しかじろうが make するよ! Sublime Text 2は一度起動しただけの初心者だったけど、すごく興味があったので参加してきた。一度起動してVimのキーバインドにしてコロンを打った瞬間にそっと終了しただけだったけど、すごく興味があったので参加してきた。 Sublime Text 2はいろんなプラグインがあって便利そう。しまじろうさんのプラグインまとめにステキそうなのがたくさん載ってる。そして、下の方までスクロールしていくと、コメント欄が「しまじろう」と「しかじろう」が交互に並んでて、Sublime Text 2は便利そ

    Emacsの人が大人気なかったのでSublime Text 2で画像表示するプラグイン作った。 - このブログは証明できない。
  • 1