Closed7
WebHID with Typescript
About
WebHIDやその現状、及びTypeScriptも含めた活用の仕方についてのScrap
動機
@type/w3c-web-hid のcode owner なので.
後で情報をまとめてzennのBookにする.
Memo
- とりあえずReact+typescriptへの組み込みを確認した. SwitchのJoyconのデモを作成して使い方を例示する.
- scrapとbookでは以下についてまとめる.
- how to use
- Typescriptの例(ネットにはanyじゃない正しい型付きの例が無いので(僕が最近作ったので当たり前ですが))
- Reactで使う
- current info
- chrome 89でexperimental featureのタグをenableにしなくてもDefaultで使えるようになる、とか
- how to use
How to use
current info
-
Chrome 89 から標準搭載になる
- 元からこの辺りをいじっていたのでラッキーと思いtypescriptで作っていた型定義をDefinitelyTypedに突っ込むことに.
- 突っ込まれた型がこちら
- webserialの実装が非常に参考になった。
- 後はw3cの定義とにらめっこしながらchromeでひたすら
navigator.hid
のプロトタイプをクリックして確認
進捗
- html+ts(tsc)での input, output
- React+webhidのtypeの挙動とcompile error回避の確認
このスクラップは2021/02/14にクローズされました