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
Ionic 4 の話
Search
ikasoumen
June 25, 2018
Technology
0
84
Ionic 4 の話
ikasoumen
June 25, 2018
Tweet
Share
More Decks by ikasoumen
See All by ikasoumen
Sharing type definitions between TypeScript And Dart
ikasoumen
0
750
pixiv chatstory の PWA としての取り組み
ikasoumen
5
6k
ただしく学ぼうPWA
ikasoumen
2
600
Angular + Ionicを使って iOSエンジニアにもやさしいPWA開発をした話
ikasoumen
0
840
Other Decks in Technology
See All in Technology
"君は見ているが観察していない"で考えるインシデントマネジメント
grimoh
4
970
福岡新卒エンジニアの会
teba_eleven
1
170
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
530
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
28
12k
TinyGoを使ったVSCode拡張機能実装
askua
2
200
データの信頼性を支える仕組みと技術
chanyou0311
3
1.5k
State of Open Source Web Mapping Libraries
dayjournal
0
200
組み込みLinuxの時系列
puhitaku
3
960
第23回Ques_タイミーにおけるQAチームの在り方 / QA Team in Timee
takeyaqa
0
150
全社横断データ活用推進のコツと その負債とのつき合い方
masatoshi0205
0
160
国土交通省 データコンペ参加者向け勉強会
takehikohashimoto
0
360
What to do after `laravel new`
mattstauffer
0
130
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
How to train your dragon (web standard)
notwaldorf
88
5.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Adopting Sorbet at Scale
ufuk
73
9.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.8k
Optimizing for Happiness
mojombo
376
69k
The Language of Interfaces
destraynor
154
24k
We Have a Design System, Now What?
morganepeng
50
7.2k
Transcript
*POJDͷ 2018/6/25 ԶͷΛฉ͚ʂʂLTେձ #10 ikasoumen
w JLBTPVNFO w UXJUUFS!@JLBTPVNFO w HJUIVCJLBTPVNFO w ϐΫγϒԬΦϑΟε w 8FCٕज़͕͖ͳΤϯδχΞ
ࣗݾհ 2
*POJDͬͯԿʁ
w 8FCٕज़ͰJ04 "OESPJE ΞϓϦΛ࡞ΔͨΊͷ ϑϨʔϜϫʔΫ 044 .*5 w Ұճॻ͍ͨΒશσόΠε
Ͱಈ͘ͷͰָ͘͢͝ w 6*ίϯϙʔωϯτͷ ݟӫ͕͑ωΠςΟϒʹ͍ۙ w QJYJWDIBUTUPSZ18"൛ *POJDͬͯԿʁ 4
w ݄ҎདྷͷϝδϟʔΞοϓσʔτ w தʹग़Δ w ݱࡏBMQIB w ʜʜͷͰɺ*POJDͷΛ͠·͢ *POJD͕དྷΔʂʂ 5
w *POJD·Ͱ"OHVMBS Ͱ͔͑͠ͳ͔ͬͨ w *POJDͷίϯϙʔωϯτ͕"OHVMBSͰ࣮͞Ε͍ͯͨ w *POJD͔Β8FCDPNQPOFOUTͰॻ͖͞Εͨ w 0OTFO6*ͱಉ͡ࢤ w
7VF 3FBDUͳͲͰ͑Δʂ w ެࣜαϙʔτ"OHVMBS͕த৺ w ΑΓ"OHVMBSΒ͘͠ॻ͚ΔΑ͏ʹ 8FC$PNQPOFOUԽ 6
ª 7 ϚʔΫΞοϓͷมߋ # before <button ion-button (click)="doSomething()"> Default Button
</button> # after <ion-button href="#"> Default Anchor </ion-button> w "OHVMBSͷ%JSFDUJWFΛͬ ͍ͯͨͱ͜Ζ͕มΘΔ
w ಠࣗCVJMEϓϩηε͔ΒBOHVMBSDMJʹΑΔCVJMEʹมߋ w $44BOHVMBSDMJͷʹͳͬͨ w 7JFX&ODBQTVMBUJPO&NVMBUFE͕͑Δʂʂ w $44ͷӨڹΛίϯϙʔωϯτ֎ʹᔍΈग़͞ͳ͍Α͏ʹ ͢ΔͭͰ͢ CVJMEϓϩηε"OHVMBSΒ͘͠
8
w ಠࣗͷSPVUFS͔Β"OHVMBSSPVUFSʹ w ΑΓϝϯς͞Ε͍ͯΔํʹدͤΒΕͯخ͍͠ w *POJDSPVUFSͰόάͬͯͨͱ͜Ζ͕Δ "OHVMBS3PVUFS࠾༻ 9
w ैདྷϑΝΠϧʹ·ͱΊΒΕ͍ͯͨίϯϙʔωϯτ܈͕ ίϯϙʔωϯτผͷKT DTTʹ͔ΕΔΑ͏ʹͳͬͨ w ඞཁʹͳͬͨ࣌ͰԆಡΈࠐΈ͢ΔͷͰ ॳظϩʔυ͕͘ͳΔ ಡΈࠐΈ͕͘ͳΔ 10
w ݸਓͰ৽نϓϩδΣΫτͰॻ͍͍ͯΔײ w "1*ϚʔΫΞοϓ͔Β͔ͳΓมΘ͍ͬͯΔ w વυΩϡϝϯτશવͳ͍ͷͰ8FCDPNQPOFOUT ͷ࣮Λݟͳ͕Βॻ͍͍ͯΔ w વ·ͩόάͬͯΔ͚Ͳɺ͔ͳΓͰ͖͍ͯΔ w
ීஈ͍ͬͯͳ͍8FCٕज़͕ΒΕָ͍͍ͯͯ͠ʂ BMQIBΛʑ৮ͬͯΈͨ 11
͜͜·ͰͷΛฉ͍ͯ ͓͔ΓͰ͠ΐ͏
ͦ͏ʜʜ
͔ΒͷόʔδϣϯΞοϓ͕ ͭΒ͍
͕ΜΔͧ
w *POJD͕ࠓग़·͢ʢ༧ఆʣ w 8FCͷ6*ϑϨʔϜϫʔΫͱͯ͠ɺ࠷৽ٕज़͕Γࠐ· Ε໘ന͍ྖҬʹೖΓ͜ΜͩϓϩμΫτ w ػձ͕͋Ε৮ͬͯΈ͍ͯͩ͘͞ʂ w *POJD+BQBOάϧʔϓͷ4MBDLͰαϙʔτͯ͠ΔΑʂ w
IUUQTJPOJDKBIFSPLVBQQDPN ·ͱΊ 16