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 yamatai12 yamatai1212
1
360
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
960
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
2k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
470
22nd ACRi Webinar - NTT Kawahara-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
100
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
190
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
260
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.5k
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
130
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
260
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
210
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
310

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
420
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
110
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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