Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UIT#4 ページ遷移Animation & Skeleton screen をWebViewアプリに実装した体験談

UIT#4 web in App ネイティブアプリケーションのように振る舞うウェブの登壇資料です。
https://uit.connpass.com/event/98729/

実プロジェクトでページ遷移AnimationとSkeleton screen を実装した体験談を掲載。参考数値もでているので、事例として今後の参考になると思います。

[追記]
スライドの文字が欠損してしまったので下記に移動。
https://speakerdeck.com/shoyokyo/uit-number-4-peziqian-yi-animation-and-skeleton-screen-wowebviewapurinishi-zhuang-sitati-yan-tan

  • Be the first to comment

UIT#4 ページ遷移Animation & Skeleton screen をWebViewアプリに実装した体験談

  1. 1. & A UIT#4 Web in App
  2. 2. J A E Shoyo kyo @shoyo_kyo
  3. 3. LINE Front End Engineer
  4. 4. LINE Front End Engineer ネイティブアプリケーションの ように振る舞うWEB
  5. 5. S 5 A R W F V 5 5
  6. 6. LINE ポイント
  7. 7. LINE ポイント Projectの特徴 5 P JO D 5 I A
  8. 8. JP A H L SRM
  9. 9. + A +
  10. 10. c c a % 1 0 P A % 1 0 A V S A
  11. 11. > = V U P X
  12. 12. A 1 J P S 1 5 9
  13. 13. S l - 6 3 6 0 58 4 55 2 S V Vk m 1 ( e S V Vk m ) ) % . % c S DV P A i a U
  14. 14. . 1
  15. 15. - )1 .- (2 .21 AC .21 ) . .- -1
  16. 16. ie .( 1 1 P ( ()- c 1 R P R g A a
  17. 17. c 2 -. . - P ) . 1 a d ( 2 . A D S . . C 2 .
  18. 18. Psl 1 1 . .1 rn ) -2 ao g Vt ( i k A CD d e p c CDS m
  19. 19. 1 h T n P h t r NI i m R U e P 1 w d pyA L lP aOo P 1 hv . . 1 A
  20. 20. a w . 44 m - T 44 cp S 1 S 44 W 12 1 1 1 Pf 1 T 44 t inI NS S . e . TxS 44 t dlP s 44sT B ro AB TP m 1 O
  21. 21. .
  22. 22. ) 2 . ( )). A <div class=“ExPlaceholder” /> <div class=“” /> <div class=“ExPlaceholder ExPlaceholderAnimate” /> UI C . 2 .
  23. 23. 2 2 . . 2 : 2. . 2 G 2. . 2 2 2 C D : 2 2 A S
  24. 24. ) - 2 : 0 22 S A , 2 2. % .1 2 .0 : 1 2. % .1 2 : : : 222222 (2 (2 ( )2 # 2;2. .0 : 1% 2 ( ( )2
  25. 25. :- .2 1 2 2 L - db dbe : A 2 2 Uca - 1 . 2 1 .2 P 2 2 GL GS
  26. 26. co C sl cn G k6 th6 i G G co S U P r Cco Ge
  27. 27. LINE Mileage E B
  28. 28. A
  29. 29. I A
  30. 30. & O I aa S A a & ( )
  31. 31. A @ B
  32. 32. @
  33. 33. B A @ B
  34. 34. LINE Front End Engineer WebView
  35. 35. 9 : /6645 888 4-076-53 .32 4356 /621 /6645 888 4-076-53 .32 4356 /621 /6645 888 4-076-53 .32 4356 /621 /6645 888 4-076-53 .32 4356 /621 /6645 888 4-076-53 .32 4356 /621

×