Slide 1

Slide 1 text

Ꟛ涪♳ך圫ղז⣛㶷ך鳞 א׵ ׫ה '3&4)CZ"CFNB57ך鑧 "CFNB57%FWFMPQFS$POGFSFODF !BIPNV"ZVNV4BUP

Slide 2

Slide 2 text

ְ׉׿ ս⣛㶷վ շせ٥أ荈ո➭ך׮ךח״׶ַַ׶ծ ׉׸ח״׏ג䧭׶甧אֿהկ

Slide 3

Slide 3 text

‣ ـٓؐؠח㼎ׅ׷⣛㶷 ‣ 'MBTIח㼎ׅ׷⣛㶷 ‣ ٓ؎ـٓٔח㼎ׅ׷⣛㶷 ،آؑٝت

Slide 4

Slide 4 text

IUUQTBCFNBGSFTIUW '3&4)CZ"CFNB57

Slide 5

Slide 5 text

‣ *TPNPSQIJD"SDIJUFDUVSF ‣ 3FBDU'MVYJCMFד443ה41"׾⚕甧 ‣ 'MBTIPS8FC垥彊䪮遭ז⹛歗فٖ؎َ٦ ‣ 8FC4PDLFUח״׷ٔ،ٕة؎يثٍحز 䪮遭أةحؙ

Slide 6

Slide 6 text

IUUQTTQFBLFSEFDLDPNBIPNVDMJFOUTJEFPGGSFTI 剢ח/PEF㷕㕦ד涪邌׃ת׃׋

Slide 7

Slide 7 text

ֿ׿ח׍כ !BIPNVדׅ

Slide 8

Slide 8 text

‣ ⡟谏娄ׁהֲ֮ײ׬ ‣ せ〢㾊ה幪靼׾䖂䗁⚥ך8FCؒٝآص، ‣ 剑鵚ךꟼ䗰כXFCQFSGהBZ ‣ 吳 $ZCFS"HFOUַ׵ 吳 "CFNB57⳿ぢ⚥ "NFCB窟䭍䪮遭劤鿇8FC*OJUJBUJWF$FOUFS !BIPNV

Slide 9

Slide 9 text

Frontend Weekly IUUQTGSPOUFOEXFFLMZUPLZP 㕂ⰻ㢩ךؿٗٝزؒٝسꟼ鸬صُ٦أ׾嫣鹈ֶ㾈ֽׅ׷ً٦ٕوؖآٝ

Slide 10

Slide 10 text

΍ـٓؐؠח㼎ׅ׷⣛㶷

Slide 11

Slide 11 text

Windows - Chrome latest - Firefox latest - Internet Explorer 11 w/Windows 7, 8.1, 10 - Microsoft Edge last 2 versions macOS (OS X) - Chrome latest - Firefox latest - Safari last 2 versions Android - Android Browser 4.1, 4.3, 4.4, 5-6.x (Chromium) iOS - Safari last 2 versions

Slide 12

Slide 12 text

‣ ـٓؐؠך珏겲 ‣ رغ؎أך堣珏 ‣ رغ؎أך䚍腉 ‣ أؙٔ٦ٝ؟؎ؤ ‣ طحزٙ٦ؙך鸞䏝 ـٓؐؠ⟃㢩ך䟝㹀勴⟝׮㢳ְ

Slide 13

Slide 13 text

➂➂➂➂➂➂➂➂➂➂➂➂➂ խ؟ه٦زׅץֹ橆㞮ָ㢳ְխ :?:?:?:?:?:?:?:?:?:?:?:

Slide 14

Slide 14 text

暴חꨇ⭑׃גְ׷ךָ ؟٦ؽأך欰ㄏ简

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

1MBZFSGPS)551-JWF4USFBNJOH أزٔ٦ىؚٝ⹛歗فٖ؎َ٦

Slide 17

Slide 17 text

ꞿ儗꟦ⱄ欰דז׿הזֻ姺ת׷ֿהָ֮׷ծהַך切僳זⱄ植ָ暴חֹאְ غٔؒ٦ءّٝذأزָא׵ְ

Slide 18

Slide 18 text

‣ 姻䌢 ‣ 僥⫷ָؙؕאָֻ鏩㺁דֹ׷ ‣ 僥⫷ָؙؕאֻג؎ٓ׏הׅ׷ ‣ 僥⫷ָ姺ת׷荈⹛䗁䌓 ‣ 僥⫷ָ姺ת׷宕⛉⨡姺 ‣ ⹛ַזְ ➂⸂ذأزפך铬ꆃ

Slide 19

Slide 19 text

‣ 8FC垥彊ז植➿ד׮ـٓؐؠ꟦ך䊴殯כ֮׷ ‣ ׉׃גFYCPY娤כ麐㖈ׅ׷ ‣ "OESPJE#SPXTFSחֶֽ׷)-4娤׮麐㖈ׅ׷ ‣ 8JOך*&ח.4& .FEJB4PVSDF&YUFOTJPOT כזְ ְ׻ײ׷ـٓؐؠ⣛㶷ך㉏겗

Slide 20

Slide 20 text

‣ *&דS"'3FBDUךWBMVF-JOLָ窃׬،ٖהַ ‣ 4BGBSJװ&EHFָ稆ד)-4ⱄ欰׃׋ָ׷اٖהַ ‣ 〢׭ך7דObject.assignך갫䎷ָ،ٖהַ ‣ &EHFדiframeָاٖהַ ‣ mozRequestFull"S"creenהַMSFullscreenChangeהַ ‣ 8JO*&ך暴㹀ؽٕسחꣲ׏גխխխխխխ new Worker(URL.createObjectURL(blob));ָؒٓ٦הַ

Slide 21

Slide 21 text

$ISPNF'Yד⹛ַׇ׋ֻ׵ְד 屘倖׃׋׵⽯娤ׅ׷⚅歲錁 ߋʹɺ͋Δఔ౓շదͳ Windows Ϛγϯ΋ৗඋ͠ͳ͍ͱײ͕֮ಷΔ

Slide 22

Slide 22 text

Ύ'MBTIח㼎ׅ׷⣛㶷

Slide 23

Slide 23 text

➂➂➂➂➂➂➂➂➂➂➂➂➂ խ'MBTIָ$ISPNFד⹛ַזְխ :?:?:?:?:?:?:?:?:?:?:?:

Slide 24

Slide 24 text

،ً٦غؾؚךؐ؍آؑحزػ٦خ '3&4)ך&NCFEفٖ؎َ٦ 䔲儗 ˟➙כ"CFNB57ך꫼姺歗⫷ח➿׻׏גְ׷

Slide 25

Slide 25 text

IUUQTIBWFMPHBZVNVTBUPDPNEFWFMPQPUIFSTFBVUPQMBZ@BE@BTIIUNM 㼭ְׁ'MBTI׾ⱄ欰ׇׁ׷㔐鼘䩛媮

Slide 26

Slide 26 text

'MBTIח㼎ׅ׷⣛㶷

Slide 27

Slide 27 text

‣ )551-JWF4USFBNJOHדׅ ‣ ⹛歗׾أزٔ٦ىؚٝד崧ׅ鋉呓דׅ ‣ '3&4)׮"CFNB57׮ְתךהֿ׹)-4 ‣ )-4ך鑫稢כծֿך䖓ךإحءַّٝխ 3PPN"ךꟚ㨣ךإحءّٝ׾⿫罋ח )-4הְֲ׮ך

Slide 28

Slide 28 text

‣ 畭涸ח8FC垥彊ז㹋鄲׾ׁ׸׋ٓ؎ـָٓٔ ֮׵ײ׷橆㞮ד㸜㹀דֹ׷קו卫׸גְזְ ‣ 嫰鯰ׅ׷ה'MBTI㹋鄲כ㦩ח㸜㹀׃גְ׷ ‣ ׋׌׃$16כـٝ㔐ׁ׸׷ ‣ 军䨺䚍腉ָ넝ת׷ 'MBTI㹋鄲ד)-4׾ⱄ欰

Slide 29

Slide 29 text

鶕׷剑䖓ך㻢ⴻ

Slide 30

Slide 30 text

‣ $ISPNFהד媮ꥡ涸חـٗحؙ׾Ꟛ㨣 ‣ 4BGBSJכַ׵琎噰涸זـٗحؙ׾Ꟛ㨣 ‣ 'JSFGPYה&EHF׮媮ꥡ涸חـٗحؙך倯ꆙ ‣ *OUFSOFU&YQMPSFSכ'MBTIהⰟח嶊ִײֻ 㻢ⴻך傈ծ鹌䯴וֲדַׅ

Slide 31

Slide 31 text

IUUQTIBWFMPHBZVNVTBUPDPNEFWFMPQPUIFSTFSVJO@PG@BTIIUNM 'MBTI⺪㔲笨ך植朐

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

膴'MBTI⣛㶷

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

‣ EBJMZNPUJPOIMTKT׾䱰欽 ‣ .FEJB4PVSDF&YUFOTJPOTⵃ欽鑫׃ֻכ SZ ‣ $ISPNFה&EHFחぢֽג䲿⣘⚥ ‣ 'JSFGPY 4BGBSJכ갫如䲿⣘ծ*&כ'MBTI竰竲 膴'MBTI鹌䯴׃גתׅ

Slide 39

Slide 39 text

Ώٓ؎ـٓٔח㼎ׅ׷⣛㶷

Slide 40

Slide 40 text

OQNהCSPXTFSJGZ ؕآُ،ٕז⣛㶷ך鍑犜

Slide 41

Slide 41 text

‣ 醱꧟ז㉏겗׾鸞װַח鍑寸דֹ׷ ‣ 044涸זㅷ颵䬐⥂׾劍䖉דֹ׷ ⹛⡲㹋籐 堣腉鷄⸇ غؚ⥜姻FUD ⣛㶷ךًٔحز

Slide 42

Slide 42 text

‣ ؝، SFBDU VYJCMF BOHVMBS ‣ ِ٦ذ؍ٔذ؍ NPNFOU JNNVUBCMF SY ‣ ؿ؋ؙٝءّٝ MPEBTI MFGUQBE ‣ هٔؿ؍ٕ XIBUXHGFUDI FTQSPNJTF ‣ 6*؝ٝه٦طٝز DBSPVTFM QBHJOBUF ٓ؎ـٓٔ⣛㶷ךⴓ겲

Slide 43

Slide 43 text

‣ ًاحسך׋׭ח⟒ղ׃ְٓ؎ـٓٔכ– ‣ +4ךغٝسٕ؟؎ؤ׾罋䣁ׅ׷ה㣐磛כ㔭׷ ‣ ًاحس׀החJNQPSUדֹ׷ה⸔ַ׷ ‣ ⢽ִל3Y+4Wהַכ孡׾黎׏גֻ׸גְ׷ ِ٦ذ؍ٔذ؍ך磛䏝

Slide 44

Slide 44 text

‣ Ⰵ䙀זㅷ颵ثؑحָؙ䗳銲 ‣ 3FBDU،حفر٦ز儗ח駈׾䒷׏䓸׵׸ָ׍ ‣ 暴婊銲⟝׮GPSLׅ׸לוֲהד׮ז׷ָ ‣ 穠㽷ؔ٦ت٦ً؎زה㢌׻׵זֻז׷䠬 ➭➂ך6*؝ٝه٦طٝز

Slide 45

Slide 45 text

⣛㶷خٔ٦׾搀꠹ח 㣐ֹֻ׃זְ⸕⸂׮䗳銲

Slide 46

Slide 46 text

⣛㶷ٓ؎ـٓٔꟼ鸬ך زٓـٕءُ٦ذ؍ؚٝ

Slide 47

Slide 47 text

‣ *TPNPSQIJDזSPVUFד㣐ꆀךر٦ة׾《䖤 ‣ 䲽歗ׅץֹ銲稆ָ㢳ֻז׷⚺חٔأز禸 ‣ SFOEFS5P4USJOHָꅾֻז׷ ‣ ؙٓ؎،ٝزך׫ד鹼䒀㹋遤ׅ׷խխխխ SPVUFⳢ椚׾鷄⸇׃ג鍑寸✮㹀 3PVUFהSFOEFS5P4USJOH

Slide 48

Slide 48 text

// αόΫϥ྆ํͰϧʔςΟϯά࣌ʹ࣮ߦ action: (context, payload, done) { Promise.all([ context.executeAction(ͳʹ͔େࣄͳσʔλऔಘ1), context.executeAction(ͳʹ͔େࣄͳσʔλऔಘ2) ]) .then(() => done()) .catch((err) => done(err)); }, // ΫϥΠΞϯταΠυͷΈϧʔςΟϯάޙʹ࣮ߦ deferAction: (context, payload, done) { Promise.all([ context.executeAction(஗Εͯ΋ྑ͍σʔλऔಘ1), context.executeAction(஗Εͯ΋ྑ͍σʔλऔಘ2) ]) .then(() => done()) .catch((err) => done(err)); }

Slide 49

Slide 49 text

‣ 4UPSFַ׵*NNVUBCMFז.BQװ-JTUָ䲿⣘ ‣ 䲿⣘ׁ׸׋ؔـآؙؑزכTUBUFד⥂䭯 ‣ SFOEFSⰻדTUBUFGPPUP+4 ‣ SFOEFSׅ׷׋ןחUP+4 ך؝أز넝ֺׅ娤 *NNVUBCMFKTהSFOEFS

Slide 50

Slide 50 text

componentDidMount() { this.subscriptions.push( FooStore.foo$.subscribe(foo => { // foo: Immutable.Map this.setState({ foo }); }) ); } render() { // render ͕܁Γฦ͞ΕΔͨͼʹ toJS ͕૬౰ͳ࣌ؒΛͱΔ let foo = this.state.foo.toJS(); return (

{foo.someProperty}

); }

Slide 51

Slide 51 text

IUUQTDIOFUQPTUTBCFNBUWSVOUJNFQFSGBVEJUIUNM "CFNB57ךٓٝة؎يػؿؓ٦وٝأך"VEJU

Slide 52

Slide 52 text

תה׭

Slide 53

Slide 53 text

‣ فٖ؎َ٦嗚鏾׋ְפ׿ ‣ 8JEOPXT⢪ֲֶ ‣ 膴'MBTIָ׿ל׹ֲ ‣ ⣛㶷خٔ٦ך㣐ֹׁכ罋ִ״ֲ ‣ 8FCꟚ涪׏ג嚂׃ְ תה׭

Slide 54

Slide 54 text

$IFFST IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ! " ⌂