ロード中に表示するシマー効果付きスケルトンスクリーンを実装するロード中にユーザの離脱を防ぐためには、プログレスバーやスピナーを表示する手法が定番だ。フリーズしているわけではなくて、ちゃんと処理してますよと示すことにより、ユーザのストレスを軽減できる。 4秒未満ならスピナー、それ以上ならプログレスバー。 所要時間がわかるならプログレスバー、わからないならスピナー。 など使い分けもされている。 しかし、ここ1〜2年くらいでプログレスバーやスピナーのかわりに、スケルトンスクリーンを使っているアプリやサービスが増えた。有名どころでは、FacebookやSlack、Mediumなどだ。 今回は、スケルトンスクリーンの実装方法を紹介する。 スケルトンスクリーンとは スケルトンスクリーンは、画像やCSS、JavaScriptを読み込んでいる間にワイヤーフレームのようなボックスを表示し、UXを向上させるために使われる。ユーザにとってはプログレスバーやスピナーと違いど
