memorandums

日々の生活で問題解決したこと、知ってよかったことなどを自分が思い出すために記録しています。

iPhoneではLINE等のリンクをタップした直後にタッチを認識しなくなる、なぜ?

明日から始まる地元小学生を対象としたアート制作イベント用に、どうぶつの森を真似したメロディー制作アプリ?を作りました。PCではChromeとかSafariで動作することを確認し、手持ちのAndroidでも問題なく動作することを確認していました。

editor.p5js.org

すると、昨夜、同イベントのスタッフ学生さんからiPhoneで動作しません。とのこと。。。ありゃりゃ。

手持ちのiPadで確認すると確かにタッチを認識しない。これについてはmousePressedを認識しないのでtouchStarted等を追加するという対策がすぐ浮かびました。

それでもp5.Oscillatorを使った音が出なかったり。しかもSafariだけではなくChromeも挙動が異なりました。iPhoneは鬼門。。。

とりあえず色々変えてタッチの認識と音が出るところまでは直しました。

でもね。。。なぜかLINEやメールなどに含めたリンクを踏んだ直後に開かれるページでは無反応になるんですよ。。。iPhoneではデバッグができないからMacのSafariの開発メニューからデバッグしてみましたが、やはりタッチイベントが発生しないんです。

iPhoneで一度、p5jseditorの編集モードに戻して、再度実行するとタッチを認識するんですが。。。面倒です。

LINEもメールもだめだから、当然、カメラアプリでQRコードを読み込んだあとに開かれるSafariでもダメでした。

これ、プロの方って既知なんだと思うんです。

何が問題なのでしょう?しばらく調べてみたけどわかりませんでした。