Open-sourcing Sonar, a new extensible debugging tool One challenge that comes from having many engineers working collaboratively on larger apps is that typically no single person knows how every module works. This segmentation of knowledge and expertise can make it difficult to develop new features, investigate bugs, or optimize performance. To help engineers at Facebook manage this complexity, we

計画する技術 http://kakakakakku.hatenablog.com/entry/2017/04/14/203459

If you know the ropes, good news! Firefox now has support for headless mode, making it easier to use as a backend to automated tools. You can jump ahead to learn how to use it. Browser automation is not a new idea, but is an increasingly important part of how modern websites are built, tested, and deployed. Automation setups range from scripts run on local machines to vast deployments of specializ

// program.js require("webassembly") .load("program.wasm") .then(module => { console.log("1 + 2 = " + module.exports.add(1, 2)); }); git cloneしてnpm installするだけで動くサンプルコードは次のリポジトリに用意してあります。 azu/webassembly-example: Test https://github.com/dcodeIO/webassembly また、少し話は異なりますがRustがEmscriptenを使わずにWebAssembly(wasm32-unknown-unknown )の出力に対応しました。 std: Add a new wasm32-unknown-unknown target by alexcrichton ·

Intro テストや仮実装で、適当なランダム文字列が欲しい場合に便利なスニペット。 random string DEMO // with random btoa(Math.random()) // => MC44NzEwODQwMjA1NDA2MTE4 // with crypto btoa(crypto.getRandomValues(new Uint8Array(16))) // => MjQ2LDE0NSwxNzAsMjQ0LDY4LDg3LDMzLDE0NiwxNzcsNjAsMTUyLDE3MSwxNTAsMTcsMTA4LDEwNA== // base64 has `=` remove them btoa(Math.random()).replace(/=/g, "") // => MC45NTM0NTM2OTY3MTc5MDY0 // lower case btoa(Math

Intro XHR から fetch() に積極的に移行しづらかった最大のミッシングピースとして、中断できないという問題があった。 これは、 fetch() が選んだ Promise ベースのインタフェースにおいて、キャンセルをどうするかという議論と絡み、長く決着が付かずにいた問題である。 最近、やっと話が前進したので、ここまでの経過を解説する。 Fetch のミッシングピース fetch() は、ブラウザが発行するリクエストと、取得するレスポンスを扱う低レベルなインタフェースとして策定が始まった。 DOM の API が Promise ベースに移行しつつある流れを汲み、 fetch() もまた Promise を返す関数一発スタイルになった。 クラスからインスタンスを生成しメソッドを呼ぶ XHR スタイルでは、インスタンスを再利用した場合の挙動などを含め、オブジェクトのライフサイクルを

Intro textarea などに入力された文字数を、 JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。 それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能などを交えて解説する。 なお、文字コードの仕組みを詳解すること自体が目的では無いため、 BOM, UCS-2, Endian, 歴史的経緯など、この手の話題につき物な話の一部は省くこととする。 1 文字とは何か Unicode は全ての文字に ID を振ることを目的としている。 例えば 😭 (loudly crying face) なら 0x1F62D だ。 1 つの文字に 1 つの ID が割り当てられているのだから、文字の数を数える場合は、この ID

JSer.info #316 - Safari 10.1がプレリリースされました。 Fetch API、IndexedDB 2.0、Custom Elements、Pointer Lock/Gamepad API、ES2016,2017のサポートなど。 また<a>要素のdownload属性、CSS Gridなどのサポートが含まれています。 Firefox 51.0がリリースされました。 WebGL 2、IndexedDB 2、XHRの仕様追従、FLAC形式のサポートなどが行われています。 また、DOMImplementation.hasFeature()は常にtrueを返すように、非標準なfor each inに警告が出るようになるなど。 詳しくは次のサイトを見てください。 Firefox 51 for developers - Mozilla | MDN Firefox 51 Site

Intro DOM のイベントリスナの仕様に Passive Event Listeners というオプションが追加された。 このオプションは、主にモバイルなどでのスクロールの詰まり(Scroll Junk) を解決するために導入されたものである。 今回は、この仕様が解決する問題と、本サイトへの適用を解説する。 Passive Event Listeners Spec Scroll Event の PreventDefault() 画面のスクロールに合わせたインタラクションを実装する場合、 Scroll Event にイベントリスナを登録する。 典型的な例では touchstart や touchend をフックし、その中で DOM の操作などを実施するなどがある。 場合によってはイベントリスナ内で preventDefault() を呼ぶことで、スクロールそのものを止めることもできる。

先日発表になった『Battlefield 1』を開発しているスウェーデンのデベロッパーEA DICE。同スタジオに所属するアーティストが、『Bloodborne』の「狩人の夢」を構築した動画およびイメージを公開しています。 今回これらの映像などを公開したのは、EA DICEで環境アーティストとして活動するSimon Barle氏。再現された「狩人の夢」は、『Bloodborne』においてプレイヤーの拠点となる場所。プレイヤーの強化が可能なほか、アイテム倉庫などが設置されています。月に照らされた美しい屋敷はUnreal Engine 4で構築されているとのことです。

先日より正式リリースを迎え、数々のプレイヤーを葬り続けているPS4向けアクションRPG『Bloodborne（ブラッドボーン）』。そんな同作を44分ほどでクリアしてしまう強者ゲーマーのプレイ映像が、話題になっています。 海外ユーザーOginam_tv氏が公開したムービー「[WR] Bloodborne speedrun in 44 minutes - Any% (44:00 RTA/ 40:17 IGT)」では、一筋縄ではいかない難易度を誇る同作のスピードランをチェック出来ます。映像内では、獣達の隙間をひらひらとステップでかわしていく様子や、ジャンプとローリングを駆使して無理やり鉄柵を乗り越えるショートカットなども披露。通常のゲームプレイとは一線を画している為、すべてのボスを狩り尽くしてはいないものの、44分と言うタイムは熟練のプレイヤーにとってもなかなか達成出来ないタイムではないでしょう

フロム・ソフトウェアが開発を手掛け、2011年にリリースされたアクション『Dark Soul』。本作に登場するボスをボイスコマンドで倒した海外ユーザーが登場しました。 このゲームプレイ映像を公開したのは、Twitchで『Dark Soul』をボイスコマンドのみでクリアするべく挑戦していたbearzly氏。声で操作が可能になるVoiceAttackと呼ばれるソフトを用い、2体のボスが同時に登場する「竜狩りオーンスタイン」と「処刑者スモウ」戦に挑みます。動画説明文によると、配信中の死亡回数485回のうち、実に111回はこの戦闘によるものだそうです。 映像では、「Forward（進め）」や「Item（アイテム）」「Heavy（強攻撃）」などシンプルなコマンドで次々と敵の猛攻をかわしながら攻撃を叩きこんでいく様子を収録。途中、体力があとわずかになるシーンもあり、手に汗握る展開となりますが、最後は強