JavaScript祭り2018初夏。Bootstrap4のBuild toolを使ってみよう

by abechiyo

Slide 1

Slide 1 text

#PPUTUSBQͷ#VJMEUPPMΛ࢖ͬͯΈΑ͏ ,%%*΢Σϒίϛϡχέʔγϣϯζ Ѩ෦ਖ਼޾ +BWB4DSJQUࡇΓ

Slide 2

Slide 2 text

Ѩ෦ਖ਼޾ʢ͋΂·͞Ώ͖ʣ ,%%*΢ΣϒίϛϡχέʔγϣϯζΤόϯδΣϦετ "$&4NBSU3FMFBTFϓϩδΣΫτϚωʔδϟʔ $1*ελοϑϒϩάฤू௕

Slide 3

Slide 3 text

•  8FCͷߴ଎Խ •  αʔόʔߏஙɾӡ༻ •  ϔουϨε •  Ωϟογϡ •  εϚʔτεϐʔΧʔ •  ॻ੶ϒϩάࣥච •  ৯΂า͖ ࠷ۙͷ࢓ࣄͱɺڵຯ͕͋Δ͜ͱ

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

ߴوͳΤϯδχΞͷօ༷ʹ#PPUTUSBQΛ঺հ ͢Δͷ͸ɺେม೜ͼͳ͍Ͱ͕͢ɺͻͱ·ͣฉ͍ͯ ͍ͩ͘͞ɻ ʮ#PPUTUSBQʯͷ#VJMEUPPMΛࢀߟʹɺ ։ൃ؀ڥઃܭࢥ૝Λߟ࡯ͯ͠Έ·͠ΐ͏ɻ ௠ँ

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

ੈքͰͷαΠτʹ࢖ΘΕ͓ͯΓɺ ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ̍Ґ ʢ໿αΠτʹαΠτ͕#PPUTUSBQʣ

Slide 11

Slide 11 text

#PPUTUSBQͭͷར༻ํ๏ ɾ$%/ खܰ ɾ$PNQJMFE$44BOE+4 ࣗࣾͷαʔόʔʹઃஔͰ͖Δ ɾ4PVSDF'JMFʢࠓճ঺հ͢Δ΋ͷʣ ࣗࣾ༻ʹΧελϚΠζͯ͠ӡ༻͢Δ৔߹

Slide 12

Slide 12 text

$PNQJMFE$44BOE+4

Slide 13

Slide 13 text

4PVSDF'JMF൛ 4$44ฤू΍ɺ+BWB4DSJQUͷ௥ՃɾվमͳͲɺࣗࣾ༻ʹ ΧελϚΠζͯ͠࢖༻͢Δ৔߹ 4PVSDF'JMF൛ͷར༻͸#VJEUPPM͕ඞཁ

Slide 14

Slide 14 text

#VJMEUPPM .BD༻υΩϡϝϯτ IUUQTHFUCPPUTUSBQDPNEPDTHFUUJOHTUBSUFE CVJMEUPPMTUPPMJOHTFUVQ 8JOEPXT༻υΩϡϝϯτ IUUQTKFLZMMSCDPNEPDTXJOEPXT

Slide 15

Slide 15 text

#VJMEUPPM ্ه͕σϑΥͰಈ࡞͢Δ͕ɺެࣜͷ#VJEUPPMͰ͸ͳ͘ɺ (VMQ౳Ͱ4BTTΛม׵ͯ͠΋ྑ͍ ɾ$44ͷίϯύΠϧʢOPEFTBTTʣ ɾ$44ͷߏจνΣοΫʢTUZMFMJOUʣ ɾ$44ϕϯμʔϓϨϑΟοΫεʢQPTUDTTʣ ɾ$44NJOJGZʢDMFBODTTʣ ɾ+BWB4DSJQUίϯύΠϧʢ#BCFMʣ ɾ+BWB4DSJQUNJOJGZʢ6HMJGZ+4ʣ ɾ+BWB4DSJQUίʔυͷνΣοΫʢ&4MJOUʣ

Slide 16

Slide 16 text

#VJMEUPPMηοτΞοϓ   OQNΛ࢖͏ͷͰɺ/PEFKTΛΠϯετʔϧ   CPPUTUSBQσΟϨΫτϦʹ4PVSDF'JMFΛઃஔ   QBDLBHFKTPOΛ͠ɺʮOQNJOTUBMMʯ IUUQTHJUIVCDPNUXCTCPPUTUSBQCMPCWQBDLBHFKTPO   #VOEMFSΛΠϯετʔϧʢHFNͷར༻͸3VCZ͕ඞཁʣ HFNJOTUBMMCVOEMFS   #VOEMFSͷΠϯετʔϧޙԼهίϚϯυΛ࣮ߦ CVOEMFJOTUBMM

Slide 17

Slide 17 text

Slide 18

Slide 18 text

σΟϨΫτϦߏ੒ CPPUTUSBQ ᵓᴷᴷEJTUʢίϯύΠϧ͞ΕͨϑΝΠϧ͕֨ೲʣ ᴹᵓᴷᴷDTT ᴹᵋᴷᴷKT ᵓᴷᴷEPDT ᴹᵋᴷᴷFYBNQMFT ᵓᴷᴷKTʢίϯύΠϧલͷKTʣ ᵋᴷᴷTDTTʢ4$44ϑΝΠϧʣ

Slide 19

Slide 19 text

&4MJOU +BWB4DSJQUͷίʔυνΣοΫπʔϧ ਓʹΑͬͯॻ͖ํͷบͷҧ͍Λਖ਼ͨ͠Γɺ ໌Β͔ͳϛε΍ɺΤϥʔͷજࡏతύλʔϯʹܯࠂΛग़͢ɻ ඼࣭޲্ɺ࣌ؒઅ໿͕ظ଴Ͱ͖Δπʔϧɻ ͜ΜͳίʔυΛ௥Ճ͠Α͏΋ͷͳΒɾɾɾ

Slide 20

Slide 20 text

ϋνϟϝνϟౖΒΕΔ Чʆ

Slide 21

Slide 21 text

ϋνϟϝνϟౖΒΕΔ Чʆ ޮ཰ԽͷͨΊʹಋೖͨ͠ͷʹɺ ηϛίϩϯແ͍͚ͩͰౖΒΕΔɾɾɾ ͢͜ʔ͚ͩ͠ϧʔϧ؇ͯ͘͠΋Β͑ͳ͍Ͱ͠ΐ͏͔

Slide 22

Slide 22 text

&4MJOUͷϧʔϧΛΧελϚΠζ +BWB4DSJQUͷίʔυνΣοΫπʔϧ υΩϡϝϯτ ɹίϯϑΟά ɹIUUQTFTMJOUPSHEPDTVTFSHVJEFDPOpHVSJOH ɹϧʔϧ ɹIUUQTFTMJOUPSHEPDTSVMFT ΧελϚΠζ ɹϑΝΠϧ ɹKTFTMJOUSDKTPO

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

&4MJOUͷϧʔϧΛΧελϚΠζ ྫɿηϛίϩϯͷೖྗΛڐՄ͍ͨ͠৔߹ ɹTFNJ<FSSPS OFWFS>TFNJP⒎z ɹBMXBZTৗʹηϛίϩϯΛ࢖༻ ɹOFWFSηϛίϩϯΛ࢖Θͳ͍ ɹFSSPSΤϥʔͱͯ͠ॲཧΛதࢭ ɹXBSOܯࠂΛग़ͯ͠ॲཧΛ࣮ߦ

Slide 26

Slide 26 text

4$44 ޮ཰Α͘ελΠϧ͕มߋͰ͖Δ શମͷ৭ຯΛมߋͨ͠Γɺશମతͳ༨നΛมߋͨ͠Γɺ Ϙʔμʔͷؙ֯Λ΍ΊͨΓɺϒϨΠΫϙΠϯτม͑ͨΓɺ ·ʔ͍͍ͩͨԿͰ΋Ͱ͖·͢ɻ υΩϡϝϯτɿ IUUQTHFUCPPUTUSBQDPNEPDTHFUUJOHTUBSUFEUIFNJOH

Slide 27

Slide 27 text

4$44มߋͷجຊϧʔϧ   TDTTDPVTUPNTDTTΛ࡞੒   @WBSJBCMFTTDTT͔Βมߋ͍ͨ͠ίʔυΛίϐʔ   DPVTUPNTDTTʹϖʔετ͠ɺEFGBVMUΛ࡟আ͢Δ CMVFC⒎EFGBVMU@WBSJBCMFTTDTTίϐʔ CMVF⒎EDPVTUPNTDTTʹ௥ه ྫCMVFͷ৭Λมߋ

Slide 28

Slide 28 text

4$44ͷ൓ө   CPPUTUSBQDTTʹ൓ө͢Δ৔߹ CPPUTUSBQTDTTʹԼهΛ௥ه !JNQPSUDPVTUPNz   DPVTUPNDTTΛ৽ͨʹ࡞੒͢Δ৔߹ QBDLBHFKTPOʹ௥ه OPEFTBTTPVUQVUTUZMFFYQBOEFETPVSDFNBQUSVF TPVSDFNBQDPOUFOUTUSVFQSFDJTJPOTDTTDPVTUPNTDTT EJTUDTTDPVTUPNDTTz   DPVTUPNTDTTʹ֟Λ௥ه !JNQPSUOPEF@NPEVMFTCPPUTUSBQTDTTCPPUTUSBQ

Slide 29

Slide 29 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ *%ɿDIJZPBCF Ѩ෦ਖ਼޾ DQJMJOF