2018年9月25日火曜日

Mac、iOSだけでmp3が再生されないとき!

HTML5のオーディオ再生、Mac、iOSだけでmp3が再生されないときは、再エンコードしてみる。
変なビットレート値だとなんのエラーも出ず、ただ再生されないことがある。

JavaScript CSVパーサー

いちばん優秀そうなCSVパーサー
https://www.papaparse.com/

いままでEXCELでデータ編集する場合は、Unicodeテキスト→UTF-8保存(Firefox対応)とすることが多かったですが、Excelの新バージョン(2016から?)では、UTF-8 CSVが書き出せるので、これを標準にしていこうと思う。

2018年9月21日金曜日

F2 モバイル向けグラフライブラリ

F2
https://antv.gitbook.io/f2/

モバイルに特化したインタラクティブなグラフが作れるライブラリ。
パンでの移動やピンチイン・ピンチアウトでの拡縮にも対応している。
Canvasに描画するかたち。

2018年8月31日金曜日

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

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

2018年8月30日木曜日

動的に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を使う。

参考にしたサイト

2018年8月13日月曜日

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

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

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

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

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