CreateJS勉強会 (第6回) まとめ
- tonkotsuboy_com
- 7081
- 0
- 0
- 15
LT#1: オーディオスプライトを使った音声ファイルの最適化 ICS 鹿野 壮
第6回CreateJS勉強会「オーディオスプライトを使った音声ファイルの最適化」のデモです! オーディオスプライトを使わないデモ goo.gl/tFOWrx オーディオスプライトを使ったデモ goo.gl/BLLuQv #CreateJS
2015-09-04 19:02:20ICS鹿野さんによるLT「オーディオスプライトを使った音声ファイルの最適化」もうすぐ始まります ( #createjs live at ustre.am/TYDn)
2015-09-04 19:04:40ICS鹿野によるLT「オーディオスプライトを使った音声ファイルの最適化」が始まります。 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:05:17Webページの制作で読み込むファイル数が多いと読み込み時間が伸びる。CSSスプライトやJSファイルの結合など、最適化する手法が一般的。 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:06:45Q. スプライトシートを知っている方はどのくらいいますか? A. 会場の9割、挙手 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:08:20Q. オーディオスプライトを知っている方は? A. 会場の3割、挙手 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:09:22読み込みファイルが多くなりがちな現代のフロントエンドで、読み込みファイルを減らす取り組みの話 #createjs
2015-09-04 19:10:04オーディオスプライトはCSSスプライトの音声版。 CreateJSのSoundJSを使えば、手軽に実装できる。 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:10:28オーディオスプライト機能は面倒そう、難しそう? そんなことはない。そう、soundJSがあればね! #createjs
2015-09-04 19:11:46オーディオスプライトを使ったデモを紹介し、ファイルの読み込み時間短縮の効果を紹介。 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:12:57オーディオスプライトを使うと、3.1秒かかっていたものが0.9秒まで読み込み時間短縮に効果があった。 ( #createjs live at ustre.am/TYDn)
2015-09-04 19:13:31オーディオスプライトは、SoundJSのHTMLAudioPlugin方式と相性が悪い ( #createjs live at ustre.am/TYDn)
2015-09-04 19:14:29(個別ファイル)22ファイルファイルサイズ3.2MB読み込み3.0秒>(オーディオスプライト)1ファイル3.0MB読み込み0.9秒 #createjs
2015-09-04 19:14:56オーディオスプライトを使うとファイルサイズが小さめになったり、読み込みが早くなったり!でも、万能ではない。メンテコストはそれなりにかかるよ #createjs
2015-09-04 19:14:59