AVAをブラウザ上で実行するAvaronを作った - Qiita
この記事は「WACUL Advent Calendar 2017」の20日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。 はじめに みなさんはお気に入りのテスト構成はあるでしょうか。よく耳にするのはjest、AVA、karmaを用いた構成でしょうか。個人的には最近はAVAを使用することが多いのですが、その際の不満を解消するためにモジュールを作った話しを書きたいと思います。 つくったもの AVAとは avajs/ava: Futuristic JavaScript test runner 紹介記事は他にも色々ありますので多くは書きませんが、sindresorhus氏作の、曰く未来型のテストランナーです。若干古いですが以下に日本語での記述もあり、なぜAVAなのか?に特徴が記載してあります。 例えばPromiseを使用したテストは以下のように記述できます。同
ファミコンエミュレータの創り方 - Hello, World!編 - - Qiita
この記事は「WACUL Advent Calendar 2017」の18日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。 本記事ではファミコンのエミュレータの実装について解説していきたいと思います。 2018/11/21 追記 重複しますが以前発表した資料も合わせて参照してください。 はじめに 以前ファミコンエミュレータをJSで実装した記事を書きました。 開発過程の雰囲気はこちらを参照していただけると掴めるかと思います。 上記の記事では技術的な内容にはほぼ触れなかったため順に解説していこうと思います。 今回はまずはHello, World!までに焦点をあてて解説してみたいと思います。ファミコン関連の解説は検索すると結構ヒットはするのですが、ファミコン本体の解説が多く、エミュレータを実装するにあたり、どのような手順で進めてくのが、どのような点に気をつける
Rust + WebAssembly でpngデコードを行うnode_moduleを作ってみる - Qiita
この記事は「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
コンポーネント/単体テスト単位でのvisual regressionテストを行うためのツールを作った話し - Qiita
この記事は「WACUL Advent Calendar 2016」の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 今回はコンポーネント単位でのvisual regressionテストについて書いてみたいと思います。 概要 単体テスト時にコンポーネントのキャプチャーを取り、差分を取るvisual regressionテストを行うために、karma-nightmareとreg-cliというツールを作りました。まだ実験的ではありますが、それらを用いたテストや作成時に検討したことなどを書いてみます。 そもそもViewのテストどうしてます？ フロントエンドやっている方と話すときに、よく、Viewのテストをどこまで、どんなふうにやるか？というざっくりした質問をしてみたりします。「お、その話題ですか！」というリアクションする方もちらほらいて関
RxJSを使ってテトリスを実装してみた話 - Qiita
この記事は「WACUL Advent Calendar 2016」の3日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 本記事ではRxJSの勉強にテトリスを実装した話しを書いてみます。 つくったもの リポジトリ: https://github.com/bokuweb/rxjs-tetris デモ: https://bokuweb.github.io/rxjs-tetris/ デモの遊び方 Enterキーでゲームが開始します。(音が鳴るのでご注意ください。) → : ブロックを右へ移動 ← : ブロックを左へ移動 ↓ : ブロックを下へ移動 SPACE : ブロックを回転 概要 先に全体の流れを図示すると以下のような構成になりました。 後述しますが、Timer/KeyInputStraemからActionが発行され、ゲームのステートを更新
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
