Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
モバイルUIアニメーション入門
Search
アシアル株式会社
June 24, 2019
Technology
0
540
モバイルUIアニメーション入門
2019年6月25日(火)開催のアシアル技術セミナーでの発表資料
アシアル株式会社
June 24, 2019
Tweet
Share
More Decks by アシアル株式会社
See All by アシアル株式会社
第2回全国商業高校Webアプリコンテスト説明会(2024年3月版)
asial_corp
0
38
第1回全国商業高校Webアプリコンテスト総括
asial_corp
0
400
6ヶ月間の授業でここまでできた。コンテスト参加に向けての授業内容と生徒の様子を紹介!
asial_corp
0
400
アプリ開発を目指した授業づくりについて
asial_corp
0
420
train20231223_mainslide.pdf
asial_corp
0
550
Monaca Education 活用事例セミナー:「Monacaでゲームプログラミング~作品制作事例~」
asial_corp
0
670
おみくじアプリのスライド_20230719版
asial_corp
0
370
2023年度第二弾無料導入説明会
asial_corp
0
430
Monaca Education_活用事例セミナー「Monacaで情報デザイン」
asial_corp
1
420
Other Decks in Technology
See All in Technology
人間の尊厳、幸福、アクセシビリティ / 第116回「WEB TOUCH MEETING」アクセシビリティSP
nulabinc
PRO
2
180
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
1
190
「ふりかえりのふりかえり」をふりかえり、実のあるふりかえりにする
naitosatoshi
0
220
社内勉強会運営のコツ
senoo
6
1.1k
ユーザーストーリーのレビューを自動化したみたの
bun913
1
320
DevOpsDays History and my DevOps story
kawaguti
PRO
8
1.6k
オブザーバビリティの Primary Signals
onk
PRO
0
550
PHP"オレ"カンファレンスの告知
ysknsid25
0
360
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
190
アプリがつくるNOT A HOTELブランド
hokuts
1
450
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
150
Aurora MySQL v3(MySQL8.0互換)の オンラインDDLの罠挙動を全バージョンで検証した
yutakikai
1
150
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
72
5.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Typedesign – Prime Four
hannesfritz
36
2.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Why Our Code Smells
bkeepers
PRO
331
56k
Clear Off the Table
cherdarchuk
83
310k
Building Applications with DynamoDB
mza
88
5.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Adopting Sorbet at Scale
ufuk
67
8.6k
Transcript
ϞόΠϧUIΞχϝʔγϣϯೖɹ ʙVueΞϓϦέʔγϣϯΛࡐʹʙ ΞγΞϧגࣜձࣾ ɹΤϯδχΞɹฏࢁ
ΞδΣϯμ • ॳΊʹ • ਓ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ • Ξχϝʔγϣϯͷతͱॏཁੑ • ࣮ྫ •
·ͱΊ
ॳΊʹ ॳΊͯͷΞχϝʔγϣϯ࣮ ՝ͱؾ͖ ࣗɿΞχϝʔγϣϯͷཧղΛਂΊΔ օ͞ΜɿΞχϝʔγϣϯͷϞνϕʔγϣϯΛߴΊΔ
ΞδΣϯμ • ॳΊʹ • ਓ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ • Ξχϝʔγϣϯͷతͱॏཁੑ • ࣮ྫ •
·ͱΊ
ਓ͕ʹٻΊΔ͜ͱͷ༏ઌॱҐ • ੈք࠷େͷϝʔϧ৴αʔϏεʮMailChimpʯͷ ɹUXσΟϨΫλʔ(αʔϏεΛ͏ਓͷମݧΛઃܭ͢Δ)ɹ ɹΞʔϩϯɾΥϧλʔ
ਓ͕ʹٻΊΔ͜ͱͷ༏ઌॱҐ • Ξʔϩϯ͕ߟ͑ΔϢʔβʔχʔζͷ֊
࣭ͷྨ • ౦ژཧՊେֶڭतɹङلত ࣭ͷྨϞσϧ (ङϞσϧ)
ङϞσϧͰͷ࣭ͷྨʢൈਮʣ • ͨΓલ࣭ʢྫɿεϚʔτϑΥϯͷىಈʣ ɹɹɹຬͨ͞ΕͯͨΓલ ɹɹɹຬͨ͞Εͳ͚ΕෆຬͱͳΔ • Ұݩత࣭ʢྫɿεϚʔτϑΥϯిݯͷ࣋ͪ࣌ؒʣ ɹɹɹຬͨ͞ΕΕتΕΔ ɹɹɹຬͨ͞Εͳ͚ΕෆຬͱͳΔ •
ັྗత࣭ʢྫɿεϚʔτϑΥϯͷΞϓϦʣ ɹɹɹຬͨ͞ΕΕتΕΔ ɹɹɹຬͨ͞Εͳͯ͘ෆຬͱͳΒͳ͍
ΞδΣϯμ • ॳΊʹ • Ϣʔβʔ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ • Ξχϝʔγϣϯͷతͱॏཁੑ • ࣮ྫ •
·ͱΊ
Ξχϝʔγϣϯͷత • ߦΘΕͨॲཧΛϢʔβʔʹΘ͔Γ͑͘͢Δ
Ξχϝʔγϣϯͷత • ָ͠͞ɺ໘ന͞Λԋग़͢Δ ग़యɿ3FDJQF'JOEFSCZ4FSIJJ)BOVTIDIBLc%SJCCCMFc%SJCCCMF IUUQTESJCCCMFDPNTIPUT3FDJQF'JOEFS
ਓ͕ʹٻΊΔͷ ັྗత࣭ ͨΓલ࣭ ϫΫϫΫײɺָ͠͞Λԋग़͢Δ ΞϓϦͰߦΘΕͨॲཧΛ ϢʔβʔʹΘ͔Γ͑͘͢Δ Ұݩత࣭
ΞδΣϯμ • ॳΊʹ • ਓ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ • Ξχϝʔγϣϯͷతͱॏཁੑ • ࣮ྫ •
·ͱΊ
৭ʑͳΞχϝʔγϣϯ • ΞίʔσΟΦϯ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ • Ϧετදࣔ • ը໘ભҠ • ϩʔσΟϯά
• ϓϩάϨεόʔɹɹɹɹɹɹɾɾɾʑ ग़యɿIUUQTKBPOTFOJPWBQJWVFWPOTMJTUJUFNIUNM
৭ʑͳΞχϝʔγϣϯ • ΞίʔσΟΦϯ • Ϧετදࣔ • ը໘ભҠ • ϩʔσΟϯά •
ϓϩάϨεόʔɹɹɹɹɹɹɾɾɾʑ
εϥΠυ͢Δը໘ભҠ
͛Δը໘ભҠ
์ࣹܕมܗ • ϚςϦΞϧσβΠϯ ɹɹɹग़యɿ."5&3*"-%&4*(/ IUUQTNBUFSJBMJPEFTJHODPNQPOFOUTCVUUPOTGMPBUJOHBDUJPOCVUUPOIUNMUZQFTPGUSBOTJUJPOT
ܨ͗Λײͤ͡͞ͳ͍ը໘ભҠ
ଓܕΞχϝʔγϣϯ ɹɹɹग़యɿ8JOEPXT681BQQMJDBUJPOTc.JDSPTPGU%PDT IUUQTEPDTNJDSPTPGUDPNKBKQXJOEPXTVXQEFTJHONPUJPODPOOFDUFEBOJNBUJPO
ϩʔσΟϯά
ϩʔσΟϯά
Ϟʔγϣϯϩΰ ग़యɿ3FCSBOEc$BTFTUVEJFTc%FTJHOBU6CFS IUUQTXXXVCFSEFTJHODBTFTUVEJFTSFCSBOE
Ϟʔγϣϯϩΰ
ϓϩάϨεόʔ
͓ॕ͍ • ొ࡞ۀ͕શͯྃͨ͠ͱ͖ͷը໘
ਧ͖ग़͠ • Πϯετʔϧޙ
ਧ͖ग़͠ • Ξχϝʔγϣϯௐޙ
Ξχϝʔγϣϯͷεϐʔυ • ϚςϦΞϧσβΠϯ ग़యɿ4QFFEc.BUFSJBM%FTJHO IUUQTNBUFSJBMJPEFTJHONPUJPOTQFFEIUNM (PPE #BE
༻ϥΠϒϥϦ • anime.js - https://animejs.com
ΞδΣϯμ • ॳΊʹ • ਓ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ • Ξχϝʔγϣϯͷతͱॏཁੑ • ࣮ྫ •
·ͱΊ
·ͱΊ • ࠓ·ͰͷΛ౿·͑ͯ ΞχϝʔγϣϯͷϞνϕʔγϣϯ ߴ·Γ·͔ͨ͠ʁ ͦͯ͠…
·ͱΊ গ͠Ͱߴ͍࣭ͷΛ࡞Γग़͍͖ͯ͠·͠ΐ͏ʂ
None