LoginSignup
0
0

More than 5 years have passed since last update.

Cordovaのチュートリアルをやってみる 第五回

Last updated at Posted at 2018-02-13

使用したもの(環境)

  1. cordova
  2. visualStudioCode
  3. windows10
  4. Android

チュートリアルを訳しながらやってみる

チュートリアルのページは下記。

Module 6: Avoiding the 300ms Click Delay

前回のチュートリアル。

Cordovaのチュートリアルをやってみる 第四回

環境構築については別途まとめてあるので下記参照。

cordova&VSCodeで環境を構築するまでの右往左往メモ。


Module 6: Avoiding the 300ms Click Delay

the 300ms Click Delayとは?

参考になるページ:スマホwebサイトのクリック遅延を簡単解消!
と言うか上記ページに全部書いてあります。

参考動画

参考ページ

OSやブラウザのアプデで対応しているようで、私の動作環境では遅延を確認することができませんでした。

1. iOSデバイスまたはiOSエミュレータでアプリケーションをテストする:[ヘルプ]ボタンをタップし、ダイアログが表示されるまでに遅延を確認します。

この遅延は、オペレーティングシステムがおよそ300ms待っているために、ユーザーがターゲットを再度タップする(そしてダブルタップを実行する)かどうかを確認するために発生します。

2. index.htmlに次のスクリプトタグを追加します。

<script src="lib/fastclick.js"></script>

FastClickは、Financial Timesによって構築されたオープンソースライブラリです。詳細はこちら。

3. app.jsでは、devicereadyイベントハンドラ内にFastClickを登録します。

FastClick.attach(document.body);

4. アプリケーションをテストする:[ヘルプ]ボタンをクリックします。メッセージはすぐに表示されるはずです。


参考URL

Module 6: Avoiding the 300ms Click Delay

Cordovaのチュートリアルをやってみる 第四回

cordova&VSCodeで環境を構築するまでの右往左往メモ。

スマホwebサイトのクリック遅延を簡単解消!

参考動画

参考ページ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0