歌舞伎座.tech #13 「フロントエンドアーキテクチャ勉強会」の資料です。
$POUBJOFSͲ͜ʹஔ͘ʁ!TIJCFՎب࠲5FDI
View Slide
ϢʔβʔΠϯλϏϡʔΛαΫοͱͰ͖ΔΑ͏ʹ͢ΔNFZBTVCBDPͱ͍͏αʔϏεΛ։ൃதͰ͢ɻؾʹͳΔํࣄલొ͓ئ͍͠·͢NFZBTVCBDP
ˏTIJCFγϕσβΠφʔϑϩϯτΤϯυΤϯδχΞ
͘͜͜Β͍41"ॻ͍͍ͯ·͢#BDLCPOF3FBDU
ࠓ3FEVYͷDPOUBJOFSʹؔ͢Δ ͪΐͬͱͨ͠Λ͠·͢
$POUBJOFSͱw 3FEVYͷTUPSFͰཧ͍ͯ͠Δঢ়ଶBDUJPOΛ$PNQPOFOUʹଓʢDPOOFDUʣͰ͖Δw 3FEVYͷੈքͱ3FBDUͷੈքΛૄ݁߹ʹͰ͖Δ
1SFTFOUBUJPOBM$PNQPOFOU$POUBJOFS$PNQPOFOU3FEVY
DPOOFDUFE
$PNQPOFOUͷσΟϨΫτϦߏͲ͏ͯ͠Δʁ
σΟϨΫτϦͷԼʹίϯϙʔωϯτͷΈϧʔϧ
ϧʔςΟϯάʹج͍ͮͨσΟϨΫτϦߏϧʔϧ
DBNQBJHOTDBNQBJHOTDSFBUFDBNQBJHOTDBNQBJHOTFEJUΩϟϯϖʔϯҰཡΩϟϯϖʔϯ࡞ΩϟϯϖʔϯৄࡉΩϟϯϖʔϯฤू1BUI 1BHF5JUMFϧʔςΟϯάʹج͍ͮͨσΟϨΫτϦߏ
$BNQBJHOT$SFBUF%FUBJM&EJUΩϟϯϖʔϯҰཡΩϟϯϖʔϯ࡞ΩϟϯϖʔϯৄࡉΩϟϯϖʔϯฤू$BNQBJHOTKTY$SFBUFKTYDPNQPOFOUT
$BNQBJHOT$SFBUF%FUBJM&EJUΩϟϯϖʔϯҰཡΩϟϯϖʔϯ࡞ΩϟϯϖʔϯৄࡉΩϟϯϖʔϯฤूJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPNQPOFOUT
JNQPSU$BNQBJHOTGSPN$BNQBJHOTFYQPSUEFGBVMU$BNQBJHOTDPNQPOFOUT$BNQBJHOTJOEFYKTY
$BNQBJHOT$SFBUF%FUBJM&EJUJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPNQPOFOUT$BNQBJHOT$SFBUF%FUBJM&EJUJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPOUBJOFST
JNQPSU$SFBUFGSPNDPNQPOFOUT$BNQBJHO$SFBUF$POUBJOFS͔Β$PNQPOFOUͷݺͼग़͠૬ରύεͭΒ͍
$POUBJOFSΛޙ͔ΒՃ͢Δ࣌JNQPSU$SFBUFGSPN$SFBUFJNQPSU$SFBUFGSPNDPOUBJOFST$BNQBJHO$SFBUFӨڹൣғ͗ͯͭ͢Β͍
ͦ͜ͰɺJOEFYKTYʹ
͍ͭ͜ɺ΄΅Կͯ͠ͳ͍
JOEFYKTYDPOUBJOFSͱͯ͠ར༻͢Δ
DPOOFDU͕ඞཁͳ࣌DPOUBJOFSɺ ෆཁͳ࣌FYQPSU༻ͱͯ͠ػೳͤ͞Δ
JNQPSU$BNQBJHOTGSPN$BNQBJHOTFYQPSUEFGBVMU$BNQBJHOT
JNQPSU\DPOOFDU^GSPNSFBDUSFEVYGVODUJPONBQ4UBUF5P1SPQT \ʜ^GVODUJPONBQ%JTQBUDI5P1SPQT \ʜ^FYQPSUEFGBVMUDPOOFDU NBQ4UBUF5P1SPQT NBQ%JTQBUDI5P1SPQT $BNQBJHOTJNQPSU$BNQBJHOTGSPN$BNQBJHOT
$BNQBJHOT$SFBUF%FUBJM&EJUJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPNQPOFOUT$BNQBJHOT$SFBUF%FUBJM&EJUJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPOUBJOFSTؙ͝ͱෆཁ
ϝϦοτ σϝϦοτ
ϝϦοτσϝϦοτDPNQPOFOU㱻DPOUBJOFSؒͰ૬ରύε͕ ෳࡶʹͳΒͳ͍DPOUBJOFSΛ༰қʹՃͰ͖Δ
ϝϦοτσϝϦοτDPOUBJOFSΛ༰қʹՃͰ͖ΔDPNQPOFOUDPOUBJOFS ʹݶఆ͞Εͯ͠·͏DPNQPOFOU㱻DPOUBJOFSؒͰ૬ରύε͕ ෳࡶʹͳΒͳ͍
ཧͰݴ͑ɾɾɾDPOUBJOFSDPNQPOFOUOO͚ͩͲɺ࣮ࡍɺͰࠔΒͳ͍ʢԶௐ
ͳͷͰ
$BNQBJHOT$SFBUF%FUBJM&EJUJOEFYKTY$BNQBJHOTKTYJOEFYKTY$SFBUFKTYDPNQPOFOUTDPOUBJOFSDPOUBJOFS
ΦεεϝͰ͢
͋Γ͕ͱ͏͍͟͝·ͨ͠!TIJCF