Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dive into Animate Spans with text and performance

Avatar for LINE Developers LINE Developers
October 19, 2021
Technology
0
2.7k

Dive into Animate Spans with text and performance

Animation Emoji

Wakeel Ahmad Abdul

Avatar for LINE Developers

LINE Developers

October 19, 2021
Tweet

More Decks by LINE Developers

See All by LINE Developers
LINEスタンプのSREing事例集：大きなスパイクアクセスを捌くためのSREing
Avatar for LINE Developers line_developers
1
2.3k
Java 21 Overview
Avatar for LINE Developers line_developers
6
1.2k
Code Review Challenge: An example of a solution
Avatar for LINE Developers line_developers
1
1.3k
KARTEのAPIサーバ化
Avatar for LINE Developers line_developers
1
540
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.2k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.1k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.5k
A/B Testing at LINE NEWS
Avatar for LINE Developers line_developers
3
980
LINEのサポートバージョンの考え方
Avatar for LINE Developers line_developers
2
1.3k

Other Decks in Technology

See All in Technology
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
Avatar for yut yu_kod
1
270
ゼロからはじめる採用広報
Avatar for Yuta Horii yutadayo
3
910
Tokyo_reInforce_2025_recap_iam_access_analyzer
Avatar for h-ashisan hiashisan
0
180
Connect 100+を支える技術
Avatar for Yamakan kanyamaguc
0
200
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
27k
Should Our Project Join the CNCF? (Japanese Recap)
Avatar for whywaita whywaita
PRO
0
340
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
Avatar for 株式会社カオナビ kaonavi
9
4.2k
AI時代の開発生産性を加速させるアーキテクチャ設計
Avatar for PLAID Tech plaidtech
PRO
3
150
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
Avatar for ropQa ropqa
1
230
Sansanのデータプロダクトマネジメントのアプローチ
Avatar for SansanTech sansantech
PRO
0
150
What’s new in Android development tools
Avatar for Yuki Anzai yanzm
0
310
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for markhor64456 airhelpsupport
0
380

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.7k

Transcript

  1. Dive into Animate Spans with text and performance Animation Emoji

  2. 8BLFFM"INBE"CEVM -*/&'VLVPLB"OESPJE%FWFMPQFS • .PWFE UP +BQBO  • #JH GBO

    PG "OESPJE • /FUGMJY "OJNF BOE $SJDLFU

  3. Animation Emoji

  4. Introduction File Format Spans How to display animation in TextView/EditText

    Performance Conclusion 01 02 03 04 05 06 Contents

  5. *OUSPEVDUJPO • -*/&SFDFOUMZJOUSPEVDFE"OJNBUJPO&NPKJGFBUVSF • 6TJOHFNPKJTJOUFYUNFTTBHFTDBONBLFUIFVTFSTDPNNVOJDBUJPONFTTBHFTNPSF GVOBOEFOUFSUBJOJOH • 5BLFUIJTFNPKJFYQFSJFODFUPOFYUMFWFM

  6. "1/( • 4VQQPSUCJUJNBHFT • 4VQQPSUCJUUSBOTQBSFODZ • -PXFSGJMFTJ[F (*' • %PFTOPUPGGFSBMQIBDIBOOFM

    • 0OMZTVQQPSUTDPMPST • #JHHFSGJMFTJ[F • 4VQQPSUFEBDSPTTEJGGFSFOU QMBUGPSNT "1/(WT(*'

  7. 8IBUJT"1/( • "OJNBUFE1PSUBCMF/FUXPSL(SBQIJDT "1/( • 1/(EFDPEFSDBOEJTQMBZ"1/(CVUXJUIPVU BOJNBUJPO • 5IFGSBNFTQFFEEBUBBOEFYUSBBOJNBUJPO GSBNFTBSFTUPSFEJOFYUSBDIVOLT

  8. )BSEXBSF • 6TF(16 • 0QFSBUJPOTBSFSFDPSEFE • "GGFDU7JFXJOWBMJEBUF  4PGUXBSF •

    6TF$16 • 0QFSBUJPOTBSFQFSGPSNFE JNNFEJBUFMZ • -JNJUFEDBDIFTJ[F )BSEXBSFWT4PGUXBSF 7JFX3FOEFSJOH

  9. $POUSPMIBSEXBSFBDDFMFSBUJPO • "QQMJDBUJPO • "DUJWJUZ • 8JOEPX • 7JFX

  10. 8IBUJT4QBO • 4QBOTBSFQPXFSGVMDPODFQUTUIBUBMMPXTUZMJOHUFYUBUDIBSBDUFSPSQBSBHSBQIMFWFMT CZQSPWJEJOHBDDFTTUPDPNQPOFOUTMJLF5FYU1BJOU BOE$BOWBT • 4VQQPSUFECZ5FYU7JFX &EJU5FYU BOEMBZPVUTTUBUJDBOE%ZOBNJD-BZPVUT •

    )5.-GPSNBUJTDPOWFSUFEJOUPTQBOT

  11. 4QBOOBCMF4USJOH

  12. LET’S START CODING

  13. "1/(%SBXBCMF • "1/(%SBXBCMF JTGBTUBOEMJHIUXFJHIU"1/(JNBHFEFDPEFSMJCSBSZGPS"OESPJE QMBUGPSN • 0QFOTPVSDFIUUQTHJUIVCDPNMJOFBQOHESBXBCMF • 1SPWJEFNBOZVTFGVMNFUIPET

  14. %FDPEJOH "1/(%SBXBCMF • %FDPEFGSPN'JMF • %FDPEFGSPN*OQVU4USFBN • %FDPEFGSPN"TTFU

  15. %SBXBCMF$BMMCBDL • %SBXBCMF$BMMCBDL UPOPUJGZ7JFXUIBUJU`TUJNFUPSFOEFSOFYUGSBNF

  16. "OJNBUFTQBOJOTJEF5FYU7JFX

  17. 1SPCMFNTXJUI5FYU8BUDIFS BOEJT4FMFDUBCMF • &EJUPSJTBUUBDIFEUPUIF5FYU7JFX XIFOXFVTFBCPWFQSPQFSUJFT • $BMMJOH 5FYU7JFXJOWBMJEBUF XJMMOPUDBVTFSFESBXJOHJG 5FYU7JFX

    IBTFEJUPSBUUBDIFE UPJU

  18. JT4FMFDUBCMF "MUFSOBUJWF • "WPJEVTJOH5FYU7JFXJT4FMFDUBCMF BOEXFDBOBDIJFWFUIFTBNFCFIBWJPSXJUI GPMMPXJOHDPEF

  19. 4PMVUJPOGPS5FYU8BUDIFS • 8FDBOVTF4PGUXBSF3FOEFSJOH • $BDIFJTTVFXJUI4PGUXBSF3FOEFSJOH

  20. $BDIFJTTVFXJUI4PGUXBSF3FOEFSJOH • -JNJUUIFIFJHIUPG5FYU7JFX • 8SBQBSPVOE5FYU7JFX JOTJEF4DSPMM7JFX

  21. "OJNBUFTQBOJOTJEF&EJU5FYU

  22. 4PGUXBSF3FOEFSJOHXJUI&EJU5FYU • 8FNVTUVTF4PGUXBSF3FOEFSJOHGPS&EJU5FYU • 4PGUXBSFSFOEFSJOHIBTDBDIFJTTVF

  23. 1FSGPSNBODF • /VNCFSPG4QBOT • 3FOEFSJOH.FUIPET

  24. 1FSGPSNBODF /VNCFSPG4QBOT • 0QUJNJ[FWJFXJOWBMJEBUJPO • -JNJUOVNCFSPGTQBOT • 6TF1SFDPNQVUFE5FYU

  25. 1FSGPSNBODF 3FOEFSJOH.FUIPET • )BSEXBSFSFOEFSJOHJTGBTU • -JNJUUIFIFJHIUPG7JFXTUPTBWF$BDIF

  26. $PODMVTJPO • "1/(GJMFGPSNBUIBTBEWBOUBHFTPWFSPUIFSGPSNBUT • 4QBOTBSFHPPEXBZUPEFDPSBUFUFYU • 3FOEFSJOHNFUIPETDBOBGGFDUWJFXTJOWBMJEBUJPO • 4PGUXBSFSFOEFSJOHTPMWFTJTTVFCVUCFBXBSFPGDBDIFMJNJUBUJPO •

    )BWJOHTQBOTJOUFYUDBOBGGFDUQFSGPSNBODF

  27. THANK YOU