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
88
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
820
pixiv chatstory の PWA としての取り組み
ikasoumen
5
6.1k
ただしく学ぼうPWA
ikasoumen
2
630
Angular + Ionicを使って iOSエンジニアにもやさしいPWA開発をした話
ikasoumen
0
880
Other Decks in Technology
See All in Technology
AOAI で AI アプリを開発する時にまず考えたいこと
mappie_kochi
1
680
newmo の創業を支える Software Architecture と Platform Engineering
110y
5
470
さくらのクラウド開発の裏側
metakoma
PRO
1
1.1k
Global Azure2025(GitHub Copilot ハンズオン)
tomokusaba
2
740
SaaS公式MCPサーバーをリリースして得た学び
kawamataryo
4
1k
Ninno LT
kawaguti
PRO
1
120
Google Cloud Next 2025 Recap アプリケーション開発を加速する機能アップデート / Application development-related features of Google Cloud
ryokotmng
0
160
AI 코딩 에이전트 더 똑똑하게 쓰기
nacyot
0
540
DjangoCon Europe 2025 Keynote - Django for Data Science
wsvincent
0
550
試作とデモンストレーション / Prototyping and Demonstrations
ks91
PRO
0
110
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
carta_engineering
0
27k
Gateway H2 モジュールで スマートホーム入門
minoruinachi
0
140
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Code Review Best Practice
trishagee
68
18k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Invisible Side of Design
smashingmag
299
50k
Designing Experiences People Love
moore
142
24k
A Tale of Four Properties
chriscoyier
159
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.6k
Docker and Python
trallard
44
3.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
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