Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
ͪ͛
ʓө૾੍࡞
ʓ8FC αΠ
τ੍࡞
ʓσβΠ
ϯ͕ಘҙ
ʓ࠷ۙ 'JHNBͰ 6* ࡞ͬ
ͯΔ
ʓ͖ͳήʔ
Ϝ .JOFDSBGU
ʓण࢘פϒϦ
ʓು͖͢ম͖͕͖
!$IJHF@
Slide 3
Slide 3 text
ちげ
@Chige12_
フォローする
DIJHF
Τΰα
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
ͥΜͿ
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
λΠ τϧ ʂ
͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
- ण࢘
- ͖͢ম͖
- ຣ
Slide 10
Slide 10 text
λΠ τϧ ʂ
͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
- ण࢘
- ͖͢ম͖
- ຣ
Slide 11
Slide 11 text
h1 {
background: gray;
color: white;
}
p {
text-decoration: underline;
}
ul {
list-style-type: decimal;
}
λΠ
τϧ
ʂ
͜Μʹͪ
ʂ
ͪ͛ͬ
ͯݺΜͰͶ
ʂ
̍
ण࢘
͖͢ম͖
ຣ
Slide 12
Slide 12 text
var roop = 5
var hoge = "ϗήϗήʙ"
var foo = "ϑΡʙʙ
ʂ
"
for(var i=0; i < roop; i++){
if(i==3){
console.log(foo);
}else{
console.log(hoge+i);
}
}
ϗήϗήʙ
ϗήϗήʙ
ϗήϗήʙ
ϑ
Ρʙʙ
ʂ
ϗήϗήʙ̐
Slide 13
Slide 13 text
ϓϩήʔ
τ
ͰֶΔ
αΠ
τ੍࡞ͷୈҰา
͜Ε͕ϕε
τͩͱࢥ͏ɻ
Slide 14
Slide 14 text
Ͱ͓ߴ͍ΜͰ͠
ΐ
ʁ
Slide 15
Slide 15 text
͍͍͑ɺ
ແྉͰ͢
QSPHDPN
Slide 16
Slide 16 text
࠷ॳͷελʔ
τ͍͕ͭ͜Ұ൪Θ͔Γ
͍͢
αΠ
τ࡞Γ
ͬͯΈΑ
͏͔ͳ
ͬͯਓ
͍ͭͰʹฉ͍ͯͶ
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
࠷ۙͷ8FCࣄ
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
࠷ۙͷ8FCࣄ
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
جຊ7VFKT
ͭͷWVFϑ
Ν
Π
ϧʹ
)5.-
$44
+4Λॻ͘
7VFͷಠࣗهड़Ξ
Ϧ
// Javas Cript
/* CSS */
JOEFYWVF
Slide 27
Slide 27 text
{{ list }}
export default {
data(){
return{
lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
}}}
JOEFYWVF
Slide 28
Slide 28 text
{{ list }}
export default {
data(){
return{
lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
}}}
JOEFYWVF
ྻΛ͍ΕΔ
Slide 29
Slide 29 text
{{ list }}
export default {
data(){
return{
lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
}}}
JOEFYWVF
ྻͷத
ల։
Slide 30
Slide 30 text
{{ list }}
export default {
data(){
return{
lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
}}}
JOEFYWVF
MJTUΛςΩε
τͰදࣔ
Slide 31
Slide 31 text
{{ list }}
ΓΜ͝
Έ͔Μ
͍ͪ͝
JOEFYWVF
JOEFYIUNM
[”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
Slide 32
Slide 32 text
ΓΜ͝
Έ͔Μ
͍ͪ͝
JOEFYIUNM
Slide 33
Slide 33 text
Click!
MENU
export default {
data() {
return {
menu: false
}
},
methods: {
JOEFYWVF
Slide 34
Slide 34 text
export default {
data() {
return {
menu: false
}
},
methods: {
openMenu() { this.menu = true }
}
}
JOEFYWVF
PQFO.FOV ͕࣮ؔߦ
͞Εͨ࣌ʹ USVF ʹ͢Δ
Slide 35
Slide 35 text
DMJDL JOEFYIUNM
Slide 36
Slide 36 text
.&/6
JOEFYIUNM
DMJDL
Slide 37
Slide 37 text
ˡ֎෦$44ͱ͔ը૾ͱ͔
ˡίϯϙʔωϯ
τ ࢠ
ˡϨΠ
Ξ
τ
Λઃఆ
ˡϖʔδΛ࡞Δ
ˡ7VFͷϓϥά
Π
ϯ
ˡ੩తϑ
Ν
Π
ϧஔ͖
ˡ7VFY͏
ͱ
͖
ϑ
Υϧμߏ
components
assets
layouts
pages
plugins
static
store
Slide 38
Slide 38 text
JOEFYWVF
BCPVUWVF
DPOUBDUWVF
IUUQTIPHFDPNJOEFY
IUUQTIPHFDPNBCPVU
IUUQTIPHFDPNDPOUBDU
ˢQBHFTϑ
Υϧμʹ7VFϑ
Ν
Π
ϧΛ࡞Δ
ͱ
pages
ͦͷ໊લͰϖʔδ͕Ͱ͖
Δ
Slide 39
Slide 39 text
)FBEFSWVF ˡϝχϡʔͷཁૉ͚ͩॻ͘
component
Ͳͷϖʔδ͔ΒͰݺͼग़ͤΔίϯϙʔωϯ
τԽ
JOEFYWVF
<template>
<Header></Header>
</template>
<script>
BCPVUWVF
Slide 40
Slide 40 text
EFGBVMUWVF
ˡ֤ϖʔδʹڞ௨ͷ
ɹσβΠ
ϯ͕͋Δ࣌ʹར༻
ˡ͜
͜ʹ֤ϖʔδ͕ೖΔ
layouts
Ͳͷϖʔδʹ࡞Δ.FOVͱ͔͜
͜Ͱॻ͍͓ͯ͘
EFGBVMUWVF
Slide 41
Slide 41 text
%PDVNFOU)5.-pMF
-BZPVU
1BHF
w BTZOD%BUB
w NJEEMFXBSF
w GFUDI
w TDSPMM5P5PQ
w IFBE
w USBOTJUJPO
w MBZPVU
w WBMJEBUF
0QUJPOBM1BHF$IJME
ίϯϙʔωϯ
τ
0QUJPOBM
1BHF$IJME
ίϯϙʔωϯ
τ
Slide 42
Slide 42 text
import Menu from '~/components/Menu.vue'
Slide 43
Slide 43 text
No content
Slide 44
Slide 44 text
.hoge pugͱ͔͑·͢
.hoge {
font-size: 30px;
}
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
5IBOLZPVGPSMJTUFOJOH