Slide 1

Slide 1 text

JavaScriptͷ
 import/export 2018-03-17 ໦ଜ ݑن

Slide 2

Slide 2 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

Slide 3

Slide 3 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

Slide 4

Slide 4 text

ෳ਺ͷJavaScriptΛಡΈࠐΉ 
 
 :
 
 
 
 


Slide 5

Slide 5 text

ෳ਺ͷJavaScriptΛಡΈࠐΉ 
 
 :
 
 
 
 
 ଞݴޠͷJNQPSU΍JODMVEFʹ ֘౰͢Δػೳ͕ͳ͔ͬͨ

Slide 6

Slide 6 text

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY

Slide 7

Slide 7 text

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY /PEFKT αʔόʔαΠυ+4 ͷ࢓༷

Slide 8

Slide 8 text

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY &$."4DSJQUͷ࢓༷

Slide 9

Slide 9 text

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY

Slide 10

Slide 10 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

Slide 11

Slide 11 text

ϒϥ΢βͷରԠঢ়گ JNQPSU+BWB4DSJQUc.%/ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC+BWB4DSJQU3FGFSFODF 4UBUFNFOUTJNQPSU

Slide 12

Slide 12 text

Node.jsͰES Modules ֦ுࢠΛ͢΂ͯ .mjs ͱ͢Δ --experimental-modulesϑϥάΛࢦఆ ࢖͑Δ...͕ɺWarning͕දࣔ͞ΕΔ

Slide 13

Slide 13 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

Slide 14

Slide 14 text

όϯυϧπʔϧ ෳ਺ͷJavaScriptϑΝΠϧΛ
 ͻͱͭʹ݁߹

Slide 15

Slide 15 text

όϯυϧπʔϧ πʔϧ ಛ௃ ରԠ CSPXTFSJGZ γϯϓϧ $PNNPO+4.PEVMFT XFCQBDL ଟػೳ $PNNPO+4.PEVMFT &4.PEVMFT $44 *NBHFT

Slide 16

Slide 16 text

όϯυϧπʔϧ πʔϧ ಛ௃ ରԠ CSPXTFSJGZ γϯϓϧ $PNNPO+4.PEVMFT XFCQBDL ଟػೳ $PNNPO+4.PEVMFT &4.PEVMFT $44 *NBHFT

Slide 17

Slide 17 text

WebPack4͕ 2018-2-25 ʹϦϦʔε

Slide 18

Slide 18 text

webpack webpack4͔ΒઃఆϑΝΠϧͳ͠Ͱಈ࡞ CLIͰ࢖͏ʹ͸ webpack ͱ webpack-cli Λ࢖༻

Slide 19

Slide 19 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

Slide 20

Slide 20 text

ઃఆϑΝΠϧෆཁ js,cssͳͲͷґଘؔ܎Λ ௐࠪ͠τϥϯεύΠϧɾ όϯυϧΛߦ͏ > parcel index.html

Slide 21

Slide 21 text

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ