jQueryでスクロール最下部判定

いろいろ書き方があるが、ここが分かりやすく、最新版jQueryでも動いた
https://blog.toshimaru.net/jquery-bottom-scroll/

動的にimgタグで配置した画像の読み込みチェック

//画像読み込み確認
function imageChecker(){
var imgLoaded=0;
var imgTotal=0;
$('.swiper-wrapper img').each(function(){
imgTotal++;
if(0<$(this)[0].naturalHeight){
imgLoaded++;
}
});
if(imgLoaded == imgTotal){
$('.swiper-wrapper').css('opacity', 1);
}else{
setTimeout(function(){
imageChecker();
},100);
}
}

jQuery使用。

width()やheight()は、CSSで設定された値が返ってくるだけなので、naturalHeightを使う。

参考にしたサイト

https://stackoverflow.com/questions/1832907/is-there-any-way-to-read-out-the-naturalwidth-of-an-image-with-jquery

iSpring 文字化けっぽくなる場合の留意点

iSprringで書き出す際に文字化けっぽくなることがある。

有効な対策として、以下２つを設定する。

• iSpringのパブリッシュ設定「Advanced」の中の「Extended font compatibility」にチェックをいれる
• PowerPointの「デザイン」「フォント」で日本語フォント、英語フォントともに「メイリオ」にする

※なお、iSpringは、フォントによって崩れがおきるので「メイリオ」を推奨する

Swiper使用に不意にスライド遷移してしまうのを防ぐ

みなさん、カルーセルのライブラリ何使ってますか？

http://idangero.us/swiper/
このSwiperというのが、PCでもタッチデバイスでも動いて、APIも分かりやすく、なかなか使い勝手良いのだけど１つハマったので共有。

http://idangero.us/swiper/api/
APIリファレンス
オプションで、「allowTouchMove」をfalseにしたほうがよい。デフォルトのtrueのままでPCで操作していると、操作しているときに不意に別のスライドにジャンプしてしまうことがある。

HTMLでローカルファイルの読み込み、保存

HTML5 File APIでテキストファイルの入出力をします。
https://www.thewebflash.com/reading-and-creating-text-files-using-the-html5-file-api/

iOSではHTML5 audioの音量調整ができない

iOSでは、HTML5のvolumeプロパティを変更しても効かない。（ハードウェア/OS側の物理的なボリューム調整を使ってくれという意図。）
https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW10

On iOS devices, the audio level is always under the user’s physical control. The volume property is not settable in JavaScript. Reading the volume property always returns 1.

IE11 audioタグで playbackRate が適用されないことがある

IE11のaudioタグ実装で、Aの音声を再生後（endedイベント）Bの音声を再生、ということをやろうとしたら、Bの音声に playbackRateを設定してもなぜか反映されない現象発生。再現条件は不明。

以下のスクリプトを常時（ticker的なスクリプト内）実行することで対応。

if(audioObj.playbackRate && audioObj.playbackRate != audioRate){

audioObj.playbackRate = audioRate;

}