Skip to content

Instantly share code, notes, and snippets.

@uupaa
uupaa / class.extends.md
Last active August 29, 2015 14:06
Class.extends

Foo#_a が Bar#_a に引き継がれない(実体が1つでお互いに参照を持たない)ように、Class extends する例です

Chrome の devtools の Source タブの Snippts に貼って、動かすといいです。

(function() {
"use strict";

// --- dependency modules ----------------------------------
// --- define / local variables ----------------------------
@uupaa
uupaa / game.fps.js
Created September 3, 2014 13:31
Game fps setTimeout setInterval requestAnimationFrame
(function(global) {
function Game(after) { // @arg Boolean = false
this.init();
this._vsync.tick = _loopVsync.bind(this);
this._timer.tick = after ? _loopAfter.bind(this) : _loopBefore.bind(this);
this._interval.tick = _loopInterval.bind(this);
document.body.innerHTML +=
"<br />" +
(after ? "--- After ---" : " ---Before ---");
@uupaa
uupaa / get.path.for.node.js.md
Last active May 25, 2026 22:56
node.js で絶対パスや相対パスを取得する方法 npm __dirname

node.js でパスを取得する方法についてのメモ

$ node ~/hoge/Foo.js/a.js

を実行したときに、

  • process.argv[1] から、node コマンドに指定された a.js のパス( ~/hoge/Foo.js/a.js )を取得できます
@uupaa
uupaa / __dirname.md
Created June 12, 2014 08:34
node current dir __dirname
var path = require("path");
var fs = require("fs");

var package = JSON.parse( fs.readFileSync( path.resolve( __dirname, "../package.json"), "utf8"));

console.log(package);
@uupaa
uupaa / MobileSafari.ChangeLog.md
Last active August 29, 2015 14:01
Mobile Safari ChangeLog

iOS 5 MobileSafari

  • Web Workers が実装されました
  • XMLHttpRequest Lv2 が実装されました
  • CSS Position: fixed が実装されました
  • Appnize(Homeに追加)したページでもJITが有効になりました
  • <meter>, <detail>, <summary> が実装されました
  • <input type="..."> が range, date, time, datetime, month, datetime-local をサポートしました
  • Inline SVG をサポートしました
  • Token List API を実装しました。 body.classList.add("CSS-CLASS-NAME") が可能になりました
@uupaa
uupaa / CanvasProfiles.md
Last active August 29, 2015 14:01
Chrome Canvas Profile Capture

Canvas Profiles の使い方

Chrome の DevTools に搭載されている Canvas Profiles (Canvas Capture) を使うと、Canvas API の発行状況が可視化されます。

Canvas Profiles を使うための準備

chrome://flags/#enable-devtools-experiments を開き、
デベロッパー ツールのテストを有効にする をクリックし、Chrome を再起動してください。

DevTools の設定(歯車のアイコン)をクリックして、 左側の Experiments から Canvas inspection をチェックし、設定画面を閉じます。

@uupaa
uupaa / gist:7d02cdbe4cc3576a4abb
Created May 8, 2014 10:31
node repl mode, command line

node コマンドの引数

node コマンドの引数は $ node -h で見ることができます。

node -h

Usage: node [options] [ -e script | script.js ] [arguments]
       node debug script.js [arguments]
@uupaa
uupaa / Perry.md
Created April 16, 2014 08:08
ゆっくりペリーさん2010

Copy from http://pigs.sourceforge.jp/blog/20100821/demo/LT/20100821/

// === Global namespace pollution ==========================
var uu, // core and class namespace
    UU, // const and config namespace
    uudoc = document; // document cache

// === Core ================================================
@uupaa
uupaa / TODO.md
Last active April 4, 2016 17:16
TODO
  • TODO
  • TODO
@uupaa
uupaa / S Browser.md
Last active April 4, 2018 05:52
おや… S Browser 三銃士 の様子が…

サムスン o O ( S Browser 三銃士を連れてきたよ

(ε・◇・)з o O ( うっす、よろしく。
(ε・◇・)з o O ( がんばります、よろしく。
(ε・◇・)з o O ( よっす、どうも。

  • サムスンが Chromium を魔改造して創りだしたブラウザ
  • Android Browser の代わりに docomo や au の端末に搭載されている
  • Chrome じゃないのに Chrome だよと 主張する Browser
  • S Browser は Canvas API の描画が壊滅的。全くマトモじゃない