Slide 1
Slide 1 text
W@GVLVPLB
7VF/BUJWFͰΞϓϦ։ൃ
Slide 2
Slide 2 text
࢙
גࣜձࣾEJ⒎FBTZ
औక$50
!@UBLFTIJ@
'JSFCBTF
7VF
(PMBOH
3VCZ
($1
ϒϩοΫνΣʔϯ
EPDLFS
/VYU
&MJYJS
Թઘ
ϥϯχϯά
-5͓͡͞Μ ಡॻ
ম͓͡͞Μ
Slide 3
Slide 3 text
NBLFEJ⒏DVMUUIJOHTFBTZ
ੈքதͷzΉ͔͍ͣ͠zΛ؆୯ʹ
Slide 4
Slide 4 text
7VF/BUJWFͰΞϓϦ։ൃ
Slide 5
Slide 5 text
·ͣ࠷ॳʹɾɾɾ
Slide 6
Slide 6 text
ɾɾɾ͓קΊ͠·ͤΜɻɻ
Slide 7
Slide 7 text
XIZ7VF/BUJWF
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
18"ͱԿ͔ʁ
1SPHSFTTJWF
8FC
"QQT
ωΠςΟϒΞϓϦͷΑ͏ʹಈ࡞͢Δ
8FCΞϓϦ
Slide 10
Slide 10 text
18"ͰԿ͕Ͱ͖Δʁ
ᶃΠϯετʔϧʢϗʔϜը໘ʹΞΠίϯઃஔʣՄೳ
Slide 11
Slide 11 text
18"ͰԿ͕Ͱ͖Δʁ
ᶄΦϑϥΠϯͰಈ࡞Մೳ
wΦϑϥΠϯͰΞϓϦಈ࡞
wαʔόʔͱͷ௨৴ෆՄ
w௨৴࠶։࣌ʹαʔόʔૹ৴ड৴
Slide 12
Slide 12 text
18"ͰԿ͕Ͱ͖Δʁ
ᶅϓογϡ௨Մೳ
wϓογϡ௨Մೳ
wϢʔβʔ͝ͱʹݸผͷ௨Մೳ
w௨͕දࣔ͞ΕΔ
w௨ΛΫϦοΫͯ͠ΞϓϦىಈ
˞J04൛4BGBSJඇରԠ ࣌
Slide 13
Slide 13 text
18"ͰԿ͕Ͱ͖Δʁ
ᶆϖʔδͷදࣔվળ4FSWJDF8PSLFS
w4FSWJDF8PSLFS͕ϓϩΩγͷׂ
w$BDIF͔Βߴʹදࣔ
wόοΫάϥϯυͰ࠷৽ͷίϯςϯ
πΛऔಘ͠Ωϟογϡ
wΦϑϥΠϯͰಈ͘ͷಉ͡Έ
wϓογϡ௨Λड͚औΔ
4FSWJDF
8PSLFS
18"
$BDIF
8FC
Slide 14
Slide 14 text
/VYUKTͰ18"ରԠ
$ yarn add @nuxtjs/pwa --save
!OVYUKTQXBΛΠϯετʔϧ
modules: [
'@nuxtjs/dotenv',
'@nuxtjs/pwa'
],
manifest: {
name: 'wacha',
short_name: 'wacha',
title: 'wacha',
lang: 'ja',
gcm_sender_id: '103953800507' //ݻఆ
},
OVYUDPOpHKTʹΞϓϦͷใΛՃ
Slide 15
Slide 15 text
18"ͷࣄྫ
5XJUUFS-JUF
wϒϥβ͔ΒϗʔϜը໘ʹΠϯετʔ
ϧՄೳ
wωΠςΟϒΞϓϦΑΓܰྔɻىಈ
͕͍ɻ
wػೳҰ෦੍ݶ
https://mobile.twitter.com
Slide 16
Slide 16 text
18"࣮ࡍͲ͏ͳͷʁ
w"OESPJEͰωΠςΟϒΞϓϦʹ͍ۙ͜ͱ͕Մೳ
wJ04ͷ͔Β18"ରԠ
wJ04Ͱϓογϡ௨ະରԠ
wΞΠίϯͷόοδදࣔͰ͖ͳ͍
wϒϥβͷઃఆͰ௨0''ʹͰ͖Δ
wݸਓతʹࠓޙʹେ͍ʹظʂʂ
Slide 17
Slide 17 text
18"࣮ࡍͲ͏ͳͷʁ
w"OESPJEͰωΠςΟϒΞϓϦʹ͍ۙ͜ͱ͕Մೳ
wJ04ͷ͔Β18"ରԠ
wJ04Ͱϓογϡ௨ະରԠ
wΞΠίϯͷόοδදࣔͰ͖ͳ͍
wϒϥβͷઃఆͰ௨0''ʹͰ͖Δ
wݸਓతʹࠓޙʹେ͍ʹظʂʂ
Slide 18
Slide 18 text
#BEHJOH"1*ొ༧ఆʁ
Slide 19
Slide 19 text
ͬͺΓωΠςΟϒΞϓϦඞཁʁ
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
3FBDU/BUJWFͷ"1*Λϥοϓ
7VF/BUJWFͱʁ
7VFKTͰωΠςΟϒΞϓϦΛߏங
Slide 22
Slide 22 text
7VFKTͷ͕ࣝ׆༻Ͱ͖Δ
Slide 23
Slide 23 text
yarn global add expo-cli
yarn global add vue-native-cli
vue-native init chat-app
WVFOBUJWFDMJͰߏங
Slide 24
Slide 24 text
WVFOBUJWFDMJͰߏங
Slide 25
Slide 25 text
WVFOBUJWFDMJͰߏஙʜͰ͖ͣ
࠷৽൛Ͱμϝɾɾɾ
ར༻͍ͯ͠ΔϥΠϒϥϦͷ
όʔδϣϯམͱͯ͠ճආ
Slide 26
Slide 26 text
{{ message }}
αϯϓϧιʔε UFNQMBUF
Slide 27
Slide 27 text
export default {
data: function() {
return {
messageText: '',
messages: []
}
},
methods: {
saveMessage: function() {
this.messages.push(this.messageText)
this.messageText = ''
}
}
}
αϯϓϧιʔε TDSJQU
Slide 28
Slide 28 text
const state = {
messages: []
}
const getters = {
messages: state => {
return state.messages
}
}
const actions = {
addMessage ({ commit }, message) {
commit('addMessage', message)
}
}
const mutations = {
addMessage (state, message) {
state.messages.push(message)
}
}
export default {
state,
getters,
actions,
mutations
}
7VFYར༻Մೳ
Slide 29
Slide 29 text
import Store from './store';
export default {
data: function() {
return {
messageText: ''
}
},
computed: {
messages: function() {
return Store.getters.messages
}
},
methods: {
saveMessage: function() {
Store.dispatch('addMessage', this.messageText)
this.messageText = ''
}
}
}
7VFYར༻Մೳ
Slide 30
Slide 30 text
import { StackNavigator } from "vue-native-router";
import HomeScreen from "./screens/HomeScreen.vue";
import MessagesScreen from "./screens/MessagesScreen.vue";
const AppNavigation = StackNavigator(
{
Home: HomeScreen,
Messages: MessagesScreen,
},
{
initialRouteName: 'Home',
}
);
export default {
components: { AppNavigation }
}
7VF/BUJWF3PVUFSͰը໘ભҠ
"QQWVF
Slide 31
Slide 31 text
{{ text }}
7VF/BUJWF3PVUFSͰը໘ભҠ
)PNFWVF
Slide 32
Slide 32 text
export default {
data: function() {
return {
text: 'Home'
}
},
props: {
navigation: {
type: Object
}
},
methods: {
goMessages: function() {
this.navigation.navigate("Messages")
}
}
}
7VF/BUJWF3PVUFSͰը໘ભҠ
)PNFWVF
Slide 33
Slide 33 text
σόΠεͷΞΫηε
Slide 34
Slide 34 text
σϞ
Slide 35
Slide 35 text
ɾɾɾ͓קΊ͠·ͤΜɻɻ
Slide 36
Slide 36 text
͋Εɾɾʁ
Slide 37
Slide 37 text
ଞʹʁ
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
J04ͷ18"ରԠਐΜͰཉ͍͠ɾɾ
Slide 40
Slide 40 text
ɾɾɾ-5͓͡͞Μͱͯ͠ɺ
͜ΕͰऴΘ͍͍ͬͯͷ͔ʁ
Slide 41
Slide 41 text
/VYUKTϦϦʔεʂʂ
Slide 42
Slide 42 text
ࠓޙͷϦϦʔεεέδϡʔϧ
w̒ϲ݄͝ͱʹϝδϟʔόʔδϣϯΞοϓ༧ఆ
w̐िؒ͝ͱʹϚΠφʔόʔδϣϯΞοϓ༧ఆ
Slide 43
Slide 43 text
5ZQF4DSJQUରԠ
OVYUUT
Slide 44
Slide 44 text
4NBSUQSFGFUDIJOH
ผϖʔδΛOVYUMJOLͰQSFGFUDIJOH
Slide 45
Slide 45 text
TUPSFͷ).3ରԠ
TUPSF HFUUFSTNVUBUJPOTBDUJPOT
ͷ
)PU.PEVMF3FQMBDFNFOU
Slide 46
Slide 46 text
EJ⒎FBTZͰ
ҎԼͷΑ͏ͳਓࡒΛaେืूதʂʂ
ϑϩϯτΤϯυΤϯδχΞ
ᶃ ٕज़ྗͰੈքதͷΉ͔͍ͣ͠Λ؆୯ʹ͢Δ
σβΠφʔɾϚʔΫΞοϓΤϯδχΞ
ᶄ σβΠϯྗͰੈքதͷΉ͔͍ͣ͠Λ؆୯ʹ͢Δ
ᶅ ٿͷzΉ͔͍ͣ͠Λ؆୯ʹ͢Δٿ্ख͍ਓ
ଧʂʂ/ʔϥϘɺ,ϥϏφςΫϊϩδʔ
Slide 47
Slide 47 text
ͳΜ͔εϯϚηϯɾɾɾ