軽量で高機能なテキストエディタ「SublimeText2」で CoffeeScript とか。
CoffeeScriptのシンタックスは、手動でインストールします。 $ cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/ $ git clone git://github.com/jashkenas/coffee-script-tmbundle CoffeeScript vimもいいけど、こんだけ軽いと浮気しそうです。vimのキーバインドもできるのね。（それでもまたvimに戻るのでしょうけど。） 参考： プログラミングエディタ Sublime Text2 を使ってみよう！ http://d.hatena.ne.jp/mizchi/20111021/1319167480
より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて本編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ｀)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。
一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 | codechord
Posted 12月 13th, 2012 by codechord. 8 Comments Tweet Tweet こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。 http://www.adventar.org/calendars/20 釣りタイトルですいません。 記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。 僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか？SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。 SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これっ
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
Sublime Text 2 + Sass + Compass + Emmet 最強説！導入方法と自動アップロードの設定まとめ | Cappee Design
本日が決算日の@cappeeです。 Sublime Text 2 + Sass(SCSS) + Compass + Emmet(Zen-Coding) 最強説！ ついにたどり着いてしまったかもしれません。 今話題にもなっている通り上の4つがタッグを組むことでものすごい効率的にコーディングができます。（そこまでまだ使いこなしてないので、正しくは「できそうです」。） せっかくなので導入するにあたり参考にさせていただいたサイトのまとめとつまづいたところなどをメモしておきたいと思います。 導入のキッカケ 話題すぎるほど人気のツールですので導入を検討するために調べてみたりはみなさんすでにしているかと思います。 私はDreamweaverを使用していてEmmet(Zen-Coding)は今までも活用してきたので、さらなるスピードアップを求めてSass+Compassの導入をしようと思っていました。 S
[Mac] ターミナルから Sublime Text 2 を開く subl コマンドを設定してみた（ついでにST2→ターミナルも）
「subl」を使えるようにするには、ターミナルで以下のコマンドを入力してシンボリックリンクを作成します。ほんのちょっとだけ公式ドキュメントと違うパスでやってみました。 sudo ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" /usr/bin/subl subl というコマンドが長いなーと思う場合は、もっと短くしてもいいかも。 subl -h でヘルプが表示されればめでたしめでたし。 subl . で、ターミナルからカレントディレクトリをさっと Sublime Text 2 で開けるようになります。 ターミナルからST2へ行きやすくなったので、今度はその逆、ST2からターミナルを開くパッケージを入れてみました。 Sublime Terminal – a Sublime Text 2 Packa
![[Mac] ターミナルから Sublime Text 2 を開く subl コマンドを設定してみた（ついでにST2→ターミナルも）](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6de87ab830fd673bd314da57e943dc9cd02bbf8/height=288;version=1;width=512/https%3A%2F%2Fm.designbits.jp%2Fmedia%2Fskitched-20130522-144305.png)
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog Sublime Text2の複数カーソルの使い方 #SublimeText2 – Qiita [キータ] SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ | 濃紺ピッチャー Emmet系 Sublime Text 2のEmmetでdivの閉じタグにコ
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻 | DevelopersIO
ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil laborum vero possimus. Nobis velit iste eveniet atque aspernatur! Repellendus illum nulla similique quia.</p> <p>Magni sapiente dolorum dolorem expedita natus eaque aut nesciunt modi libero aspernatur omn
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ – T2
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ 11月 18, 2012 admin 導入はめちゃくちゃ簡単 下記記事でインストールまで簡単に。 直近だと下の2つ見ておけば大体おｋ Permalink to Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ [Event][SublimeText]第0回 Sublime Text 2 勉強会 で Emmet について話してきた ダウンロード Dev Builds 初期設定等は上記記事にある設定をリスペクトしました笑 Packageのインストール Sublime TextはHTML5等パッケージをインストールする事で使えるようになります。 Dreamweaverではファイルを新規作成時、H
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」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLやCSSのマークアップ手助けしてくれる、すごいツールで認知度も高いと思います。 その「Zen Coding」が名前を変えて＆進化
Sublime Text 2がプログラミング人生を変えるかも知れない
Sublime Text 2がプログラミング人生を変えるかも知れない programming sublime editor はじめに 最近話題のエディタ,SublimeText2,ボクもかなり気に入っています. なんといってもその豊富なプラグイン(vim,emacsには劣るが),そしてそれらの導入コストの低さなどが優れてSublimeTextの優れた点ではないでしょうか. 今回はボクがSublimeを使い始めてから入れたプラグイン,設定,よく使うキーバインドなどをまとめて行こうと思います. インストール,初期設定 SublimeTextは本家のサイトからダウンロードできます. http://www.sublimetext.com/ headerのdownloadから自分の環境にあったものをダウンロードしてください. 今回,記事中ではボクの環境がmacなのでmacのキーバインド,操作方法で紹
Windows版「Sublime text 2」で日本語をインライン入力する方法 | 株式会社WEB企画
最近、様々なブログメディアで話題になっている、“恋に落ちるエディタ”で有名な「sublime text 2」ですが、Windows環境でインストールする際は、ちょっと気をつけたいことがありましたので、ご報告いたします。 日本語入力がインライン入力にならない 「sublime text 2」をWindowsでインストールして使用すると、日本語をインライン入力してくれないというバグ？があります。Mac派のコーダー、プログラマーが多いせいか、あまり情報がないようです。 最初は我慢して使用していたのですが、やはりタイプミスをした際などに不便を感じ、我慢しきれなくなってちょっと調べてみました。 Windows版でインライン入力をする方法 結論からいいますと、プラグインを入れることで解決します。 「IMESupport for Sublime Text 2」 https://github.com/ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ntcncp.net/2012/12/21/sublime-useful-tips