moxt

Just another Blog site

フロントエンド開発のメモ

      2015/11/14

最近のフロントエンド開発ではビルドランナーを使うのが常識になってきてるみたいなので。
jspm的なもっと進んだやり方でも良いんだけど、pluginが少ない、文献が少ない、自身の技術力不足、ということでビルドランナーなやり方でやる。

gulpを導入したい

nodebrewを導入

io.jsなんてモノも出てきたけど。nodejsでおk。

https://github.com/hokaccha/nodebrew

nodeのバージョンを使い分けたくなる日がくるはず、なので導入する。

gulpを導入

npm install -g glup

sassを書きたい

sassはcssをイイカンジに書けるシンタックスシュガー的なヤツ。
jsで言うところのcoffeeと同じポジション、かな。

gulpのプラグインを導入

npm install --save-dev gulp-sass

使い方

slimを書きたい

npm install --save-dev gulp-slim

AngularJSでtemplate-cacheしたい

npm install --save-dev gulp-template-cache

slimやsassなどのファイル変更を監視してタスクを実行したい

watchというメソッドを使う。
gulpfile.jsに下記のようなタスクを定義する。

コマンドラインでgulp watchを実行すればOK。

package.jsonでプロジェクトに依存するライブラリを管理する

簡単なHTTPサーバが欲しい

手元のPCでhtmlを表示したいときがある。
pythonがアレば簡単にサーバを立てられる。

 - プログラミング

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

  関連記事

LJ_Gsz28
コードを雑に読むアプローチでScrapyを入門する

Scrapyはスクレイピング用フレームワークなので、登場人物多すぎてよく分からない。 彼らの関係性や役割を理解を深めるために『Data …

no image
DockerでNginxしたい

Contents1 Dockerfileを用意する2 …

no image
意識低いRuby on Rails再入門3

ActionViewを使ってModelクラスの新規作成画面を作りたい。 ウェブアプリ上でModelのクラスを作成する。 …

no image
意識低いRuby on Rails再入門4

下記の内容を読んでテスト系の処理をすっ飛ばしたメモ。 http://railstutorial.jp/chapters/sign-in-sign-out?version=4.0#top …

no image
意識低いRuby on Rails再入門6 ~ログイン必須のControllerを作りたい~

ログイン状態を取得するためのSessionsHelperを前に書いた 新規投稿画面を表示したり、実際に投稿するときにはログイン必須であることを保証したい。 …

no image
単語の出現頻度をlinuxコマンドだけで調べたい

無駄にpythonとか使おうとしてた。。 楽にできて良かった。 …

no image
GrowthPushのAndroid-SDK(?)のコードを読んでみる

できること、できないことを知るために。 GrowthPush.java …

no image
Rubyのモジュール機能とRailsのHelperについて考える

Moduleとは 参考サイトを見ながら思ったことをメモ …

no image
SeleniumでChromeを自動操作したい

Seleniumという便利なソフトウェアがあります。 これはブラウザ上の操作をスクリプト化し自動化することを目的としています。 …

no image
RubyとSeleniumを使って自動で画像をダウンロードする

Contents1 はじめに2 …