Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
3
2.4k
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.5k
KARTEのAPIサーバ化
Avatar for LINE Developers line_developers
1
590
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.2k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.3k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.7k
A/B Testing at LINE NEWS
Avatar for LINE Developers line_developers
3
1k
LINEのサポートバージョンの考え方
Avatar for LINE Developers line_developers
2
1.4k

Other Decks in Technology

See All in Technology
AWS Security Agentの紹介/introducing-aws-security-agent
Avatar for tomoki10 tomoki10
0
190
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
Avatar for maimyyym maimyyym
2
380
Edge AI Performance on Zephyr Pico vs. Pico 2
Avatar for misoji engineer iotengineer22
0
140
Debugging Edge AI on Zephyr and Lessons Learned
Avatar for misoji engineer iotengineer22
0
180
エンジニアリングをやめたくないので問い続ける
Avatar for estie | エスティ estie
2
1.2k
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
680
.NET 10の概要
Avatar for tomokusaba tomokusaba
0
100
グレートファイアウォールを自宅に建てよう
Avatar for 綿糸てせ ctes091x
0
150
re:Invent 2025 ~何をする者であり、どこへいくのか~
Avatar for tetutetu214 tetutetu214
0
210
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1.2k
Gemini でコードレビュー知見を見える化
Avatar for ZOZO Developers zozotech
PRO
1
250
日本Rubyの会の構造と実行とあと何か / hokurikurk01
Avatar for Masayoshi Takahashi takahashim
4
1k

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k

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