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
RubyMine(OSX)でGit操作するときのコマンド集

GITを操作系のポップアップを表示したい

ReduxのMiddlewareについて理解したいマン

ReduxのMiddlewareの仕組みがよく分からない。 具体的な処理過程を追いかけて理解に至るまでのメモ。 …

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

Contents1 はじめに2 …

Chef::Exceptions::ChecksumMismatch:というエラーの対処

今頃になってChefの話。 チェックサムの形式をミスってる可能性がある。 …

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

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

no image
MecabをPythonから使いたい

ベイズ分類器を自分で作りたかった。 そのためには、文書を単語の集合に変換する必要がある。 …

no image
NginxとPHP-FPMを使っていたらcurl_init()が無いとエラーが出た

参考リンク 解決策 …

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

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

Dockerでよく使うコマンド

随時追加 Contents1 …

nokogiriでスクレイピングするときによく忘れるヤツ集

書くことで記憶を定着させる施術。 class,id以外の属性を指定してタグを探したい …