WordPressテーマのsassコンパイルやminifyをGulpでやる | mah365
頑なにWordPressテーマのビルドをrubyの自動化ツールであるGuardを使ってやってきたのですが、フロントエンドに関しては、今どきはnodeを使ったほうがバージョンアップも盛んですし情報も充実しています。 というわけでnodeの今どきのビルドツールであるGulpを使ってビルドするようにしてみました。 テーマのディレクトリ構成 [theme] ├─assets # 画像などの素材一式 | ├── fonts # フォント | ├── images # 画像 | ├── javascripts # JavaScript | └── stylesheets # sassファイル └─partials # 部分的に使用するテンプレート Gulpの設定 Gulpのインストール npm install -g gulpでGulpコマンドが使えるようにしておきます。 必要なモジュールのインストール
パブリッシュでCoffeeScriptやSassが書き出されたりする環境をWebStormとCakefileで構築 – 宇都宮ウエブ制作所
正宗です。 今日はタイトルのとおりFlashみたいにパブリッシュしたら、自動的にCoffeeScriptやSassがコンパイルされて書き出される環境を、WebStormとCakefileを使って構築してみることにしました。 どういうことか順を追って説明しますね。 先ずは次のリンク先を読んでください。 FlashでいうパブリッシュのないHTML開発で、死なないためにやっといたらいいんじゃない的なこと。〜Ctrl+Enter Again〜 スーパー肩パッドさんがF-siteで発表した資料をまとめたものなんですが（俺もいきたかった〜！）ものすごくわかりやすくてものすごくためになります。 公開した瞬間から話題になったので もうすでに読んだ方のほうが多いと思いますが、まだ見の人がいましたらぜひ見でおねがいします。僕は百回読みました（本当は8回くらいかもしれない）。 で、僕の今回のこの記事は、上で紹介
Gruntfileを整理してタスクの自動化を進めた
(急遽宣伝) FrontrendでGruntします Frontrend（フロントレンド） Vol.3 powered by CyberAgent : ATND Frontrend（フロントレンド）とは サイバーエージェントが主催するフロントエンド系技術セミナーです。 HTML5/CSS3やJavaScriptのトレンドやノウハウ等を惜しみなくお伝えします。 2012/10/21（日）の午後に、FrontrendでGruntのことを紹介させていただく運びになりました！以下の記事は色々と知ってる前提な内容になってしまっているので、ベーシックな所から知りたい方には特にオススメです。 今回のFrontrendはスピード特集ということで、ページパフォーマンスの最適化はもちろん、CSSプリプロセッサの導入や、ガイドラインの運用による業務効率のカイゼンにも踏み込んでスピードを上げていきます！ということで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
