1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Apps ScriptAdvent Calendar 2017

Day 21

Google App Maker ー AppLoader で描画前に処理を行う

Posted at

App Maker には AppLoaderという機能があって、これを使うことで画面描画前に処理を挟むことが出来る。

そこまで重要な機能ではないが、そういうのがある、というのは頭の片隅に入れといたほうが良さそう。

事前準備

初期ページの onAttachonDataLoad イベントに処理状況がわかるようにログ出力を記述しておく。

image.png

AppLoaderを使わない場合

1.アプリのローディングが表示される

image.png

2.ページが読み込まれる(onAttachが発火)

ページが読み込まれるとページに設定されたデータのロードが開始される。
image.png

3.データが読み込まれる(onDataLoadが発火)

image.png

AppLoaderを使って事前にデータを読み込んだ場合

1.アプリのローディングが表示される

image.png

このとき Chrome のコンソールを出してみると

datasource.load() が実行中で結果を待っている状態が確認できる。
image.png

2.画面が表示された瞬間にデータが読み込まれた状態になっている(onAttach, onDataLoadが発火)

つまり、描画前にデータのロードが終わっているため、データソースを読み込み中である部分が省略できるという話。1

image.png

その他

複数ページある場合に、どのページから開かれても一度だけ特定の処理を行わせたい、みたいなときにも使えるかな。

  1. その分最初のロードが長くなるが。

1
3
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
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?