JavaScript

Handlebars テンプレートをコンパイルした結果をファイルに出力する gulp タスク

aereal/gulp-handlebars-playground · GitHubHTML を出力するためのタスクを用意してみた。 gulp gulp-data gulp-compile-handlebars gulp-rename ……を使った。 gulp-data stream に data を追加できる。gulp-compile-handlebars などのようにパラメータを受…

Kyoto.なんかで“Introduce browserify”という発表をした

Kyoto.なんかという Kyoto.js の潮流を汲んだような汲んでいないような、勉強会のようななんなのかよくわからないイベントで発表した。browserify という Common JS Modules/1.0 などに互換のあるモジュールを、Common JS Modules/1.0 などモジュール機構に…

要素が表示されたら (一度だけ) なにかする

Demo どういうものか ある要素が画面の表示領域に (初めて) 現れたらアニメーションするサンプル。 きっかけ Appleの製品紹介はアニメーションがよく使われている。 「よくアニメーションしているのを見ている」気がして不思議に思ったけど、「よく見ている…

view-window.js: 要素が表示領域内にあるかどうか調べる

aereal/view-window · GitHub demo ある要素が表示領域内にあるかどうか調べる。 要素の下端より表示領域のX座標が高いか、とかを見ている。一部分でも収まっていれば真になる。 var viewWindow = new ViewWindow(window); viewWindow.viewable(document.get…

Rubyの to_a っぽいもの

Object.prototype.to_a = function() { return Array.prototype.slice.call(this); }; Array.slice - JavaScript | MDN Function.prototype.call - JavaScript | MDN いろんなオブジェクトを配列へ変換するメソッド。Array.prototype.slice と Function.prot…