LEAP Motion とブラウザを WebSocket で接続する - latest log

2013/07/29 134 users WebSocket Motion Leap Motion

2013-07-29 LEAP Motion とブラウザを WebSocket で接続する 既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、 JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。 (ε・◇・)з o O ( 未来キタ uupaa 2013-07-29 15:36 前の記事 続きを読む

JSX 私的チュートリアル - あらびき手捏ねハンバーグ - latest log

2013/07/26 50 users jsx チュートリアル latest log WIKI 部分

2013-07-27 JSX 私的チュートリアル - あらびき手捏ねハンバーグ (ε・◇・)з o O ( JSXは日本語ドキュメントがほぼないので〜 (ε・◇・)з o O ( 書き溜めといた奴を公開するよー (ε・◇・)з o O ( でも、色々と端折ってるので (ε・◇・)з o O ( 不足してる部分は、あらびき日記 や wiki や JSX公式ドキュメント を合わせてご覧ください〜 uu... 続きを読む

(〜・◇・)〜 o O ( 闇色 JavaScript イディオム〜 - latest log

2013/07/09 74 users イディオム latest log 手持ち ボク ブログ

2013-07-09 (〜・◇・)〜 o O ( 闇色 JavaScript イディオム〜 (ε・◇・)з o O ( 最近ブログ書いてないなー、そろそろ書かないとなー (ε・◇・)з o O ( JavaScriptイディオム集 が大人気かぁー、もうすぐブクマ1000個とかすごいなー (ε・◇・)з o O ( よーし。便乗して、ボクも手持ちの闇色な奴を幾つか紹介するよー window.onlo... 続きを読む

Flow.js Ver 1.0.1 リリース と (this.self || global) の解説 - latest log

2013/03/14 61 users global uupaa github.com https

2013-03-14 Flow.js Ver 1.0.1 リリース と (this.self || global) の解説 Flow.js Version 1.0.1 をリリースしました。使い方はこちらをごらんください http://www.slideshare.net/uupaa/flowjsリポジトリはこちらです https://github.com/uupaa/flow.js$ npm in... 続きを読む

非同期プログラミングを驚きのシンプルさに (するかもしれない) Flow.js を公開しました。 - latest log

2013/03/12 287 users latest log 非同期プログラミング 脳みそ あたし

2013-03-12 非同期プログラミングを驚きのシンプルさに (するかもしれない) Flow.js を公開しました。 (ε・◇・)з o O ( (ミ・◇・ミ) o O ( あたし。ずっと思ってた… (ミ・◇・ミ) o O ( あたしの脳みそだと Deferred/Promises は、ちょっと難しすぎるって… (ミ・◇・ミ) o O ( だって… jQuery.Deferred入門 とか、すご... 続きを読む

JSONを設定ファイル代わりに使う場合は JSON.parse → だめなら → eval のように二段階で評価するといいんじゃないかな - latest log

2013/01/25 57 users eval JSON uupaa twitter.com エラー

2013-01-25 JSONを設定ファイル代わりに使う場合は JSON.parse → だめなら → eval のように二段階で評価するといいんじゃないかな JSON.parse があまりにも眼鏡委員長なので、JSON.parse でエラーが出たら黒ギャル eval("(" + … + ")") で試す的なコードいれたらストレス減ったvia https://twitter.com/uupaa/s... 続きを読む

プロトタイプ汚染とループ - latest log

2012/11/07 111 users プロトタイプ汚染 latest log ループ jQuery

2012-11-07 プロトタイプ汚染とループ 脳内棚卸 Prototype.js と プロトタイプ汚染(昔話) jQuery が登場する以前、Prototype.js という JavaScript ライブラリがありました。 Prototype.js は、JavaScript OOP の普及期(2005～2007年頃)に多くのサイトで活用されました。Prototype.js は Object.pr... 続きを読む

型情報(宣言)と、実装を分離できる仕組み prof.js を実装してみました - latest log

2012/10/31 32 users ピコーン latest log 実装 宣言 ソースコード

2012-10-31 型情報(宣言)と、実装を分離できる仕組み prof.js を実装してみました 今朝方ピコーン*1 があったので頑張って1日で実装してみました。ピコーンの内容は ・今あるソースコードを汚さずに、動的な型チェックのための仕組みを後付で追加する事ってできないかな? ・同時にパフォーマンス・チューニングに必要な情報も取れるのではないか ・宣言と実装を分離する方法があるのではないか ・... 続きを読む

mofmof.js とクラスベースOOP - latest log

2012/08/13 23 users latest log ARG init method this

クラスの使い方(初級) mofmof.js では mm("Hoge", { メソッド }) でクラス mm.Hoge を定義することができます。 mm("Hoge", { init: function(arg1, arg2) { this._arg1 = arg1; this._arg2 = arg2; }, method: function() { alert(this._arg1 + this... 続きを読む

CSS3 の border-image で簡単にリッチなボタンを作れる未来がいつの間にかきてた - latest log

2012/07/11 52 users slice latest log PATCH ハードワーク

画像を使ってリッチでフレキシブルに伸び縮みするボタンやフレームを作る時みなさんはどうしているでしょうか。従来の方法だと デザイナーさんが画像を9分割 マークアップで頑張って再現する というハードワークを強いられていましたが、 昨今のモバイル開発環境では、それ、もう要らない苦労らしいですよ。CSS3 の border-image を使うと、9 slice(9 patch)を CSS だけで実現可能で... 続きを読む

prototypeを拡張することで得られるもの。prototype拡張指向へのスイッチ - latest log

2012/07/05 53 users prototype latest log スイッチ

(ε・◇・)з mofmof.js や新しい uupaa.js では prototype拡張を活用しています (ε・◇・)з 長所がわかりづらいみたいなので言い出しっぺのボクの中の人がメリットを列挙してみよー というエントリです (ε・◇・)з でも、長文になりそうなので、思いついたらちょっとずつ書き足していって、後で再編するよー というノリです (ε・◇・)з タイトルも適当です かわいい子には... 続きを読む

うるう秒 と JavaScript の Date.parse - latest log

2012/07/02 39 users latest log GMT う秒 JavaScript 関数

2012-07-01 08:59:59 の次に挿入される、うるう秒(2012-07-01 08:59:60)を Date.parse 関数に与えるとどうなるか調べました。 Browser Date.parse("Thu Dec 31 23:59:60 GMT 1998") type Android Browser (OS 2.3.4) -283996860000 v8 Chrome for And... 続きを読む

x3.js JavaScript rapidly reloader release - latest log

2012/03/25 53 users latest log code.google.com 環境

x3.js というものを創ってみました。 http://code.google.com/p/x3-js/JavaScript コードをキャッシュしておき、JavaScript ロード時に発生するボトルネック/ブロッキングやネットワークアクセスコストをゼロにしようという、ありそうでなかったライブラリです。WebSQL が使える環境なら WebSQL を、だめなら WebStorage にキャッシュし... 続きを読む

IE 6, IE 7, IE 8 が退場した未来 - latest log

2012/03/06 527 users latest log TechNet 未来 IE 7 IE 8

Internet Explorer の自動アップグレードについて | TechNet長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね…uupaa.js ver 0.8 に埋まっている処理などを参考に、IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも... 続きを読む

話の流れで AKB48(), AKB48.decode() をガーッて。30分でガーッて作ってみたよ - latest log

2012/03/02 43 users latest log ＡＫＢ４８ 亜種 Base64 恋愛禁止

(ε・◇・)з AKB48 って Base64 の亜種かなんかでしょ? (ε・◇・)з でもちょっと余るんだな… 何個か抜かなきゃ…(ε・◇・)з じゃあ、 A, K, B, 4, 8 と、 恋愛禁止らしいので、 L, O, V, E を抜いといたよ ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/ CD FGHIJ ... 続きを読む

Future と Stream という同期/非同期処理の混在をシンプルにコード化できる車輪を再発明したよ - latest log

2012/02/07 105 users stream Future 車輪 混在 latest log

Script Junkie | Creating Responsive Applications Using jQuery Deferred and Promises (日本語訳: jQueryのDeferredとPromiseで応答性の良いアプリをー基本編 | ゆっくりと… ) をみて、(ε・◇・)з Deferred… Promise… お 覚えられん…って正直思いました。(ε・◇・)з 脳み... 続きを読む

uupaa looper 見っけたよー - latest log

2012/02/04 94 users latest log

(ε・◇・)з 通常の for in ループより 20%～75% 低コストな、うーぱー式 ループのご紹介だよ～ スコア http://jsperf.com/perf-for-in-loop-vs-pre-enum-keys-for-loop (100 times x 200 keys) Browser for-in loop uupaa-looper Chrome 16.0.912.77 14,7... 続きを読む

デバッグする人にやさしいコードの書き方というものがあります - latest log

2012/02/03 84 users latest log 書き方

(ε・◇・)з 分かりやすいコードは、ステップ実行もしやすいのです! (ε・◇・)з ループの先頭に、滅多に通らない大きな塊を配置するのはダメなのです! (ε・◇・)з ポチポチする毎に画面がスクロールするのは、余計なストレスなのです! for (i = 0; i < 10; ++i) { if (i === 5) { // 一度しか通らないルート : : : : : : : : : : : : ... 続きを読む

JavaScript クイズ - latest log

2012/02/02 40 users latest log

(ε・◇・)з さあみんな、クイズの時間だよ問1. クォート( " と ' )を使わずに ["1"] を作ってみよう。 問2. 以下のコードはクロスブラウザでしょうか? YES / NO [void 0, null, 0].sort(function() { return 0; }); (ε・◇・)з 珍回答ができたら @uupaa までー 続きを読む

CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log

2012/01/21 391 users class うろおぼえ CSS latest log ハイフン

「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeH... 続きを読む

ゲームパッドをブラウザで使える GamePad API の実装が始まりましたね - latest log

2011/12/21 43 users ゲームパッド Demo default latest log

Firefox Nightly と Chrome Dev に GamePad API が実装されているようです。API: http://dvcs.w3.org/hg/webevents/raw-file/default/gamepad.html DEMO: http://rawkes.com/blog/2011/12/14/gamepad-api-demo-in-firefox-and-chrom... 続きを読む

UnitePlayer.js 作ったよ - latest log

2011/12/12 159 users latest log

UnitePlayer はモバイルとゲームに特化した音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? その... 続きを読む

今時のブラウザが例外発生時にどんな情報を出しているのか調べてみたよ - latest log

2011/11/18 56 users 今時 latest log error TRY ブラウザ

JavaScript では例外が発生すると例外オブジェクトが生成されます。 この例外オブジェクトの仕様は標準化されておらず、各ブラウザで実装が異なります。最新のブラウザで JavaScript の Error オブジェクトや Error から派生しているオブジェクトが持つ属性を調べてみました。 Safari Stable (Safari 5.1.1) try { throw new Error("... 続きを読む

IE10 で attachEvent が廃止された場合に備えましょう - latest log

2011/09/11 24 users DOM latest log メソッド 標準 秋ごろ

js, CrossBrowser, 問題Windows 8 には IE10 が標準搭載されます。これらは早ければ2012年の秋ごろまでにリリースされる予定です。IE10 ではレガシーな(古い)機能やメソッドが切り捨てられると予告されています。非推奨の DOM イベントIE10 で attachEvent が廃止されると attachEventで IE かどうかを判別する(↓)のコードが魔女化する(... 続きを読む

NO TEST, NO LIFE. NO DOC, NO LIFE - latest log

2011/09/07 21 users latest log No Life

jsuupaa.js や mofmof.js には {@hoge 〜 }@hoge のようなコードブロックを切り落として Minify する機能があるので、「ソースコードにテストもドキュメントも全部埋め込むことが可能だな〜」って3年程前から考えてました。そこで、Function.prototype.spec というメソッドを追加し、これにスペックを書き貯めたらどうだろうか(?)とか考えました。 た... 続きを読む