PHPStormで自動的にFTP／SFTPアップロードされるようにする - Qiita
開発サーバとローカルマシン間でファイルを自動的に同期する方法として、Vagrant の synced_folder を利用するのがモダンかつ定番になっています。 ただ、開発サーバがリモートに存在する場合はその方法は難しいですよね。 その場合の代替手法として、PHPStormにはFTP／SFTPサーバへ自動的にアップロードしてくれる機能があります。 しかも、PHPStorm上で編集したファイルだけでなく、SCSS+Compassによって吐き出されたcssファイルやGruntでビルドされたjavascriptファイルなどにも適用できます。 実施環境 Macbook Pro 15インチ Mac OS X 10.10 Yosemite PHPStorm 10 まず、PHPStormでFTP／SFTPサーバを設定する あらかじめFTPサーバの接続設定を行います。 環境設定 > Build, Exec
npmでミニマムに始めるSass - Qiita
GitHub Pagesでいくつか静的なWebページを作成しているのですが、生のcssではなく、sassでcssを作成することにしました。 sassを使おうとして、調べるとgemでsassをインストールして始めるという記事が見つかります。 - CSSのメタ言語Sass(SCSS)、LESSの完全入門 また、Compassというものも出てきたりします。 - CSSの常識が変わる！「Compass」の基礎から応用まで！ またフロントエンドの環境などについて知っていたりすると、gruntやgulpといったタスクランナーも使えるんじゃないかと思ったりして、それらでsassを使う方法も出てきたりします。 - gulp インストール～基本設定の備忘録（windows） ふむふむ、といった感じで記事を読んだりするのですが、やらないといけないことやルール、覚えないといけないことが多くて、結局どうするのがい
Rails4ではbackground:url("assets/hoge.png")の書き方は動かない話 - Qiita
Rails4のproduction環境でのみ、画像が表示されない問題 問題の概要 先日、弊社サービス STORYS.JP をRails3からRails4.0.2にアップデートしました。 Rails4はRails3に比べて、development環境でのページロードにかかる時間が1/10ぐらいになりました。 読み込みに 1500ms ほどかかっていたのが、Rails4にするだけで本番並みの 150ms で返ってくるようになり、本当に非常に快適に開発ができるようになりました。 しかし、便利なものには弊害も多く、様々な問題がおきます。 その中でも、解決に苦しんだ問題が、 これまでは正常に表示されていた画像が、Rails4のproduction環境でのみ表示されない問題 です。 問題の原因 問題の原因は、 app/assets/images 以下に置いてある画像を直接パスを指定して読み込んでいるこ
Rails 使用するCSSを指定する
RailsではCSSを特に指定しなくても読み込まれるスタイルシートと、自分で指定して読み込むスタイルシートがあります。 自動で読み込まれるスタイルシート この自動で読み込まれるスタイルシートはapp/assets/stylesheets/application.cssで指定します。 ディレクトリ以下の全てのスタイルシートを読み込む *= require_tree .と記述するとapp/assets/stylesheets以下の全ての階層のスタイルシートが読み込まれます。 ディレクトリ直下の直下のスタイルシートを読み込む *= require_directory .と記述するとapp/assets/stylesheets直下の全てのスタイルシートが読み込まれます。サブディレクトリは読み込まれません。 指定したスタイルシートを読み込む 自動で読み込まれるスタイルシートに加えて、自分でスタイルシ
Knockout を用いた大規模 JavaScript 開発
HTML5 Conference 2013 において発表したスライドです。 Knockout.js について簡単に説明しています。Read less
scss (sass) + compassがスーパー便利でびっくりしすぎて今さら環境を作ったり。Koalaで。 – 林家次男
※2013.06.19 に書いた Preprops が Koala より便利っぽいです。 連休中にテーマを作ろうそうしよう。あ、ついでにscssってのとcompassってのがなんかどうも便利っぽいのでちょっと調べてみよっかな。 から始まって。 結論から言うと「狂おしいほど便利で今までぼくは何をしてたんだ」というレベルでした。 環境作るのを忘れないためにφ(｀д´)ﾒﾓﾒﾓ… 環境作るのはちょっとめんどうですががんばりましょう。 ※今回は全てwindows7 x64環境になります。 compassとscssは何がどういいのか 論よりなんちゃら、もう見たらわかります。scssはsassの派生らしく、scssのほうが使いやすかったのでぼくはそちらを選択。 compassとscssが何なのかは各々のページを読んでみてください。 ここではさらっとだけ書いてみます。 scss (sass) にできるこ
Introduction to Sass and How to Setup with Mac + Coda
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
