一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。
こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。
http://www.adventar.org/calendars/20
釣りタイトルですいません。
記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。
僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか？SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。
SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これって、大規模開発には向かないかもしれませんが、中小規模のサイト制作には、この方法で一石三鳥！？と思うんです。少なくとも僕の場合はなりました。
SublimeText2での、sass/SCSS(compass)の導入方法と、SFTP/FTPパッケージの導入方法もこの記事に含まれてます。くだりが長いのでお急ぎの場合は、ページ中段のキャプチャ画像がある辺りまでお進みください。
[…] Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 […]
素晴らしい！めっちゃ参考になりました！
Sennaさん＞
参考いただき、ありがとうございま〜す。
Spamに入ってて気づきませんでした＞＜
[…] 一石三鳥!SublimeText2sass/SCSS(compass)+SFTPで作業効率化する方法。 […]
[…] 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。 | codechord […]
[…] トール方法など記事を書いています。 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。 […]
[…] しばらく使ってなかったSublime Text2をまた使ってみようかと思って昨年末から設定をしています。 理由はまあ前回と同じく、Sass/Compassを便利に使いたいから、ということなのですが、今回はより便利にするために自動でコンパイルした後、出来上がったCSSファイルをSFTPで勝手にアップロードしてくれる設定を入れてみることにしました。 しかし、大きくハマってしまい、しかも2回もハマってしまったので、覚え書きとして書いておきます。 (adsbygoogle = window.adsbygoogle || []).push({}); 参考にしたのはこちらです。 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。 | codecho… […]
[…] 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。 | codechord. […]