Android 4.4 Browser が大幅に機能強化しているようです - latest log
140 文字だと入らないので、こちらで。 追記 Android 4.4 (KitKat) からは、 AOSP Stock Browser(通称 Android Browser)のサポートが終了し、代わりに、Chrome WebView (Chromium) をラップしたブラウザが提供されています。 Chrome WebView は Android 4.4 の時点では WebGL や WebAudio など一部の機能が利用できません(can i use)。また UserAgent が書き換え可能なため、旧来のAOSPブラウザの UserAgent を偽装した形で配布されているケースがあります。 (※) WebGL や WebAudio は、Android 5.0 の Chrome WebView (WebView v37) から利用可能になりました。 未だに AOSP Browser を端末
uupaa's pure JavaScript module pattern - latest log
2013-08-19 uupaa's pure JavaScript module pattern pure JavaScript で記述し、Browser, WebWorker, Node.js で使えるモジュール定義パターンのご紹介。 uupaa 2013-08-19 18:05 前の記事
LEAP Motion とブラウザを WebSocket で接続する - latest log
既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、 JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。 実際にChrome拡張で実装してみました (ε・◇・)з o O ( 未来キタ
WebKit Changeset から推察した iOS 7 beta 3 MobileSafari に適用されているかもしれない変更点まとめ - latest log
2013-07-11 WebKit Changeset から推察した iOS 7 beta 3 MobileSafari に適用されているかもしれない変更点まとめ 全て個人的な推測にもとづいています。 サマリー mouseenter, mouseleave イベントのサポート Math.imul のサポート canvas#supportsContext のサポート WebAudio にユーザイベントを経由せず noteOn した場合に音が鳴らないように制限を追加(in iOS) AudioBufferSourceNode の "onended" イベントのサポート canvar#toDataURL("image/jpeg", quality) のサポート(in BlackBerry または 全て?) "audio/speex" MimeTypeのサポート -webkit-backgroun
Flow.js Ver 1.0.1 リリース と (this.self || global) の解説 - latest log
Flow.js Version 1.0.1 をリリースしました。 使い方はこちらをごらんください http://www.slideshare.net/uupaa/flowjs リポジトリはこちらです https://github.com/uupaa/flow.js $ npm install flow_js でもインストールできます 既にインストールしている方は、 $ npm update flow_js でupdateできます。 主な改善は、 FlowのargsをJunctionに引き継いでいなかったので引き継ぐようにしました var Flow = require("flow_js").Flow; var junction = new Flow(2, function(err, args) { // この場合の args は = [ [1,4], [2,3] ] です。 // Array
HTML5, WebStorage, WebSQL memo - latest log
WebStorage, WebSQL の実装寄りの脳内ダンプ。乱文。あとで gist に移動して消す。 WebStorage(LocalStorage) は、IE8+, Chrome, Safari, Opera, Firefox で利用可能。 WebSQL は、MobileSafari, Chrome, Safari で利用可能。iOS 4.3.x では一部問題がある。 WebStorage の内部文字コードはUTF-16 *1。 WebSQLの内部文字コードはUTF-16 *2。 UTF-16で保存されている場合は1文字で2byte使用する。JavaScript の文字コードも内部は UTF-16。 WebStorage で保存する文字列にNULL文字(0x0000)が含まれていると、一見保存できているように見えるが、実は保存できていない。サスペンド/レジューム, キャッシュアウト,
new msgpack.js with ArrayBuffer - latest log
リクエストを頂いたので、 ArrayBuffer を使った msgpack.js を書きました。 とりあえずコードを書いた段階で、識者の意見を取り入れて I/F の改善や、妥当性のチェックとテストケースの作成、ベンチマークなどはこれからの作業になります。 https://gist.github.com/4106426 MobileSafari と Android 4.0 での DataView のサポート具合が良くわからなかったので、ArrayBuffer + Uint8Array だけで実装しています。 // encode a = msgpack.pack({ a: [1,2,3, { b: 4, c: "hoge" }, "abc"] }); // -> [129, 161, 97, 149, 1, 2, 3, 130, 161, // 98, 4, 161, 99, 164, 104
型情報(宣言)と、実装を分離できる仕組み prof.js を実装してみました - latest log
続き書きました: http://uupaa.hatenablog.com/entry/2012/11/02/154337 今朝方ピコーン*1 があったので頑張って1日で実装してみました。 ピコーンの内容は ・今あるソースコードを汚さずに、動的な型チェックのための仕組みを後付で追加する事ってできないかな? ・同時にパフォーマンス・チューニングに必要な情報も取れるのではないか ・宣言と実装を分離する方法があるのではないか ・今まではできなかった、戻り値の動的な型チェックもできるのではないか です。 監視対象の関数のIN/OUTで、呼び出し階層をネストした状態で吐き出すトレース機能 監視対象の関数の呼び出し回数と、実行時間の統計情報 宣言にもとづく引数の動的な型チェックと、戻り値の動的な型チェック などを prof.js として実装してみました。スライドはこちら http://www.slide
巨大な配列をUIスレッドをブロックせずに処理する Array#async を mofmof.js に実装してみました - latest log
(ε・◇・)з o O ( 実装に4時間かかってるけど、1分でよめるよ! ブラウザ上で動作する JavaScript はシングルスレッドで動作するため、 巨大な配列を Array#forEach などに与えてしまうと UI スレッドが固まってしまう可能性があります。 Array#async は配列を適当な単位*1に分けて処理するイテレータメソッド(each, map, some, every)を返します。 処理終了(each, map)か条件成立(some, every)で callback(戻り値) を呼びます。map なら戻り値は配列になります。 if (!Array.prototype.sync) { Array.prototype.sync = Array_sync; } if (!Array.prototype.async) { Array.prototype.async = A
予約語をHashのキーに使用できるブラウザ - latest log
ES5 をサポートしているブラウザでは、予約語を "こうしなくても" Hash のキーに利用可能になりました。 var ES5Ready = { delete: "Ready?" }; 各ブラウザの対応状況です。 OS Browser ES5Ready iOS 5.1 Safari ○ iOS 5.1 Chrome ○ Android 4.0.4 Browser ○ Android 4.0.4 Chrome ○ Android 2.3.4 Browser × Windows 7 IE 9.0 ○ Windows 7 IE 8.0(Emu) × Windows 7 Opera 12 ○ Windows 7 Safari 5.1.7 ○ Windows 7 Firefox ○ Windows 7 Chrome ○
Ruby のブロックスコープ風の構文を JavaScript に取り入れるとすると… - latest log
(ε・◇・)з o O ( Ruby のブロックスコープ的なコードですかー console.log([1,2,3].map2('{|i| "<li>" + i + "</li>" }').join("")); console.log([1,2,3].map2('{|i| var rv = "<li>" + i + "</li>"; rv }').join("")); console.log([1,2,3].map2('{|i| return "<li>" + i + "</li>" }').join("")); <li>1</li><li>2</li><li>3</li> Array.prototype.map2 = function(expr, // @arg Function/RubyBlockExpression: that) { // @arg Mix: callback.call
Android 2.3 の WebViwe で GET によるクロスドメインリクエストが最初の1回しか成功しない - latest log
現象 Unity + WebView 環境において、XHR を使ったクロスドメインリクエストに失敗します。 Async GET なら xhr.readyState = 4 で xhr.status = 0 となり失敗します。 Sync GET なら NETWORK_ERR: XMLHttpRequest Exception 101 でエラーになります。 同様の問題は POST では発生しません。 テストコード <!DOCTYPE html><html><head><meta charset="utf-8"><title></title> <meta name="viewport" content="width=device-width, user-scalable=no"> <script> var api1 = "http://dev.example.com/api/ping"; //
ライブラリをキャッシュし読み込み速度 x3.js にするライブラリを書いてみた (書きかけ - latest log
(ε・◇・)з きえまみた (ε・◇・)っ x3.js JavaScript rapidly reloader release - latest log
関数の引数を増やすことでバグを生み出してしまう事がある。 という話 - latest log
(ε・◇・)з いつも JavaScript のローレベルな話題をお届けしています～ (ε・◇・)з このブログは今日も平常運転です～ さて、引数を1つしか持たない単純な関数は不便なのでしょうか? 便利なのでしょうか? このエントリでは、 引数を1つしか持たない単機能な関数は、Array#map などのイテレータと相性が良い イテレータと組み合わせて使える関数に、うかつに引数を追加するとバグを生み出してしまう事がある という例をご紹介します。 引数を1つしか取らない関数にできること 引数を1つしか持たず、与えられた文字列の先頭を大文字化する関数(例: toUpper)は、Array#map などのイテレータと組み合わせる事でスッキリと記述する事ができます。 function toUpper(str) { // @param String: // @return String: return
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
mofmof.js のUnit Test機能 - latest log
mofmof.js にはユニットテスト機能があり、同期/非同期テストの混在や遅延評価もシンプルに記述できます。 以下のコードは、http://mofmof-js.googlecode.com/svn/trunk/test/base.js.htm でテストできます。 同期/非同期の混在 String#test は String#stream の機能を流用して実装されており、 同期/非同期のテストを混在する事ができます。 String#stream と異なり、項目が false を返しても最後まで実行します。 テストしたいを目的に応じて、 関数, 配列, 真偽値 の何れかで定義します。 "関数で評価 > 配列の要素2つを比較 > 真偽値評価".test({ args: { msg: "hello" }, "関数で評価": function() { return this.args.msg ==
uupaa looper 見っけたよー - latest log
(ε・◇・)з hasOwnProperty を使った for in ループより 20%～84% 低コストな、うーぱー式 ループのご紹介だよ～ Object.keys を使い、key を列挙することで、hasOwnProperty を使った for in ループよりも速くなります。 var keys = Object.keys(obj), i = 0, iz = keys.length; for (; i < iz; ++i) { var key = keys[i]; var value = obj[key]; ... ベンチマーク http://jsperf.com/perf-for-in-loop-vs-pre-enum-keys-for-loop/8 Browser for_in_hasOwnProperty loop uupaa-looper Chrome 16.0.912.77
デバッグする人にやさしいコードの書き方というものがあります - latest log
(ε・◇・)з 分かりやすいコードは、ステップ実行もしやすいのです! (ε・◇・)з ループの先頭に、滅多に通らない大きな塊を配置するのはダメなのです! (ε・◇・)з ポチポチする毎に画面がスクロールするのは、余計なストレスなのです! (ε・﹏・)з ブラウザのデバッガ(IDE) などは、テキストエディタよりも領域が半分程度しかなかったりと、一度にみれる範囲が少ないのです for (i = 0; i < 10; ++i) { if (i === 5) { // 一度しか通らないルート : : : : : : : : : : : : : : : : : : : : : : : : : : : : } else { // 頻繁に通るルート : : // 短い処理 : } } (ε・◇・)з ループの先頭には、頻繁に通る短いコードを配置するのです (ε・◇・)з 滅多に通らない大きな塊は後ろに
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サムスンが S Browser 三銃士を連れてきたよ - latest log
