はてなブックマーク

About flipsnap.js is a JavaScript library that provides UI of snap and slide. demo Support browser Mobile iOS Safari (iOS4+) Android Browser (Android 2.1+) Android Firefox Mobile 9.0+ Android Opera Mobile 11.50+ Window8 IE10+ PC IE9+ Google Chrome Opera Firefox Safari

BUILD_DIR = 'build/2013' DEPLOY_DIR = 'deploy' DEPLOY_BRANCH = 'master' DEPLOY_REPOSITORY = 'git@github.com:nodefest/nodefest.github.com.git' module.exports = (grunt) -> grunt.task.loadNpmTasks 'assemble' grunt.task.loadNpmTasks 'grunt-contrib-sass' grunt.task.loadNpmTasks 'grunt-contrib-copy' grunt.task.loadNpmTasks 'grunt-contrib-clean' grunt.task.loadNpmTasks 'grunt-contrib-connect' grunt.task.

jQuery#triggerのテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); $el.bind('foo', function(event, val) { expect(val).to.be('bar'); done(); }); $el.trigger('foo', 'bar'); }); }); コールバックが2回呼ばれるかをテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); var count = 0; $el.bind('foo', function(event,

インストールと実行 $ npm install -g yuidocjs $ yuidoc -o path/to/out path/to/js これでpath/to/outにドキュメントが生成される 書き方 コード内のコメントに決まった書式で記述する /** * Userを管理するクラス * * @class User * @constructor */ function User() { } メソッドのドキュメント /** * 名前のデータを文字列で返す * * @method getName * @return {String} 名前の文字列 */ User.prototype.getName = function () { };

今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方

2014-06-21 リファクタリングのためのテスト 2013-11-22 Middlemanで快適フロントエンド開発環境構築 2013-04-26 Sinon.JS 2013-02-23 フロントエンドJavaScriptにおける設計とテスト 2012-12-04 Backbone.js Tips @ 社内勉強会 2012-10-23 JavaScriptの自動テスト @ 社内勉強会 2012-10-01 Backbone.IOでつくるリアルタイムアプリ 2012-08-29 Backbone.jsでつくるWebアプリケーション 2012-08-15 JavaScript Documentation @ 社内勉強会 2012-07-18 mocha @ 社内勉強会 2012-07-13 Webアプリ制作のためのBackbone.js入門 2012-05-22 Sinon.JS @ 社内勉

今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2

Sinon.JSってなんぞ テストに使うライブラリ スタブやモック、フェイクオブジェクトを提供する QUnitとかと組み合わせて使う 現在時刻が指定の期間内かチェックする関数 function isWithinDate(start, end) { var now = Date.now(); var start = +new Date(start); var end = +new Date(end); return start < now && now < end; } // こんな感じで使う isWithinDate('2012/05/10', '2012/05/30'); //=> true

自己紹介 外村 和仁 @hokaccha 株式会社 ピクセルグリッド JavaScript, Node.js, Ruby

自己紹介 外村 和仁 @hokaccha 株式会社 ピクセルグリッド JavaScript, Node.js, Ruby