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

  関連記事

no image
Swiftで追加したサードパーティなモジュールを更新する方法

SwiftにはCocoaPodsのようなライブラリを管理するツールがないので、手で追加します。 手で追加したライブラリのバージョンを更新したいときどうすればよいか。 …

no image
Python(Anaconda)とOpenCVを使って動画から顔画像を抽出してみる

今話題のディープラーニングをやってみたい。 いろいろ見た感じCaffeというフレームワークが良さそう。 …

no image
SwiftでOSのバージョンが8.0.0以下とそれより大きいヤツで処理を分岐させたい

前置き push通知のデバイストークン取得方法がiOS8から変わりました。 …

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

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

no image
sudo gem install cocoapods –preしても0.36.0が使えないとき

最新のcocoapodsそのものはインストールされてる。 なので、podコマンドを実行するときに下記のようにバージョンを指定すれば一応使える。 …

logo_og
ReactなComponent同士を連携させたい

実践的なサンプルに塗れてなんとなく使ってると破綻する。 分かってること、分かってないことを整理しておきたい。 …

no image
Mastodonインスタンス(お一人様用)を作り方メモ

Mastodonは運営の存在を気にせず罵詈雑言吐けるの便利そう。 自分用のインスタンス作ったので、便所の落書きしておく。 …

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

http://railstutorial.jp/chapters/sign-in-sign-out?version=4.0#top この辺を読んだメモ。 …

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

整理がてらメモ。 Contents1 …

large_v
MacでDockerした感想文

Contents1 前提:DockerはLinux上でしか動かない1.1 …