w ͜ͷεϥΠυɺࣾ-5ࢿྉΛࣾ֎͚ʹΞϨϯδ
ͨ͠ͷͰ͢
w ιʔεެ։͍ͯ͠ͳ͍ͷͰ͋·ΓࢀߟʹͳΒͳ͍
͔͠Ε·ͤΜ
ҙ
Slide 3
Slide 3 text
w 4MBDLΫϥΠΞϯτʹෆຬ͕͋ͬͨ
w ͕ࣗෳϓϩδΣΫτʹෳνϟϯωϧʹ
·͕ͨͬͯΔͷ͕େ͖ͳཧ༝
w &MFDUSPOͰσεΫτοϓΞϓϦ࡞ͬͯΈ͔ͨͬͨ
w 7VFͱ7VFYΛͪΌΜͱ৮ͬͯΈ͔ͨͬͨ
Ϟνϕʔγϣϯ
Slide 4
Slide 4 text
w &MFDUSPO
w Ϛϧν04ͷΞϓϦέʔγϣϯΛ࡞ΔͨΊͷ044
w ʮ1$͚ιϑτʯ͚ͩͲɺٕज़Σϒͱ/PEF
w 7VFKT
w Ϗϡʔ༻ϥΠϒϥϦɻ3FBDUͳͲͱಉ͡ϨΠϠʔ
w 7VFY
w 7VFKTͷঢ়ଶཧ༻ϑϨʔϜϫʔΫɻ3FYVYͳͲͱಉ͡ϨΠϠʔ
w 1BSTJNNPO
w ύʔαʔίϯϏωʔλɻޙड़
ٕज़ελοΫ
Slide 5
Slide 5 text
w FMFDUSPOWVFΛ͑ίϚϯυͰηοτΞοϓ
w ಈ͘ΞϓϦέʔγϣϯͷςϯϓϨΛ࡞ͬͯ͘ΕΔ
ElectronͱVueͷ૬ੑ͕ྑ͔ͬͨ
$ npm install -g vue-cli
$ vue init simulatedgreg/electron-vue my-project
Slide 6
Slide 6 text
w 3FBDUͰ͍͏3FEVYΈ͍ͨͳঢ়ଶཧϥΠϒϥϦ
w ୯ҰετΞ
w 3FEVYΑΓ7VFͷઃܭࢥʹد͍ͬͯΔ
w HFUUFS DPNQVUFE
Έ͍ͨͳ֓೦
w ঢ়ଶมߋʮNVUBUJPOʯͰඇಉظ༻ͷʮBDUJPOʯ
༻ҙ͞Ε͍ͯΔ
w େنͳ։ൃʹ͍͚ͦ͏ͳखԠ͑
VueͱVuex
Slide 7
Slide 7 text
w &MFDUSPOͷঢ়ଶཧϞσϧɺΟϯυ͝ͱʹ
ಠཱ͍ͯ͠Δ
w ྫ͑ʮઃఆʯͷը໘ͱʮλΠϜϥΠϯʯͷը໘
ঢ়ଶ ม
Λڞ༗͍ͯ͠ͳ͍
w JQDͱWVFYͰෳը໘ͷঢ়ଶڞ༗͕Ͱ͖Δ
IUUQTHJUIVCDPNWVFKTWVFYJTTVFT
ෳը໘ͷVuex
Slide 8
Slide 8 text
w 4MBDLه๏͔Β͍͍ײ͡ʹ)5.-Λੜ͢Δ044
ଘࡏ͠ͳ͍
ˠࣗྗͰ4MBDLه๏ύʔαʔ͕ඞཁ
w ʮύʔαʔΛ࡞ΔͨΊͷϥΠϒϥϦʯΛͬͯ
ָΛͨ͠
ˠύʔαʔίϯϏωʔλ
ύʔαʔίϯϏωʔλ
Slide 9
Slide 9 text
w ˣ4MBDLͷ6*ʹࣅ͍ͯΔ͕ɺࣗ࡞͍ͯ͠Δ
ύʔαʔίϯϏωʔλ
Slide 10
Slide 10 text
w Ұ୴ਖ਼نදݱ͚ͩͰ͜Μͳײ͡Ͱ࡞ͬͨˣ
Parsimmon
Slide 11
Slide 11 text
Ͱ͖ͨͷ
Slide 12
Slide 12 text
w ෳνϟϯωϧ͔ΒͳΔʮάϧʔϓʯͰ·ͱΊͯݟ
ΕΔ
w ʮৗʹશը໘ʯʹͰ͖ΔͷͰɺ࡞ۀ͠ͳ͕ΒΟϯ
υΛஔ͍͓͚ͯΔ
w $44Λ͍͔ͭ͘ΧελϚΠζͰ͖Δ
w Զ͕ߟ͑ͨ࠷ڧͷ4MBDLΫϥΠΞϯτ
Ͱ͖ͨͷ
Slide 13
Slide 13 text
w 0"VUI
Ͱ͖ͯͳ͍ͷ
Slide 14
Slide 14 text
w &MFDUSPOº7VFº7VFYΑ͔ͬͨ
w 8FCٕज़ͰΞϓϦ࡞Δͷࠓޙ૿͖͑ͯͦ͏
·ͱΊ