デブサミ 2017 http://event.shoeisha.jp/devsumi/20170216 で使用したスライドです。本編20分。
8FCؿٗٝزؒٝسח劍䖉ׁ黝䘔ה倜꤫➿闐%FWFMPQFST4VNNJUխ& 䖓⼱!BIPNV"ZVNV4BUP
View Slide
ֶכ״ֲ׀ְׂתׅ!BIPNVדׅ
‣ ⡟谏娄ׁהֲ֮ײ‣ せ〢㾊ה幪靼䖂䗁⚥ך8FCر؍كٗحػ٦‣ 剑鵚ךꟼ䗰כXFCQFSGהBZה➂✲罋铬‣ 吳$ZCFS"HFOUַ 吳"CFNB57⳿ぢ⚥ ًر؍،窟䭍䪮遭䨌殛㹓䪮遭劤鿇8FC*OJUJBUJWF$FOUFS!BIPNV
ℹ‣ ؿٗٝزؒٝسח劍䖉ׁ黝䘔ה㢌⻉‣ 劍䖉ח䘔ִ竲ֽך崞涪ז倜꤫➿闐
8FCؿٗٝزؒٝسח劍䖉ׁ黝䘔ה㢌⻉
‣ 倜׃ְرغ؎أװ8FC䪮遭ך㹋遤橆㞮זוך涫㜥‣ رغ؎أװطحزٙ٦ؙך䚍腉ぢ♳ծⵃ欽أة؎ٕך㢌⻉‣ 8FC垥彊➬圫װـٓؐؠ㹋鄲ך،حفر٦ز‣ ך➭ծ/PEFKTװ؎ٝؿٓծؙٓؐسזוꦄ䱸ⴓꅿך涪㾜8FCؿٗٝزؒٝسワ鴟ך㢌⻉
倜׃ְرغ؎أװ8FC䪮遭ך㹋遤橆㞮זוך涫㜥73٦يفٖ؎ׅ➂ך؎ٓأزIUUQXXXJSBTVUPZBDPNWS@IUNM"3٥䭁䓸植㹋ך؎ٓأزIUUQXXXJSBTVUPZBDPNBSIUNM
رغ؎أװطحزٙ٦ؙך䚍腉ぢ♳ծⵃ欽أة؎ٕך㢌⻉ةـٖحزؗ٦ن٦سד乼⡲ׅ➂ך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNMةـٖحزדٖءؾ鋅➂ך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNM搀简طحزٙ٦ؙך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNM
鹈嫣鹈嫣黝㹅%FWFMPQFS&EJUJPO嫣兓/JHIUMZ鹈嫣嫣鹈鹈嫣ꥤ儗$BOBSZꥤ儗$ISPNJVN4PNFEBZ鹈嫣5FDIOPMPHZ1SFWJFXꥤ儗8FC,JU/JHIUMZ`黝㹅1SFWJFX3FMFBTF 4PNFEBZ0SJHJOBMIUUQTUXJUUFSDPNLPTBNBSJTUBUVT⚺銲ـٓؐؠך،حفر٦ز؟؎ؙٕ
ך➭ծ/PEFKTװ؎ٝؿٓծؙٓؐسזוꦄ䱸ⴓꅿך涪㾜ػا؝ٝך؛٦ـٕח駈䒷䱦ֽ➂ך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNM؟٦غ٦ך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNMؙٓؐس؝ٝؾُ٦ذ؍ؚٝך؎ٓأزIUUQXXXJSBTVUPZBDPNCMPHQPTU@IUNM
‣ K2VFSZؒ؝ءأذيً؎ٝأزٔ٦ي儗➿ך穄提 8FC䪮遭ה銲実ך넝䏝⻉ח״8FC،فٔך醱꧟⻉‣ /PEFKTח״ؽٕسفٗإأװزٓٝأػ؎ٓך兛⿹ 8FCؿٗٝزؒٝس䖞✲罏ךإٔؗإحزך㢌⻉‣ ؙٓ؎،ٝز؟؎سٖٝتؚٔٝך♧菙⻉͑41"ך兛⿹ رغ؎أװطحزٙ٦ؙך䚍腉ぢ♳ծ"KBY䲿ז،٦ؗذؙثٍ銲実ワ鴟ך㢌⻉הծֿתדך⳿勻✲
؟٦غծ؎ٝؿٓծؙٓؐسꦄ䱸걄㚖ך鹌娄رغ؎أծطحزٙ٦ؙؙٓ؎،ٝز橆㞮ך㢌⻉8FCծ؎ٝة٦طحزـٓؐؠ䪮遭ך涪㾜8FCؿٗٝزؒٝسワ鴟橆㞮ך㢌⻉װ䪮遭ך鹌娄ח黝䘔ׅ㢌⻉ָ䗳銲
‣ ؙٓ؎،ٝز؟؎سכ湡ח鋅ִٌظזךד꤫臰⻉ָ湡甧א‣ 実㢌⻉ך鸞䏝כ؝ٝذؗأزח״ג殯ז‣ 劍䖉ח䘔ִؙٓ؎،ٝز؟؎سד㖈竲ֽֿה‣ ֿ植㜥ָ㹋植דֹفٗتؙزכ䓼ֻז黝䘔ךח㢌⻉ָ実竲ֽ
劍䖉ח䘔ִ竲ֽך崞涪ז倜꤫➿闐
崞涪ז倜꤫➿闐ך䠐纏䗳銲ח䘔ׄג❛䳔ծ灶唱זו׃אא黝䏝ח倜׃ְ朐䡾ח⥂竲ֽֿה
‣ ؙٓ؎،ٝز橆㞮װ銲⟝ך㢌⻉ח㼎ׅ鴼鸞ז㼎䘔黝䘔‣ ـٓؐؠ䪮遭ך涪㾜ח⠵ֲػؿؓ٦وٝأぢ♳‣ 䪮遭涸頾⫈ך؝ٝزٗ٦ٕ‣ 䪮遭罏ך䎊状䏝崞涪ז倜꤫➿闐ך䗳銲䚍
‣ 儗➿鹼זֿה׃גְזְהְֲ㸜䗰䠬䋐㜥⣣⦼‣ 䪮遭涸ז胜兝ח鸬竲䚍ָ֮㷕统ծ穗꿀ך栻䖤‣ 㥨ֹ㱾ְכהַֻ秛䖤דֹ䠐䙼寸㹀 涪罏חהגך.JOJNBM-PWBCMF1SPEVDUך㹋植䪮遭罏䎊状חׅ⸬腉
崞涪ז倜꤫➿闐ך笝䭯劍䖉ח䘔ִծ䪮遭涸頾⫈؝ٝزٗ٦ٕ׃אא㢌⻉׃竲ֽך䠐䙼寸㹀
⚠‣ 葿ղזٓ؎ـٓٔך穈さׇח״醱꧟䚍ך㟓⸇‣ 花㣐ז⣛㶷ػح؛٦آח״ًٝذشٝأ؝أز㟓⸇‣ רֻךִַָ剑䓼ך䪮遭涸頾⫈鵚䎃ך獺ח״ֻ֮زٓـٕ
⢪ְְػح؛٦آ鋅אֽTDSJQUך鎸鶢װDPODBUך鏣㹀鷄⸇ꟼ鸬ؿ؋؎ٕتؐٝٗ٦سفٗآؙؑزⰻחꂁ縧䩛⡲噟דꟼ鸬ؿ؋؎ٕ刿倜OQNJOTUBMMQBDLBHFOBNF؝٦سⰻדJNQPSUSFRVJSFׅCSPXTFSJGZXFCQBDLדؽٕسׅOQNVQEBUF
`"OHVMBS3FBDU 7VFKT 8FC$PNQPOFOUT 1PMZNFS6*ך؝ٝه٦طٝز⻉הػح؛٦آה׃גך،حفر٦ز⫘ぢ
Generated by https://chrisbateman.github.io/webpack-visualizer
崞涪ז倜꤫➿闐竲ֽחכ⣛㶷ػح؛٦آך⿑鼅ה،ٝثػة٦ٝך㔐鼘ָ♶〳妀
‣ ػؿؓ٦وٝأծ6*؝ٝه٦طٝزז،ؙإءؽٔذ؍‣ غٝسٕ儗؟؎ؤ㟓⸇ꆀծػح؛٦آ荈⡤ך⣛㶷خٔ٦‣ 殯暟䠬ךזׁ랲눤遭ד֮➭鎉铂鱐Ⰵ禸ד֮‣ קַDPOUSJCVUPSך➂侧װMBUFTUDPNNJUծWFSTJPOזוػح؛٦آ鼅㹀ך♧菙涸錁挿
‣ זֻגזהַזِ٦ذ؍ٔذ؍װ䬄韋‣ הִלꟼ侧㘗זו暴㹀ך0QJOJPOBUFEזٓ؎ـٓٔ‣ 麣Ⱗֲתֻ⢪ֲֿהכծְא䟝⫷״ꨇ׃ְ‣ 㼰׃ך堣腉⢪ֲחؿ؋؎ٕ؟؎ؤ肍㣐⻉ׇׁ"OUJ1BUUFSO⤑ⵃ䬄韋ٌٌٔٔIUUQTXXXJDLSDPNQIPUPTOPSJPOBLBZBNB
MPEBTI,# SFBDUEPN,# SY,# BDNFKT,# DPSFKT,# WFMPDJUZBOJNBUF,# JNNVUBCMF,# SFBDU,# ˟NJOJGZ黝欽䖓ծH[JQ黝欽Generated by https://alexkuz.github.io/webpack-chart
‣ فؚٓ؎ٝך㢳欽ח״⣛㶷خٔ٦ך肍㣐⻉‣ 㡪㣐זؽٕس橆㞮הꞿ㣐ז鏣㹀ؿ؋؎ٕ‣ NBLFװOQNSVOד幥הֿח/PEF+4ָⰅ鴥‣ 剑鵚כֿך⫘ぢ鼘ֹֽזְؿء֮ךַ"OUJ1BUUFSOؽٕس橆㞮وءوءIUUQTXXXJDLSDPNQIPUPTUBLFTIJL
‣ ❌ꅾ⾨ז穈さׇח״ג䧭甧אكأزז圓䧭 ؽٕس鏣㹀װٓ؎ـٓٔ穈さׇ䱸滠㾴ָ⾨ֻזה⽬זְ‣ ✅搀椚ךזְ穈さׇח״ג䧭甧אىصوٕז圓䧭 䗳銲⟃♳ך䬄韋⻉װِ٦ذ؍ٔذ؍Ⰵזְד剑㼭圓䧭ח⸕"OUJ1BUUFSOרֻך罋ִ剑䓼
‣ ⢽ה׃ג3FBDUך41"443ꟼ鸬כأؙٓحثָꨇ׃ְ ZBIPPVYJCMF葺ַծXBMNBSUFMFDUSPEFזוָ⯓➂ך濼䜋‣ ꅾ㣐זٗحؙ؎ٝחזָ؎ثַ圓眠ׅ״وء‣ ؟٦غ٦ؿٖ٦يٙ٦ؙ➰㾩ךأُ٦ءّٝכ ٥٥⯓➂ח״鑐遤ꐪ铎ך䛷䜋
֮㉏겗鍑ֻ麓玎דծך㉏겗״ꨇ׃ְ㉏겗鍑ְגכזזְ⯋כ堣唒㷕统ך俑腞דծ然桦㺘䏝実ֿהכػة٦ٝ钠陎荈⡤״ꨇ׃ְ㉏겗ד֮鼘ֽג鍑寸㔳然桦㺘䏝嫰実קֲָ葺ְהְֲ鑧ך״ֲדׅ7BQOJL 7/4UBUJTUJDBMMFBSOJOHUIFPSZ8IFOTPMWJOHBQSPCMFNPGJOUFSFTU EPOPUTPMWFBNPSFHFOFSBMQSPCMFNBTBOJOUFSNFEJBUFTUFQ5SZUPHFUUIFBOTXFSUIBUZPVSFBMMZOFFECVUOPUBNPSFHFOFSBMPOF
8FC*OJUJBUJWF$FOUFSؐؑـ؎صء،ذ؍ـإٝة٦$ZCFS"HFOUًر؍،盖鱥ך8FC埆鯥穈籼
‣ ،ؙإءؽٔذ؍ⵃ⤑䚍ךぢ♳ ֮ײؼزծ堣唒ծرغ؎أחהג⢪ְװְֿׅהפךꂁ䣁‣ ػؿؓ٦وٝأ䘯黝䚍ךぢ♳ 넝鸞ח⹛⡲׃ג䘯黝ח⢪ִֿהח״ِ٦ؠ٦⡤꿀‣ 倜׃ְ8FC䪮遭⢪ثٍٖٝآ 倜꤫➿闐ך⚥דծ8FC䪮遭ךثؕٓ䌢ח䒷ֹ⳿ׅך鑐8FCה׃גךㅷ颵넝ךבֻ
8FCָ䲿⣘דֹ⣣⦼ך剑㣐⻉תכ⾱挿㔐䌓
תה
‣ اؿزؐؑ،ծع٦سؐؑ،ծٓ؎ؿأة؎ٕFUD‣ 8FCؿٗٝزؒٝس《䋆ֻ橆㞮כ㢌⻉竲ֽגְ‣ ؙٓ؎،ٝز؟؎سכח黝䘔׃竲ֽֿהָ実ؙٓ؎،ٝز橆㞮ך㢌⻉ח黝䘔׃竲ֽ
‣ 劍䖉ח䘔ִך㢌⻉FUDך崞涪ז倜꤫➿闐ָ䗳銲‣ 㢳圫䚍הぢֹさְזָծ䪮遭涸頾⫈؝ٝزٗ٦ٕׅ‣ 䗳銲⟃♳ח醱꧟זֿה׃גזְַ孡אֽ8FCفٗتؙز肪גך倜꤫➿闐
劍䖉ח䘔ִ竲ֽך黝䘔ָֿ8FCؿٗٝزؒٝسך植㜥ח䗳銲ז㢌⻉
2VFTUJPOIUUQBIPNV!BIPNVHJUIVCDPNBIPNV!"⌂5IBOLTGPSְְַؿٔ٦稆勞꧊ְׅהװIUUQXXXJSBTVUPZBDPN