Android✕WSL2 Webアプリの実機デバッグまでの道 完全版

WSL2でホスティングしているWebアプリをAndroid実機でデバッグしようとすると、地味にハマるポイントが多い。 よく頻繁に沼ったので、陥りそうなところを一気通貫でまとめておく。

piexifjs で日本語の EXIF を書こうとして InvalidCharacterError で落ちる話

ブラウザ上で撮影した画像に EXIF(撮影者名や説明)を書き込む処理を piexifjs で実装してたら、英数字のときは普通に通るのに日本語を入れた瞬間に InvalidCharacterError が出てクラッシュした。 原因を追っていったら、piexifjs 単体のバグというより bt…

モバイルで `<a download>` が効かず画像が別タブで開く問題と、その正しい直し方

モバイルで <a download> が効かず画像が別タブで開く問題と、その正しい直し方 個人開発しているアプリでギャラリーから画像を保存する機能を作っていたら、PCでは普通にダウンロードできるのにスマホだけ画像が新しいタブで開いてしまう、という現象にハマった。downlo</a>…

Dev Containerのファイルはdocker cpしなくてもVS Codeでダウンロードできる

Dev Container内のファイルをローカルに持ってきたいとき、毎回docker cpでWSLにコピーしてくるという力技を使っていた。Geminiに聞いたらVS Codeだけで完結する方法を教えてもらった。

V6プラス環境でリモートデスクトップとWoLを設定する

プロバイダーをV6プラスに変更したら、今まで使えていたWoL(Wake on LAN)のリモート起動が動かなくなってしまった。調べながらなんとか解決したので、同じ構成で詰まってる人の参考になればと思って残しておく。

ドラッグ中のスクロールをJSで止めようとしてAndroidだけ効かなかった話

Webアプリでドラッグ操作中にブラウザのスクロールを止めて上下に近づけたら少しずつスクロールしたい、というよくある要件でハマった話。 PCでは完璧に動いてたのに、Androidで試したら全然効かなかった。「同じChromeやのになんで?」って調べていたら、ブ…

AndroidのChromeをPCからデバッグする方法(USB接続・ワイヤレス接続)

最近スマホのWebアプリをデバッグする必要がありAndroidのChromeをPCから見れるようにしたんですが、めっちゃハマったので備忘録として残しておく。