mascii @mascii_k X Profile

mascii

@mascii_k

Followers

890

Following

13K

Media

479

Statuses

5K

Web Application Developer at freee / TypeScript / Go / React / Vue.js / Organizer of #WeJS and #wakate_mokumoku / Opinions are my own

Tokyo, Japan

Joined March 2017

Don't wanna be here? Send us removal request.

mascii

@mascii_k

2 years

半年前から作っていた Vue.js のフォームバリデーションライブラリを正式リリースしました🚀

vue-yup-form.pages.dev

Headless form validation with Vue and Yup

0

15

63

mascii

@mascii_k

30 minutes

1秒間に最大数千回も撮影しています.（※動かす速さで回数が変わります）.#Switch2のひみつ展

0

mascii

@mascii_k

3 hours

マウス座標を可視化してみたが、カクカクとした操作感だった。ポーリングレートが50Hzくらいしか出ていなさそう。. 参考にしたリポジトリに「Mouse Support (Yeah, but the speed needs to be increased)」と書いている理由がわかった。

1

0

mascii

@mascii_k

11 hours

マウス座標の取得はこのリポジトリを参考にした。またデモページ作ろうかな.

github.com

repo for the joycon2cpp syncer script. Contribute to TheFrano/joycon2cpp development by creating an account on GitHub.

1

0

mascii

@mascii_k

11 hours

Web Bluetooth API で Joy-Con 2 のマウス座標を取得できた🖱️.X,Y軸それぞれで0〜65535までの値をとり、境界値を跨ぐときは65535と0の間を行き来した。.センサー値をみて、結構精度高いな〜という印象！

1

0

1

mascii

@mascii_k

1 day

@youtoy try {} catch (error) {} で error instanceof Error しないとダメだよ、の良い例ではある.

0

mascii

@mascii_k

1 day

@youtoy Bluefy でデバイスを選ばなかったときのエラーをよく確認すると、数値型の 2 だった。.エラーメッセージ分かりにくすぎるので、ここだけエラーハンドリングしてメッセージを定義した。. JS はなんでも throw (Promise.reject)できるけど、2 を throw するのは初めて見た. 2️⃣.

github.com

Joy-Con 2 + Web Bluetooth API Demo. Contribute to mascii/joy-con-2-web-bluetooth-api-demo development by creating an account on GitHub.

1

0

mascii

@mascii_k

1 day

@youtoy meta タグの Smart App Banners で iOS Safari でデモページ開いているときには Bluefy のインストールとアプリの移動を促すようにしてみた。.自分で開発したアプリではなくても、バナーを表示したりできるっぽい。

1

0

mascii

@mascii_k

1 day

@youtoy iOS 版 LightBlue でもボタン状態取れていたから、ネイティブアプリで対応すれば接続できなくもないだろうな. と思っていたけど、Web Bluetooth API の Polyfill として機能するブラウザがあるとは思っていなかった. .

1

0

mascii

@mascii_k

1 day

@youtoy 「Bluefy で iOS にも対応可能に」を追記した.

zenn.dev

1

0

1

mascii

@mascii_k

2 days

@youtoy Vite dev server で開発中のページを iOS から開くには cloudflared が登録なしで利用できて便利だった(これも @youtoy さんが記事書いていた)。. Web Bluetooth API は https 必須(localhost 除く)なので、cloudflared みたいなサービスがあると検証しやすい.

qiita.com

概要タイトルの通りです。 ngrok とかが有名どころの、ローカルに立てたサーバをインターネット側からアクセスできるようにするやつです（Bot開発のプロトタイプを作る時とか、ローカルでテスト的に作ったサーバにインターネット側から HTTP リクエストを送りたい、とかそう...

1

0

1

mascii

@mascii_k

2 days

@youtoy Bluefy でページを開いているかは User-Agent で判定し、Bluefy の場合はデバイス名でフィルタリングするようにした.

github.com

Joy-Con 2 + Web Bluetooth API Demo. Contribute to mascii/joy-con-2-web-bluetooth-api-demo development by creating an account on GitHub.

1

0

mascii

@mascii_k

2 days

@youtoy Joy-Con 2 を Web Bluetooth API で接続するデモページに、非対応ブラウザ向けのガイドを追加してみた。. open this page with Bluefy のリンクで iOS Safari から Bluefy に直接飛べるようにしてみた.

1

0

1

mascii

@mascii_k

2 days

@youtoy Bluefy では navigator.bluetooth.requestDevice の manufacturerData だとうまくデバイスの絞り込みができなかったので、Joy-Con 2 (L) のようなデバイス名で絞り込みする必要があるっぽい？.

1

0

mascii

@mascii_k

2 days

@youtoy IQOS のファームウェア更新にも Web Bluetooth API が使われているらしく、iPhone, iPad をご利用の場合は Bluefy のインストールが必要と案内されていた🚬.

1

0

mascii

@mascii_k

2 days

Bluefy について調べていたら、@youtoy さんのポスト引っかかったw.

you

@youtoy

1 year

iPad で「Bluefy」アプリを使って、Web Bluetooth API を使った #toio のモーター制御を軽くお試し！. Safari だと使えない Web Bluetooth API を、利用可能なブラウザアプリ Bluefy の上で、 #p5js と #p5toio を合わせた処理を動かしています. タッチ操作の座標により、スピードや動きが変わる実装