Sublime Text 2 単体でLESSをコンパイルする設定方法
Sublime_Build_LESS.md Sublime Text 2 単体でLESSをコンパイルする方法 まずはnpm（Node Package manager）でlessをインストール 環境によってはsudoを付ける。 $ (sudo) npm install -g less Node.jsを入れてない場合はこちらを参考に。 https://gist.github.com/gaspanik/5410891 （元々lessというコマンドがあるのでコマンドラインでそのまま使う場合はlesscがコマンド名） Sublime Textにプラグインの「LESS Build」を入れる。 インストールはPackageControlから。https://github.com/berfarah/LESS-build-sublime Sublime TextのビルドシステムはPATHを通さないとエラーに
Web開発を爆速にする！Sublime Text 用のすごい拡張プラグイン厳選15個まとめ
Sublime Text は現在もっとも人気のあるコードエディタのひとつです。そのスピードとシンプルさ、豊富なプラグインで多くのプログラマーに愛されています。最大限に Sublime Text を活用するために、今回は普段よく利用している拡張機能をまとめてご紹介します。 詳細は以下から。 Package Control まずはじめに Package Control をインストールしなければ始まりません。Sublime Text の拡張機能を管理するためのパッケージで、これなしで拡張機能のインストール、削除も大変な作業となってしまいます。今回紹介するプラグインをインストールする前に、まず最初に行いましょう。 詳しいインストール方法については、こちらのページを参考にどうぞ。 JavaScript & NodeJS Snippet より素早くJavaScriptを記述することができるスニペットの
sublimeプロジェクトの管理しよう - Qiita
{ "folders": [ { "path": "/path/to/project/report5" }, { "path": "/path/to/project/report4" } ] } これに追加するとそのプロジェクトだけ有効になります。便利ですね！ 以下のものが設定できます。 folders path フォルダーへのパス。必須 name サイドバーでの表示名 file_exclude_patterns 非表示にするファイル名のパターン folder_exclude_patterns 非表示にするディレクトリ名のパターン file_include_patterns 表示にするファイル名のパターン folder_include_patterns 表示にするディレクトリ名のパターン setting PreferencesのUser settingsを上書きすることが出来る。 buil
Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog
こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A
SublimeText2/3 環境設定とか（基本3） - Qiita
{ "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme", "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "flatland_square_tabs": true, "font_size": 18, "highlight_line": true, "ignored_packages": [ "Vintage" ], "itg_small_tabs": true, "tab_size": 2, "theme": "Cobalt2.sublime-theme", "translate_tabs_to_spaces": true, "font_options" : ["gray_antialias"] } ちなみに設定ファイルは js
Sublime Text 2とCtagsの組み合わせがすごい。開発スピードUP[Mac版] | codechord
Posted 3月 28th, 2013 by codechord. 0 Comments Tweet Tweet Sublime Text 2では、Ctagsプラグインを使うことによって、コードナビゲーション（Class/Functionが定義されてるところへジャンプ）できるようになります。 これ、僕のベスト10には入ってくる、お気に入りプラグインです。 コーディング中にふとClassやFunctionの動作を知りたくなった時にいちいちFunction名をサイト内検索したり、ドキュメントサイトを開いて探さなくても、キーバインドで瞬時にそのClass/Functionが定義されてるところへジャンプして確認できると。 （こういった機能のこと、コードナビゲーションとかコードナビゲートと呼ばれているようだ。NetbeansやEclipseなんかでは標準でついてる機能なのかな。Sublime Te
![Sublime Text 2とCtagsの組み合わせがすごい。開発スピードUP[Mac版] | codechord](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9a5cf08018bbc862c670b23b2b6de9a5eedb8f0/height=288;version=1;width=512/https%3A%2F%2Fcodechord.com%2Fwp-content%2Fuploads%2F2013%2F03%2Fctags.jpg)
Sublime Text2をRails開発に使うための解説
新しいサイトに移行しました ついに、Sublime Text2がβ版から正式版になりました。 http://www.sublimetext.com/ Ruby on Railsでの開発にはEmacs, Vim, TextMateを使っている人が多く、 IDEが好きな人はRubyMine, aptana studioを使っているようです。 私はTextMate, RubyMine, Emacs, aptana studioを試し、最終的にエディタはTextMate、IDEはRubyMineと、状況によって使い分けてきましたが、Sublime Text2はTextMateの代替として非常に優秀でなので、最近はほとんどTextMateを使っていません。 そこで、ここでは主にTextMateからSublime Text2への移行を検討する方を想定し、このエディタでRailsでの開発をするイメージを
Simple Rails Navigator をSublime Text 3に導入 - アプリなどを開発するブログ
Sublime Text 3 は2014.1月時点でβ版ですが、 メインで使ってる人も多そうなので、自分もメインに切り替えました。 まだPackageで対応してないものもあるようです。 Railsの開発効率をアップするSimple Rails Navigator (SublimeRailsNav)も 対応してませんが、3対応のブランチが出てるので、 一旦こちらを使います。 Git からclone $ git clone http://github.com/noklesta/SublimeRailsNav ブランチを移動 $ git checkout ST3 パッケージインストール 上メニュー > Preference > Browse Package で出てきたディレクトリに、cloneしたディレクトリ( SublimeRailsNav )を入れる。 キーバインドの設定 ドキュメントに倣っ
オレオレ Sublime Text 環境まとめ - Qiita
オレオレな Sumlime Text 環境について、まとめています。 主に、Ruby や Rails や Corona SDK などで利用しています。 設定 { "color_scheme": "Packages/RailsCasts Colour Scheme/RailsCastsColorScheme.tmTheme", "corona_sdk_use_daily_docs": true, "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "font_face": "Anonymous Pro", "font_size": 18, "highlight_line": true, "itg_sidebar_tree_small": true, "itg_xsmall_tabs": true, "margin
Sublime Text で Markdown を快適にする3つのパッケージ - 情報系大学院生のWebメモ
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 3 で PHP を ビルドする方法 | WebMemo
sublime text 3 で PHP をビルドできないかな〜と探していたら、その方法が見つかったので、メモっておきます。 まずは、sublime text 3 のメニューバーから以下を選択Tool -> Build System -> New Build System...ここで、新規ファイルが開くので、以下をコピーして貼付ける{ "path": "/usr/local/bin:$PATH", "cmd": ["php", "-f", "$file"], "selector": "source.php" }以下の名前で保存。PHP.sublime-build適当にPHPのファイルを作成して、command + B を押してみる。 例えばこんな PHPプログラム。<?php echo ("Hello, World\n"); ?>作成後ファイルを保存して、command + B を押すと
Sublime Text3をコマンドラインから開くようにする - Qiita
Sublime Text3のパッケージ内にsublコマンドがおいてある。 /Applications/Sublime Text.app/Contents/SharedSupport/bin/subl これにファイルを渡せばSublime Text3で開ける。 これを直接コマンドラインで叩くには ~/.bash_profile とか ~/.profile とかに alias を定義する パスの通っているところにシンボリックリンクを貼る パスの通っているところにコピーする この記事では２でやってみる。 基本的に自分がインストールしたコマンドは/usr/local/binに置かれるので、それに倣う。
Sublime Text初心者向け：覚えておけばとりあえずラクできるおすすめショートカットキーまとめ
こんにちは、霙(@xxmiz0rexx)です。 立て続けに記事を書いてしまうほど愛してやまない魅力的なエディタ『Sublime Text』。 便利な機能は星の数ほどありますが、今回はこれだけ覚えておけばSublime Textの恩恵にあずかれるはず！！という、 私のオススメショートカットキーたちをご紹介したいと思います:) ※Mac版です 覚えておきたいショートカットキー とりあえず一番オススメの3つをご紹介。とっておきの便利な子たちがいます。 私がSublime Textを使う理由の最たるものがこれで、もっと言うとこれがあるから使っていますｗ みぞれが選ぶ最も便利なショートカットキー3個 入力コマンド 結果
Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog
こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A
Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozc(もずく)を使って Mac OSX の Sublime Text に日本語入力する方法 [Sublime Text 3 の参考書（実践編）Wiki]
Mac(El Captain) に Sublime Text3 で Ruby on Rails の開発環境を構築する - Qiita
IDEA * IDEA
コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
