Ionicでアプリ作ったよ！開発方法の紹介

by Shinichi Kozake

Slide 1

Slide 1 text

+QPKEͰ鱆鱻鲎∽鰔鰐鰹猳桬鋶㢚㾶鰟倚↬

Slide 2

Slide 2 text

鲆鱴鱈鲏桬鋶鱃鱌鲗鱜鲋鱈鰈鰗鰯鰊鯼ʙ猳猳

Slide 3

Slide 3 text

&Q[QWMPQY+QPKE!

Slide 4

Slide 4 text

#RCEJG%QTFQXC鰙#PIWNCT鱃倥鰰⛩鱀鰌鰐鱳鱈鱺鲎鱧鱬鱆鱻鲎鱃∽㓱鰊鰼鰐鰲鰟鱎鯮鱻鲗鱡鯮鱝鱹鲐鲄鲓鯮鱓 9GD㕡苏鱃䠉鯵鰗鱱鱈鱪鱇鱺鱆鱻鲎鰆鰛鯽鰺鰟鱆鱻鲎鱕鯮鱛鲋鲗鱃∽㓱鰊鰼鰄鰙鯽鰘鯾鰼猳 +QPKEKU

Slide 5

Slide 5 text

㨍鱟鱧鱛鲋鲗鰘鰠 ɾ⎶鯽+QPKE鱃蓤⹻鰈鰐䛧䠒 ɾ+QPKE鰟盪鯾鰛筸聚 ɾ桬鋶㢚㾶 ɾ≠䠉鰈鰐鱻鲍鱔鱈鲗倚↬鱃鰈鰐鯵鰙㋾鯵鰯鰊猳鰄鰟ㆇ+QPKE鱃䠉鯵鰗鲆鱴鱈鲏鱆鱻鲎鱃∽㓱鰈鰯鰈鰐猳

Slide 6

Slide 6 text

+QPKEͰ鱆鱻鲎∽鰔鰐鰹猳桬鋶㢚㾶鰟倚↬

Slide 7

Slide 7 text

;QOQQ 㨍鰹鰰鰟蒢㘸鱃屬鯹鰼疵鰊鰼鱆鱻鲎鱤鱈鱌鱧鱬鱆鱻鲎鰜㉒櫠鱃鯷鰂鰗鰼痓┮鰟鰷鰺鯵鰳啓鱄鰛㉒櫠鱃鯷鰂鰗

Slide 8

Slide 8 text

;QOQQ 㨍鰹鰰鰟蒢㘸鱃屬鯹鰼疵鰊鰼鱆鱻鲎鱤鱈鱌鱧鱬鱆鱻鲎鰜㉒櫠鱃鯷鰂鰗鰼痓┮鰟鰷鰺鯵鰳啓鱄鰛㉒櫠鱃鯷鰂鰗鰑鰲偗⻟

Slide 9

Slide 9 text

鰬鱄鰙鰅鰲鱄鰛

Slide 10

Slide 10 text

;QOQQ 㨍鰹鰰鰟蒢㘸鱃屬鯹鰼疵鰊鰼鱆鱻鲎鱤鱈鱌鱧鱬鱆鱻鲎鰜㉒櫠鱃鯷鰂鰗鰼痓┮鰟鰷鰺鯵鰳啓鱄鰛㉒櫠鱃鯷鰂鰗

Slide 11

Slide 11 text

+QPKEͰ鱆鱻鲎∽鰔鰐鰹猳桬鋶㢚㾶鰟倚↬ ⋛鰐鰒鰟鰐鰐鯼鯵鰠眯鰯鰔鰐鰡鯼鰻鰑鰂鰚鲎鲎鯮鱝鰘鯾鰗鯵鰛鯵

Slide 12

Slide 12 text

哋ヒ倚↬ 痓┮獌鰄鰇鰂ֺ鰈鱄鯵鰒 VYKVVGT獌UAMQ\CMG 5+GT鰘鱛鱝鱪鲄鱆鯮鱑鱪鱓鱬鰵鰔鰗鰯鰊 ,CXC鰙鱷鯮鲏鰙诎鯽盪鯾

Slide 13

Slide 13 text

㨍㣆鰠鰄鰽鰑鰂嵒鰈鰐鯵鰙㋾鯵鰯鰊 ։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 14

Slide 14 text

։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 15

Slide 15 text

&GOQ

Slide 16

Slide 16 text

[QOQQ [QOQQAYGD K2JQPG#PFTQKF 2QUVITG53. 5GPF)TKF *GTQMW#FFQPU 2TQFWEV#FXGTVKUKPI#2+ WUG6YKVVGT U(CDTKE5&-

Slide 17

Slide 17 text

[QOQQ [QOQQAYGD K2JQPG#PFTQKF 2QUVITG53. 5GPF)TKF *GTQMW#FFQPU 2TQFWEV#FXGTVKUKPI#2+ WUG6YKVVGT U(CDTKE5&-

Slide 18

Slide 18 text

։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 19

Slide 19 text

ɾ#PIWNCT ɾ%QTFQXC ɾ鱙鲗鱻鲏鯽弫⺭鰜䠉㏰ ⑍ㇰ鱙鱈鱬鰜鱙鲗鱻鲏鯽弫⺭ +QPKEUVCTV鰘∽㓱鰆鰽鰼鱙鲗鱻鲏鯵鯵碨⹻禮鯳鰼 6[RG5ETKRV鯽倁㡖碨⹻禮鰳飢償鯳鰼 42)鱨鱓鯮鲏/8鰳%QTFQXC≠鰔鰗鰼猳

Slide 20

Slide 20 text

Slide 21

Slide 21 text

⑍ㇰ鱭鱑鲉鲅鲗鱬鰜鱙鲗鱻鲏鯽弫⺭鰵鰻鰐鯵鰄鰙鯽鱗鯮鱭鰘稥鰌鰼

Slide 22

Slide 22 text

Slide 23

Slide 23 text

KQPKEUVCTV鱗鲂鲗鱭鰘鱻鲑鱜鱋鱓鱬鰟榼㉃鱃蓤㕿

Slide 24

Slide 24 text

UWRGT鱃蓤鱄鰑≬倁㡖鰛鱙鲗鱻鲏鯽餿勤鰜鰘鯾鰼

Slide 25

Slide 25 text

Slide 26

Slide 26 text

#PIWNCT鰠珮)QQING鯽桬鋶鱃ℜ碿鰊鰼ׅ鲆鱤鲗9GD׆鰟鰐鰲鰟鱆鱻鲎鱕鯮鱛鲋鲗桬鋶鱹鲐鯮鲄鲓鯮鱓 #PIWNCT,5猺XGTUKQP猻鰟祱偺鰙鰈鰗 ㅕ㧩鰜鲎鲎鯮鱝 #PIWNCT鰠#PIWNCT,5鰟祱偺鰑鯽ⅳ稰㌈鰠鰛鯵 #PIWNCTKU

Slide 27

Slide 27 text

Slide 28

Slide 28 text

鲂鱈鱓鲑鱡鱹鱬鰜鰹鰔鰗桬鋶鰆鰽鰐鱻鲑鱔鲍鲃鲗鱔峡嵿 6[RG5ETKRV鰠,CXC5ETKRV鰜⻟鰈鰗珮䧢䡆鰳⛐聚鰛樺䥥⩬↹鰂鰙鱓鲍鱝鱽鯮鱝鱎鱺鱜鱋鱓鱬稊⛲鱃▁鯹鰐痊⺧鰛鱝鯮鱵鯮鱟鱧鱬 ,CXCUETKRV鰩鰟鱬鲍鲗鱝鱗鲗鱵鱈鲍 6[RGUETKRVKU ⩬⹻劊鰆鯵鰄鯷猳

Slide 29

Slide 29 text

Slide 30

Slide 30 text

鲆鱴鱈鲏鱆鱻鲎鱕鯮鱛鲋鲗桬鋶鱹鲐鯮鲄鲓鯮鱓珯鲆鱴鱈鲏鱫鱴鱈鱝鰟鱺鲍鱊鱚鱷鲉鯮⃫ 9GD8KGY鰘▶∽鰈鲆鱴鱈鲏鱫鱴鱈鱝鰟#2+鰜鱆鱓鱟鱝鰊鰼㉃禷鰟鰐鰲蒌ㄙ鰟9GD鱆鱻鲎桬鋶鰙⛭鰉鰹鯷鰜∽㓱鰘鯾鰼 %QTFQXCKU ㅕ鰜鱆鱭鱷鯽2JQPG)CR鰟鱡鯮鱝鱗鯮鱭鱃 #RCEJG(QWPFCVKQP鰜⺥↹ #RCEJG%QTFQXC鰙鯵鯷155鯽䠀鰯鰽鰐

Slide 31

Slide 31 text

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

鱖鯮鲄俜㱎疫鱆鱻鲎俜㎦⬒俜鲂鲏鱥鲅鱫鱇鱆俜鱳鱈鱺鲎鱧鱭鱆鱻鲎鰟蚘⫀ 鱝鲂鯮鱬鱫鱴鱈鱝鰟㱎疫┊䠉鯽⭸鯹鰗鯵鰼ℎ 鰎鰟飢䛟㕡苏鰟竑╼⋺宽猳猳

Slide 34

Slide 34 text

։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 35

Slide 35 text

0CX%QPVTQNNGT 鱾鯮鱜鱃▶䥥鰜鲑鯮鱭猺鱟鲐鱓鱣鯵鰺鰛鯵猻鱝鱣鱧鱓⩬鰟鱾鯮鱜鱮鱷鱖鯮鱛鲋鲗 2WUJ 2WUJ 2QR 2QR 鱝鱣鱧鱓鰟␩欎鯽锨橃鰜孉䰛鰆鰽鰗鯵鰼

Slide 36

Slide 36 text

2WUJ this.navCtrl.push('ReadingChartPage', this.book);

Slide 37

Slide 37 text

2QR this.navCtrl.pop();

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 40

Slide 40 text

獈㧩☫鰡ʙ䛟⨉ 桬鋶㨀桴瓹鰠ͣ紓㨍㈴鰠鲎鲎鯮鱝鰈鰗鰼Ⅹ⹻鰑鰔鰐 Ⰸ↛鰟Ⅼ㎦鰘鰊

Slide 41

Slide 41 text

桬鋶鰟篾鰽

Slide 42

Slide 42 text

鰵鰻鰐鯵鰄鰙鱃㿸鯵ⓛ鰊锨橃鱈鲅鯮鱜鱃㚰鯵鰗鰰鰼㨍㬝桬鋶鰩猳猳锨橃鲆鱧鱓鰕鰀鰼鯵鰕鰳鰟↶Ⅼ鰟篾鰽鰛鰟鰘鰊

Slide 43

Slide 43 text

鰵鰻鰐鯵鰄鰙鱃㿸鯵ⓛ鰊锨橃鱈鲅鯮鱜鱃㚰鯵鰗鰰鰼锨橃鲆鱧鱓鰕鰀鰼㨍㬝桬鋶鰩猳猳

Slide 44

Slide 44 text

锨橃鲆鱧鱓鰕鰀鰼锨橃鲆鱧鱓鰕鰀鰼鰄鰙鰘珮+QPKE鰟䫆帹鯽萅鰜鰕鰀 ▪㈘鰜鰛鰼鲆鱧鱓鲐鱽鲏鰘鯳鰽鰡珮鱙鲗鱻鲏鱃餿勤鰜伂☹鰜∽鰽鰼

Slide 45

Slide 45 text

鲆鱧鱓鯽鰘鯾鰼鰙▶鯼鰈鰐鰀鰛鰼猳䫆鰺鱄鰂鰚鯽鱄鰡鰾鯮猳鰎鰈鰗㨍㬝桬鋶鰩猳猳

Slide 46

Slide 46 text

桬鋶㢚㾶

Slide 47

Slide 47 text

[QOQQ [QOQQAYGD [QLJKRUGT ,&.HKNG LJKRUGTKORQTVKFN ,&.5VWFKQ FQYPNQCF KQPKEUVCTV UYCIIGTEQFGIGPIGPGTCVG #2+

Slide 48

Slide 48 text

[QOQQ [QOQQAYGD [QLJKRUGT ,&.HKNG LJKRUGTKORQTVKFN ,&.5VWFKQ FQYPNQCF KQPKEUVCTV UYCIIGTEQFGIGPIGPGTCVG #2+ +10+%鰟%.+鱃≠鯷鰄鰙鰘鱆鱻鲎鰟榼㉃鯽伂☹鰜∽㓱鰘鯾鰼 ⯻窚鰟鱙鲗鱻鲏鰳䠉㏰鰆鰽鰗鯵鰼鰟鰘飢赙鰳鰎鰽鱃餿勤鰜鰊鰼鰙伂☹猳

Slide 49

Slide 49 text

[QOQQ [QOQQAYGD [QLJKRUGT ,&.HKNG LJKRUGTKORQTVKFN ,&.5VWFKQ FQYPNQCF KQPKEUVCTV UYCIIGTEQFGIGPIGPGTCVG #2+ UYCIIGTEQFGIGP鱃䠉鯵鰼鰄鰙鰘珮 9GD#2+鰟⹻劊鯼鰺#PIWNCT鰟 *662蒌⋂鱗鯮鱭鱃哋▶䠀㓱猳⊠┊猳

Slide 50

Slide 50 text

桬鋶鱨鯮鲏

Slide 51

Slide 51 text

8KUWCN5VWFKQ%QFG 9GD5VQTO 8KUWCN5VWFKQ

Slide 52

Slide 52 text

8KUWCN5VWFKQ 9GD5VQTO ⎶鯽蓤鱄鰑鰟鰠鰄鰽盪鯾鰛鰟≠鯻鯷猳 8KUWCN5VWFKQ%QFG

Slide 53

Slide 53 text

։ൃํ๏ *POJDΛબఆͨ͠ཧ༝ :PNPPͷ঺հ +QPKE鰟盪鯾鰛筸聚 ࢖༻ͨ͠ϓϥάΠϯ 桬鋶鰟篾鰽䠉鯵鰐㕡苏ɾ桬鋶鱨鯮鲏

Slide 54

Slide 54 text

EQTFQXCURNCUJ EQTFQXCKEQP 紝鰜⊠┊鰑鰙禮鰉鰐鰟鰠鰄鰟獄鰕 KEQPRPI URNCUJRPI ⛥鱻鲍鱧鱬鱹鱍鯮鲄ɾ䷐㨌鱙鱈鱞鰅鰙鰟鱆鱈鱗鲗鰵鱝鱻鲍鱧鱛鲉锨畘鱃哋▶䠀㓱

Slide 55

Slide 55 text

鰯鰙鰲

Slide 56

Slide 56 text

疟鰙碨⹻鰈鰗鯵鰼倱㲬碨⹻鰈鰗▶鰀 +QPKE鰟鱴鯮鱜鲋鲗鱆鱧鱻窸鰜鰒鰸鰔鰙嗇▕

Slide 57

Slide 57 text

鲐鱝鲁鲗鱝⠰欭鰛鰈猳㱎疫鱆鱻鲎鲐鱽鲏鰘鯳鰽鰡鰄鰽鰘畳ⓧ猳鰒鰸鰔鰙菈▶鯽蒴鰲獑䫆屬鰬鰈鯵

Slide 58

Slide 58 text

伂☹鰜鱝鱣鯮鱬鰘鯾鰼猳鱈鲗鱝鱬鯮鲏鰈鰗KQPKEUVCTV伂☹猳㑄鰽鰼鰙鲆鱧鱓鲐鱽鲏鰠鱙鱓鱙鱓∽鰽鰎鯷

Slide 59

Slide 59 text

9GD紓鰳鰄鰽鰘鯵鯵鰟鰘鰠猳 +QPKE鰘9GD鱆鱻鲎鰳∽鰽鰡鯵鯵鰟鰘鰠獑㏰屬ⓧ鯼鰽鰎鯷∽鰔鰐↛鯵鰽鰡窔鯹鰗猳

Slide 60

Slide 60 text

/GGV7R猳+QPKE猳鰰鱄鰛猳㎦⬒ↅ稰鰈鰹鯷鰍猳猳