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

Dive into Animate Spans with text and performance

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
3
2.4k
Java 21 Overview
Avatar for LINE Developers line_developers
6
1.3k
Code Review Challenge: An example of a solution
Avatar for LINE Developers line_developers
1
1.5k
KARTEのAPIサーバ化
Avatar for LINE Developers line_developers
1
600
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.3k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.4k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.8k
A/B Testing at LINE NEWS
Avatar for LINE Developers line_developers
3
1.1k
LINEのサポートバージョンの考え方
Avatar for LINE Developers line_developers
2
1.4k

Other Decks in Technology

See All in Technology
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.9k
What happened to RubyGems and what can we learn?
Avatar for Mike McQuaid mikemcquaid
0
300
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
390
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
250
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
170
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
940
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
450
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
140
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
440
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.4k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160

Featured

See All Featured
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.8k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Between Models and Reality
Avatar for mayunak mayunak
1
190
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k

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