高専キャリアONLINE LT大会 #5 で発表したスライド https://kosen-career.connpass.com/event/174614/?utm_campaign=event_publish_to_follower&utm_source=notifications&utm_medium=twitter
View Slide
ͪ͛ʓө૾੍࡞ʓ8FC αΠτ੍࡞ʓσβΠϯ͕ಘҙʓ࠷ۙ 'JHNBͰ 6* ࡞ͬͯΔʓ͖ͳήʔϜ .JOFDSBGUʓण࢘פϒϦʓು͖͢ম͖͕͖[email protected]
ちげ@Chige12_フォローするDIJHFΤΰα
ͥΜͿ
λΠτϧʂ͜Μʹͪʂͪ͛ͬͯݺΜͰͶʂण͖࢘͢ম͖ຣλΠτϧʂ͜Μʹͪʂͪ͛ͬͯݺΜͰͶʂɾण࢘ɾ͖͢ম͖ɾຣ
h1 {background: gray;color: white;}p {text-decoration: underline;}ul {list-style-type: decimal;}λΠτϧʂ͜Μʹͪʂͪ͛ͬͯݺΜͰͶʂ̍ण͖࢘͢ম͖ຣ
var roop = 5var hoge = "ϗήϗήʙ"var foo = "ϑΡʙʙʂ"for(var i=0; i < roop; i++){if(i==3){console.log(foo);}else{console.log(hoge+i);}}ϗήϗήʙϗήϗήʙϗήϗήʙϑΡʙʙʂϗήϗήʙ̐
ϓϩήʔτͰֶΔαΠτ੍࡞ͷୈҰา͜Ε͕ϕετͩͱࢥ͏ɻ
Ͱ͓ߴ͍ΜͰ͠ΐʁ
͍͍͑ɺແྉͰ͢QSPHDPN
࠷ॳͷελʔτ͍͕ͭ͜Ұ൪Θ͔Γ͍͢αΠτ࡞ΓͬͯΈΑ͏͔ͳͬͯਓ͍ͭͰʹฉ͍ͯͶ
࠷ۙͷ8FCࣄ
جຊ7VFKTͭͷWVFϑΝΠϧʹ)5.- $44 +4Λॻ͘7VFͷಠࣗهड़ΞϦ<br/>// Javas Cript<br/><br/>/* CSS */<br/>JOEFYWVF
{{ list }} <br/>export default {<br/>data(){<br/>return{<br/>lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]<br/>}}}<br/>JOEFYWVF
{{ list }} <br/>export default {<br/>data(){<br/>return{<br/>lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]<br/>}}}<br/>JOEFYWVFྻΛ͍ΕΔ
{{ list }} <br/>export default {<br/>data(){<br/>return{<br/>lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]<br/>}}}<br/>JOEFYWVFྻͷதల։
{{ list }} <br/>export default {<br/>data(){<br/>return{<br/>lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]<br/>}}}<br/>JOEFYWVFMJTUΛςΩετͰදࣔ
{{ list }} ΓΜ͝Έ͔Μ͍ͪ͝JOEFYWVFJOEFYIUNM[”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
ΓΜ͝Έ͔Μ͍ͪ͝JOEFYIUNM
Click! MENU <br/>export default {<br/>data() {<br/>return {<br/>menu: false<br/>}<br/>},<br/>methods: {<br/>JOEFYWVF<br/>
<br/>export default {<br/>data() {<br/>return {<br/>menu: false<br/>}<br/>},<br/>methods: {<br/>openMenu() { this.menu = true }<br/>}<br/>}<br/>JOEFYWVFPQFO.FOV ͕࣮ؔߦ͞Εͨ࣌ʹ USVF ʹ͢Δ
DMJDL JOEFYIUNM
.&/6JOEFYIUNMDMJDL
ˡ֎෦$44ͱ͔ը૾ͱ͔ˡίϯϙʔωϯτ ࢠˡϨΠΞτΛઃఆˡϖʔδΛ࡞Δˡ7VFͷϓϥάΠϯˡ੩తϑΝΠϧஔ͖ˡ7VFY͏ͱ͖ϑΥϧμߏcomponentsassetslayoutspagespluginsstaticstore
JOEFYWVFBCPVUWVFDPOUBDUWVFIUUQTIPHFDPNJOEFYIUUQTIPHFDPNBCPVUIUUQTIPHFDPNDPOUBDUˢQBHFTϑΥϧμʹ7VFϑΝΠϧΛ࡞Δͱpagesͦͷ໊લͰϖʔδ͕Ͱ͖Δ
)FBEFSWVF ˡϝχϡʔͷཁૉ͚ͩॻ͘componentͲͷϖʔδ͔ΒͰݺͼग़ͤΔίϯϙʔωϯτԽ<br/>JOEFYWVF<br/><template><br/><Header></Header><br/></template><br/><script><br/>BCPVUWVF<br/>
EFGBVMUWVFˡ֤ϖʔδʹڞ௨ͷɹσβΠϯ͕͋Δ࣌ʹར༻ˡ͜͜ʹ֤ϖʔδ͕ೖΔlayoutsͲͷϖʔδʹ࡞Δ.FOVͱ͔͜͜Ͱॻ͍͓ͯ͘<br/>EFGBVMUWVF<br/>
%PDVNFOU)5.-pMF-BZPVU1BHFw BTZOD%BUBw NJEEMFXBSFw GFUDIw TDSPMM5P5PQw IFBEw USBOTJUJPOw MBZPVUw WBMJEBUF0QUJPOBM1BHF$IJMEίϯϙʔωϯτ0QUJPOBM1BHF$IJMEίϯϙʔωϯτ
import Menu from '~/components/Menu.vue'
.hoge pugͱ͔͑·͢<br/>.hoge {<br/>font-size: 30px;<br/>}<br/>
5IBOLZPVGPSMJTUFOJOH