色々なデザインパターンPCの時だけfalseにするiPadOSのiPadだけtrueにするiPadOSじゃないiPadだけtrueにするmacOSだけtrueにするタッチできる端末だけtrueにするさいごにこんにちは!今日はユーザーエージェントでiPadか否かを対応する方法についてです。console.info('iPadからのアクセスじゃないです')}解説まずtestメソッド+正規表現+UserAgentでUserAgentに文字列iPadかMacintoshがあるか調べます。/iPad|Macintosh/i.test(navigator.userAgent)これだとipadOSじゃないiPadとipadOSのiPadはtrueになるけどmacOSもtrueになってしまいます。そりゃそうだ’Macintosh’って書いてあるし。タッチ可能かを以下のように判断します。documentontouchendはタッチスクリーンから指を離した時に発火するやつです。MacはタッチスクリーンのPCじゃないのでfalseになります。これをさっきのと組み合わせることでiPadだけtrue(使ってるOSは関係ない)となるってわけよ。これだとiPadOSのiPadがfalseになっちゃう。/iPhone|iPod|iPad|Android/i.test(navigator.userAgent)なのでこう変える。document)他にも色々。Others2019-09-17WordPressが嫌でNuxt.js+Contentfulでブログを作ったけどHugoに移行した話-前編JavaScript2019-09-08【JS】ユーザーエージェントでiPadを判別(iPadOS対応版)Others2019-09-04ブログリニューアルTAGSタグjavascriptcssothersmathpythonhtml当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。