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
82
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
670
pixiv chatstory の PWA としての取り組み
ikasoumen
5
5.7k
ただしく学ぼうPWA
ikasoumen
2
580
Angular + Ionicを使って iOSエンジニアにもやさしいPWA開発をした話
ikasoumen
0
810
Other Decks in Technology
See All in Technology
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
360
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
120
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
340
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
160
私が trocco を推す理由
__allllllllez__
1
240
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
190
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
240
Building Dashboards as a Hobby
egmc
0
230
require(ESM)とECMAScript仕様
uhyo
3
760
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
390
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
530
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Code Reviewing Like a Champion
maltzj
514
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
What's in a price? How to price your products and services
michaelherold
237
11k
Happy Clients
brianwarren
92
6.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
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