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
Androidアプリを作るために最低限必要な知識と未知の部分を列挙

作りたいアプリによって必要な知識は変わるかもしれないが。。 個人的過ぎて役に立たないが、整理がてら羅列してみる。 …

no image
Docker導入したらどうするの?

Dockerを導入したけど、nginxが入った環境がどこでも使えるようになった!程度だったらあんま意味ないよね。 Web開発をする上でDockerをどのように使うのが効果的か考えてみる。 …

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

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

no image
ファイルとかのパーミッションを再帰的に変更したい

あるディレクトリ以下全ファイルのパーミッションを再帰的に変更 chmod …

no image
アプリ起動時に呼び出すStoryboardを指定したい

google-fu不足でどこにも載ってなかったのでメモ。 プロジェクト内のInfo.plistで設定できます。 …

no image
RDSの特定のデータベースをダンプする

Publicly Accessibleがyesならどこからでも下記が実行可能。 …

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

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

Ruby,Railsのチートシート

こういうのブログ形式じゃなくてwikiの方が良いのでは。。 と、遠い目をしつつ。 …

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

参考リンク 解決策 …

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

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