2014-01-01から1年間の記事一覧

フロントエンド開発の初期に考えておきたいこと

Frontrend Advent Calendar 2014 - Qiita 18日目の記事です。 フレームワークや使用技術など は方々で語られているので、それ以外の話をします! JavaScript Advent Calendar 2014 VirtualDOM Advent Calendar 2014 Vue.js Advent Calendar 2014 Backbone.js…

最新のrspec-railsでコントローラのヘルパーメソッドをスタブする

パーフェクトRuby on Rails読んでてハマったところ。 RSpecでビューのテスト書くとき、こんな風にコントローラのヘルパーメソッドをスタブしているのだけど、 context '未ログインユーザがアクセスしたとき' do before do allow(view).to receive(:logged_in…

Promiseで逐次実行する時のテスト

var Promise = require('es6-promise').Promise; var tasks = { first: function(value) { return new Promise(function(resolve, reject) { if (value < 2) { resolve(value + 1); } else { reject(new Error('failed at first')); } }); }, second: functi…

Ampersand.js所感

ちょっと前に紹介されてたAmpersand.jsを使ってみたので、ざっくりとした紹介。 Ampersand.jsはView, Model, Routerなど複数のモジュールに分割されていて、個別に読み込んで使うことができる。 $ npm i --save ampersand-model で var AmpModel = require('…

SPA(Single Page Application)制作時のチェックリスト

メモリリークは起きていないか 初期化時に無駄な通信はないか ページ移動時に保持するデータと破棄するデータの分別ができているか 読まれたくないロジックを置いてないか 直接叩かれて困るAPIやルーティングはないか バリデーションの項目はサーバー側と揃…

semverとnpm

semverとは? semver(Semantic Versioning)は依存関係のもつれを解決するべく制定されたバージョニングの標準仕様です。 Semantic Versioning 2.0.0 npmに登録されているモジュールのバージョンもsemverに沿った形式で設定されています。 The semantic versi…

フロントエンドのビルドツール、Grunt以外の選択肢

フロントエンドのビルドツールというとGruntが デファクトスタンダードになっている感ありますが、 それ以外の選択肢って何があるかなという話です。 Gulp Gulpはストリーミング式のビルドツールです。 設定はgulpfileに記述します。 gulp = require 'gulp' …