はてなブックマーク

この記事は「WACUL Advent Calendar 2017」の18日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。 本記事ではファミコンのエミュレータの実装について解説していきたいと思います。 2018/11/21 追記 重複しますが以前発表した資料も合わせて参照してください。 はじめに 以前ファミコンエミュレータをJSで実装した記事を書きました。 開発過程の雰囲気はこちらを参照していただけると掴めるかと思います。 上記の記事では技術的な内容にはほぼ触れなかったため順に解説していこうと思います。 今回はまずはHello, World!までに焦点をあてて解説してみたいと思います。ファミコン関連の解説は検索すると結構ヒットはするのですが、ファミコン本体の解説が多く、エミュレータを実装するにあたり、どのような手順で進めてくのが、どのような点に気をつける

この記事は「WACUL Advent Calendar 2017」の5日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。 表題の通りですがRustとWebAssemblyを使用してpngデコードを行うnode_moduleを作ってみました。 モチベーション あるmoduleで使用しているpngjsによるデコード処理が時間を食っておりwasmで高速化できないかの調査 wasm32-unknown-unknownを使ってnode_moduleを作るとこまで体験しときたい リポジトリ RustとWebAssembly これまではwasm32-unknown-emscriptenを指定して、emscriptenを介してwasmを出力する必要があったんですが、先日のリリースにおいて1.24.0-nightlyでwasm32-unknown-unknownというta

この記事は「WACUL Advent Calendar 2016」の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 今回はコンポーネント単位でのvisual regressionテストについて書いてみたいと思います。 概要 単体テスト時にコンポーネントのキャプチャーを取り、差分を取るvisual regressionテストを行うために、karma-nightmareとreg-cliというツールを作りました。まだ実験的ではありますが、それらを用いたテストや作成時に検討したことなどを書いてみます。 そもそもViewのテストどうしてます？ フロントエンドやっている方と話すときに、よく、Viewのテストをどこまで、どんなふうにやるか？というざっくりした質問をしてみたりします。「お、その話題ですか！」というリアクションする方もちらほらいて関

この記事は「WACUL Advent Calendar 2016」の3日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 本記事ではRxJSの勉強にテトリスを実装した話しを書いてみます。 つくったもの リポジトリ: https://github.com/bokuweb/rxjs-tetris デモ: https://bokuweb.github.io/rxjs-tetris/ デモの遊び方 Enterキーでゲームが開始します。(音が鳴るのでご注意ください。) → : ブロックを右へ移動 ← : ブロックを左へ移動 ↓ : ブロックを下へ移動 SPACE : ブロックを回転 実装 概要 先に全体の流れを図示すると以下のような構成になりました。 後述しますが、Timer/KeyInput``StraemからActionが発行され、ゲームのステ