サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
hokaccha.github.io
show code var $pointer = $('.pointer span'); var flipsnap = Flipsnap('.flipsnap', { distance: 230 }); flipsnap.element.addEventListener('fspointmove', function() { $pointer.filter('.current').removeClass('current'); $pointer.eq(flipsnap.currentPoint).addClass('current'); }, false); show code var $flipsnap = $('.flipsnap'); var distance = 230; var padding = 30; var flipsnap = Flipsnap(".flipsnap",
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
平均を求める関数 function average(arr) { var result; var sum = 0; for (var i = 0, len = arr.length; i < len; i++) { sum += arr[i]; } result = sum / arr.length; return result; }
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.github.io』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く