Share
Embed
フロントエンドエンジニアこそ Azure をすべき!
Azure はクラウドエンジニア、サーバエンジニアなどのバックエンドエンジニアが学ぶべきものという印象がありますが Azure こそフロントエンジニアが活用しアプリケーション開発の優位性を保つ技術です。事例を踏まえフロントエンド開発との関わり方についてお話しさせて頂きます。
Fumio SAGAWA
April 21, 2018
Transcript
38 slides
-
@2018 Ashiras, inc. All Rights Reserved ϑϩϯτΤϯυΤϯδχΞͦ͜ "[VSFΛ͖͢ʂ
!BMCBUSPTBSZ (MPCBM"[VSF#PPUDBNQ!,BOTBJ -
@2018 Ashiras, inc. All Rights Reserved "TIJSBT JOD
$IJFG&YFDVUJWF0⒏DFS8FC"QQMJDBUJPO&OHJOFFS .JDSPTPGU.PTU7BMVBCMF1SPGFTTJPOBM .71 )5.-&YQFSUTKQ "OHVMBS+BQBO6TFS(SPVQ IUNMK ࠤɹඒ༤ !BMCBUSPTBSZ -
@2018 Ashiras, inc. All Rights Reserved 'SPOUFOEGPS%FW0QT զʑ'SPOUFOEGPS%FW0QTʹऔΓΜͰ͍·͢ɻ͜ͷऔͰ
ॏཁࢹ͍ͯ͠Δ͜ͱ ΠςϨʔγϣϯΛߦ͑Δڥ͕࡞ΕΔ͜ͱ ແବΛഉআ͠։ൃʹूதͰ͖Δ͜ͱ ͦΕͧΕ͕ϕετͳঢ়ଶͰ͍Δ͜ͱ ඞཁ࠷ݶͷπʔϧΛ͍͜ͳ͢͜ͱ ಘҙʹ͓͍ͯϓϩͰ͋Γଓ͚Δ͜ͱ Ͱ͢ɻ զʑͷऔΓΈͰ࣍ͷϧʔϧͰ࣮ࢪ͍ͯ͠·͢ɻ 8FFLMZΠςϨʔγϣϯΛ࣮ࢪ͢Δ ձ4/4Ͱߦ͏ ·ͱΊJTTVFए͘͠XJLJΛར༻͢Δ͜ͱ σβΠϯཁ݅ఆٛͰ͋ΓγεςϜઃܭͰ͋Δ -
@2018 Ashiras, inc. All Rights Reserved ߏϝϯόʔͱׂ ओʹϓϩδΣΫτΛߦ͏ׂʹ̏ͭ͋Γ·͢ɻϚωʔδϟͱσβΠ
φʔɺͦͯ͠ΤϯδχΞͰ͢ɻ ϚωʔδϟҰൠతʹݴΘΕΔϚωʔδϟͱগ͠ҧ͏ҙຯΛ࣋ͬͯ ͍·͢ɻͦΕɺΤϯδχΞͰ͋ΓσβΠφʔͰ͋Δͱ͍͏͜ͱͰ͢ɻ ͭ·ΓεϖγϟϦετͰ͋Δ͜ͱΛҙຯ͠·͢ɻ͜Εʹଟ͘ͷཧ༝ ͕͋Γ·͕͢ɺͦͷதͰಛʹॏཁͳͷ͕σβΠϯϨϏϡʔίʔυ ϨϏϡʔɺγεςϜઃܭϨϏϡʔͳͲଟذʹͬͯγεςϜશମΛ౷ׅ ͢Δඞཁ͕͋ΔͨΊͰ͢ɻ σβΠφʔଟ͘ͷํ͕͍ͬͯΔׂͱҟͳΓ·͢ɻσβΠφʔͰ ͋ΓΤϯδχΞͰ͋ΔͷͰ͢ɻ͜Ε͕ҙຯ͢ΔͷɺσβΠφʔ͕ 8FCΞϓϦέʔγϣϯɾΞʔΩςΫνϟΛཧղ͍ͯ͠ͳ͍߹ɺ࡞ͬ ͨ6*ʹҙຯ͕ແ͍ͷʹͳΓ·͢ɻݱࡏͷ6*ΞʔΩςΫνϟ8FCί ϯϙʔωϯτͰ͋Γɺ͜ΕҎ֎ʹ1SPHSFTTJWF8FC"QQTͷ֓೦ .BUFSJBM%FTJHOͳͲͷ6*ઃܭख๏͋Γɺ͜͏ͨ͠جૅࣝΛݩʹ6* ઃܭΛߦ͏ඞཁ͕͋Γ·͢ɻ ΤϯδχΞϑϩϯτΤϯυͷͯ͢ͷٕज़ʹ͍ͭͯରԠͰ͖Δඞཁ ͕͋Γ·͢ɻͦͷͨΊࠒ͔Βٕज़࿉Λ͢Δඞཁ͕͋Γ·͢ɻϓϩ δΣΫτ͕࢝·͔ͬͯΒֶͿͱ͍͏͜ͱͰؒҧͬͨஅΛ͢ΔՄೳ ੑ͕ग़ͯ͘Δ͔ΒͰ͢ɻ -
@2018 Ashiras, inc. All Rights Reserved ͦΕͧΕͷׂʹ͍ͭͯཧղ͍͢͠Α͏ʹΥʔλʔϑΥʔϧϞσϧͰઆ໌͠·͢ʢͪΖΜͦͷϓϩηεͷதͰ8FFLMZ*UFSBUJPOΛߦ͍·͢ʣɻ σβΠφʔ͕ߦ͏͖ྖҬͱͯ͠ػೳཁ݅ͱͯ͠ͷγεςϜઃܭ·Ͱߦ͍·͢ɻඇػೳཁ݅ʹؔͯ͠Ϛωʔδϟ͕ߦ͏͖ࣄͰ͢ɻར༻͠қ͍ը໘σβΠϯ
ը໘ભҠͳͲ٬ઌώΞϦϯάΛ௨͠ϚωʔδϟͱڞʹγεςϜཁ݅Λߏங͠·͢ɻ ཁ݅ఆٛγεςϜઃܭ͕ྃͯ͠ࣄऴΘΓ·ͤΜɻγεςϜϦϦʔεʹ͚ͯγεςϜςετઃܭγφϦΦςετઃܭΛߦ͍͕ࣗ࡞ͬͨσβΠϯ ʹແ͍͔ݕূ͠·͢ɻ ΤϯδχΞग़དྷ্͕ͬͨཁ݅ఆٛॻए͘͠γεςϜઃܭॻ͔ΒγεςϜυϝΠϯΛఆٛ͠ίϯϙʔωϯτׂΛ࣮ߦ͠·͢ɻυϝΠϯΛఆٛ͢Δ͜ͱͰ֤ υϝΠϯͰϦϦʔε͖͢ঢ়ଶΛஅ͠ɺίϯϙʔωϯτઃܭʹΑΓࣗಈςετ͕ߦ͍͍͢ϞσϧΛ࡞Γ্͛·͢ɻ ࣮ࡍʹ͜ΕΛΥʔλʔϑΥʔϧͰͳ͘લग़ͷΠςϨʔγϣϯϞσϧʹԊͬͯ׆ಈΛߦ͍·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved σβΠϯࢥߟΠςϨʔγϣϯͱՌ σβΠφʔ͕ࣄΛ࢝ΊΔ࠷ॳͷࣄώΞϦϯάͰ͢ɻ͜͜Ͱଟ͘ͷ
ࢥߟΛ८Βͤ·͢ɻͬ͟ͱࢥ͍ͭ͘͜ͱΛ্͛·͢ɻ 8)͔Β69Λߟ͑Δ ɹϖϧιφઃఆɺΧελϚʔδϟʔχʔ࡞ɺετʔϦʔϘʔυ࡞ ৭ͷޮՌόϥϯε ɹΞΫηγϏϦςΟ ৭ऑ Λߟྀ͢ΔɺϕʔεɾϝΠϯɾΞΫηϯτ ɹίʔϙϨʔτΧϥʔ͕͋Δ߹όϥϯεͷྑ͍ΧϥʔίʔσΟωʔτ ϚςϦΞϧσβΠϯͷΨΠυϥΠϯΛ೦಄ʹ͍Ε͓ͯ͘ ɹϚςϦΞϧσβΠϯΨΠυͷख़ಡɺJ04ͷΨΠυϥΠϯͷख़ಡ ɹεϚϗλϒϨοτͷڱ͍ൣғͰͷΨΠυϥΠϯ ίϯϙʔωϯτΛߟ͑ͳ͕ΒσβΠϯ ɹը໘ͷ౷ҰײɺελΠϧͷ౷Ұ ։ൃऀͱͷίϛϡχέʔγϣϯ ɹΞχϝʔγϣϯͷҙࢥૄ௨ ༻͢ΔσόΠεͷѲ ɹϨεϙϯγϒσβΠϯɺࢹઢͷྲྀΕɺλονྖҬɺϞόΠϧϑΝʔετ ಋઢ ɹը໘ભҠਤɺ8'࡞ ใͷཧ ɹάϧʔϓԽ͢Δ Χʔυʹͯ͠ฒͨΓ͢Δ ɺऔࣺબ σόΠεʹΑͬͯදࣔඇදࣔ ϨΠΞτ ͜ΕΒಛघͳ͜ͱͰͳ͘ҰൠతʹߦͳΘΕ͍ͯΔ͜ͱͰ͢ɻ ώΞϦϯά݁ՌɺϫΠϠʔϑϨʔϜɺσβΠϯΧϯϓɺϞοΫΞοϓͱ ͯ͠ཧ͞Ε࠶ͼώΞϦϯάΛߦ͍͖ͬͯ·͢ɻͭ·ΓΠςϨʔγϣϯΛ ߦ͍·͢ɻ Ͱ͖ͨσβΠϯΧϯϓΛΤϯδχΞʹ͠ϓϩάϥϜ։ൃ͕ߦΘΕ·͢ɻ ͭ·Γૣ͚ΕϓϩδΣΫτΛ։࢝̎͠िؒޙʹԿ͔͠ΒϦϦʔεͰ͖ Δ͜ͱΛ͍ࣔͯ͠·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved ཁ݅ͱςΫϊϩδʔ σβΠφʔ͕ҙ͖͢͜ͱ
σβΠφʔ͕ҙ͖͢ࣄ͕͋Γ·͢ɻͦΕཁΛҰํతʹฉ͘ͷͰ ແ͍ͱ͍͏͜ͱͰ͢ɻσβΠφʔͱݴ͑γεςϜߏஙΛ͢Δϝϯόʔ ͷͻͱΓͰ͋Δ͜ͱؒҧ͍͋Γ·ͤΜɻٕज़తʹඇݱ࣮తͳ͜ͱ࠾ ༻ͯ͠ߦ͚ͳ͍ͱ͍͏ҙຯͰ͢ɻ σβΠφʔόοΫάϥϯυʹ͋ΔΞʔΩςΫνϟΛेʹཧղͯ͠ ͍Δඞཁ͕͋Γ·͢ɻྫ͑ɺར༻͢ΔϑϨʔϜϫʔΫ͕Ͳ͏͍͏ͷ ͔ͦΕʹֻ͔Δίετʢ࣌ؒʣɺཁʹ͍ͭͯར༻͖ٕ͢ज़Λཧղ ͍ͯ͠Δඞཁ͕͋Γ·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved ٕज़ͷڞ༗ ʑͷ׆ಈͱͯ͠ϚωʔδϟɺσβΠφʔɺΤϯδχΞͦΕͧΕͷ
Ͱٕज़Λຏ͘ඞཁ͕͋Γ·͢ɻΓಘٕͨज़ΛͦΕͧΕʹڭ͓͑ޓ͍ ʹࣝͷϑΥϩʔΞοϓΛ͢Δඞཁ͕͋Γ·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved ։ൃΠςϨʔγϣϯ σβΠϯࢥߟΞϓϩʔνͰ։ൃʹɺಛʹΠςϨʔγϣϯΛͲ͏ճ͔͢Λࢥ
ߟ͢ΔͨΊʹඞཁͱͳΔͷ͕ʮγφϦΦʯͰ͢ʢখ͞ͳγεςϜͰେ͖ ͳ͚͕۠ඞཁແ͍߹͋Γ·͢ʣɻԿΛ༏ઌ͖͔͢ͷஅʹͳΓ· ͢ɻ ։ൃΛ࢝ΊΔͱ͖ʹʮ͔ΜΜʯΛఆٛ͠·͢ɻʮ͔ΜΜʯΖ͏ͱ ͍͏৺ߏ͑Λهࡌ͠·͢ͷͰ࣮ࢪ͞Εͳ͍߹͋Γ·͢͠ɺ࣍ͷϓϩδΣ Ϋτύϯτ͢Δ߹͋Γ·͢ɻ ϦϦʔε͖͢ඪ͕ग़དྷɺ࡞ۀʹೖΔ߹ʹ5PEPϦετొ͠· ͢ɻ5PEPϦετͰ୲ΛΞαΠϯ͠·͢ɻΞαΠϯରɺϚωʔ δϟɺσβΠφʔɺΤϯδχΞͷ͕ͯ͢ରॲͰ͢ɻ ͦͷޙɺ୲͕ணख͢Δͱ*OQSPHSFTTʹͳΓɺྃޙ%POF͔Μ Μ͕Ҡಈ͠·͢ɻ େࣄͳ͜ͱͱͯ͠ɺ8FFLMZ*UFSBUJPOͰྃ͠ͳ͍ͷ͕વ͋Γ·͢ɻ ຆͲͷ߹࣮ࢪ͢Δલʹ͔͍ͬͯ·͢ɻͦͷ߹ʹύϯτ࣍͠ͷΠς ϨʔγϣϯͰଓߦ͠·͢ɻͪΖΜதࢭ͢Δ͔ΜΜ͋Γ·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved ϦϙδτϦϒϥϯνϚΠϧετʔϯ γεςϜ։ൃ࣌ͷҰ൪࠷ॳʹߦ͏ࣄ
ϦϙδτϦʔΛ࡞͢Δ ϓϩδΣΫτΛఆٛ͢Δ ϒϥϯνΛ༻ҙ͢Δ $*Λఆٛ͢Δ σϓϩΠઌʢ"[VSFͳͲʣΛఆٛ͢Δ Λߦ͏͜ͱͰ͢ɻ͜͏ͨ͠։ൃڥ̍ɺ̎࣌ؒͰ࡞Γऴ͑Δ͜ͱ͕Ͱ͖ ·͢ɻ ਐ.JMFTUPOFͰཧ͠λεΫ1SPKFDUTJTTVFͰཧ͠·͢ɻ ͦΕҎ֎ͷਐࢿྉଘࡏ͠·ͤΜɻ -
@2018 Ashiras, inc. All Rights Reserved (JUIVCϑϩʔͱ$* ΑΓ۩ମతʹHJUIVCϑϩʔͱ$*ͱͷؔੑΛݟ͍͖ͯ·͢ɻ
$*ʹΑΓ΄΅ࣗಈͰσϓϩΠ·Ͱߦ͏͜ͱ͕ग़དྷ·͢ɻ ϒϥϯνͷϓογϡϚʔδͷΈखಈͰߦ͍·͢ɻ w w -
@2018 Ashiras, inc. All Rights Reserved ۩ମతͳ(JUIVCΠςϨʔγϣϯϞσϧ ͻͱΓͷΤϯδχΞ͕JTTVFΛফԽ͢ΔϓϩηεΛΠϝʔδ
͠·͢ɻ͜ͷਤ߹ʹΑΓ࣌ؒ୯Ґɺ୯ҐͰͷϦϦʔε ՄೳͰ͋Δ͜ͱΛ͍ࣔͯ͠·͢ɻ -
@2018 Ashiras, inc. All Rights Reserved %FQMPZ'BTUFSUP,VCFSOFUFTXJUI8FSDLFS 8FSDLFSJTB%PDLFS/BUJWF$*$%"VUPNBUJPOQMBUGPSNGPS,VCFSOFUFT.JDSPTFSWJDF%FQMPZNFOUT
"VUPNBUFZPVSEFWFMPQNFOU 8FSDLFSTTUSFBNMJOFEDPOUJOVPVTJOUFHSBUJPOQMBUGPSNGBTUGPSXBSETZPVSEFWFMPQNFOU 4UFQT "4UFQJTTFMGDPOUBJOFECBTITDSJQUPSDPNQJMFECJOBSZGPSBDDPNQMJTIJOHTQFDJpDBVUPNBUJPOUBTLT 'PSFYBNQMF BQJQJOTUBMM LVCFDUMPSB%PDLFSQVTI #FDBVTFTUFQTBSFTNBMMJTPMBUFEBDUJPOTUIFZBSFQPSUBCMF SFQFBUBCMFBOESFVTBCMF5IFZDBOCFDSFBUFEGSPNTDSBUDIPS DPOTVNFEGSPNPVSPQFOTUFQTNBSLFUQMBDF 1JQFMJOFT 1JQFMJOFTBSFBTFSJFTPGTUFQTUIBUBSFUSJHHFSFEPOBHJUQVTIPSUIFDPNQMFUJPOPGBOPUIFSQJQFMJOF 'PSFYBNQMF BQJQFMJOFDBOCFBCVJME QVTIUPBSFHJTUSZPSBEFQMPZ 5IFDPNCJOBUJPOPGNVMUJQMFQJQFMJOFTSFTVMUTJOB8PSLqPX 8PSLqPXT $POUBJOFST 3FHJTUSJFT 4DIFEVMFST %FWFMPQ"DSPTT"MM1MBUGPSNT -FBSOPOFXBZUPCVJMEBQQMJDBUJPOTXJUI"OHVMBSBOESFVTFZPVSDPEFBOEBCJMJUJFTUPCVJMEBQQTGPSBOZEFQMPZNFOUUBSHFU'PS XFC NPCJMFXFC OBUJWFNPCJMFBOEOBUJWFEFTLUPQ 4QFFE1FSGPSNBODF "DIJFWFUIFNBYJNVNTQFFEQPTTJCMFPOUIF8FC1MBUGPSNUPEBZ BOEUBLFJUGVSUIFS WJB8FC8PSLFSTBOETFSWFSTJEFSFOEFSJOH "OHVMBSQVUTZPVJODPOUSPMPWFSTDBMBCJMJUZ.FFUIVHFEBUBSFRVJSFNFOUTCZCVJMEJOHEBUBNPEFMTPO3Y+4 *NNVUBCMFKTPS BOPUIFSQVTINPEFM *ODSFEJCMF5PPMJOH #VJMEGFBUVSFTRVJDLMZXJUITJNQMF EFDMBSBUJWFUFNQMBUFT&YUFOEUIFUFNQMBUFMBOHVBHFXJUIZPVSPXODPNQPOFOUTBOEVTFBXJEF BSSBZPGFYJTUJOHDPNQPOFOUT(FUJNNFEJBUF"OHVMBSTQFDJpDIFMQBOEGFFECBDLXJUIOFBSMZFWFSZ*%&BOEFEJUPS"MMUIJTDPNFT UPHFUIFSTPZPVDBOGPDVTPOCVJMEJOHBNB[JOHBQQTSBUIFSUIBOUSZJOHUPNBLFUIFDPEFXPSL -PWFECZ.JMMJPOT 'SPNQSPUPUZQFUISPVHIHMPCBMEFQMPZNFOU "OHVMBSEFMJWFSTUIFQSPEVDUJWJUZBOETDBMBCMFJOGSBTUSVDUVSFUIBUTVQQPSUT(PPHMFT MBSHFTUBQQMJDBUJPOT NGULAR CLI 8FC"QQT "[VSF"QQ4FSWJDFɺ͋ΒΏΔϓϥοτϑΥʔϜ·ͨσόΠε༻ͷ8FC͓ΑͼϞόΠϧΞ ϓϦέʔγϣϯΛ͘͢؆୯ʹ࡞͢ΔͨΊʹඞཁͳͯ͢ͷͷΛ౷߹͢ΔΫϥυΞϓϦ έʔγϣϯαʔϏεͰ͢ɻ "[VSFαϒεΫϦϓγϣϯɺྉۚɺίϛοτϝϯτͷ͍ͣΕෆཁͰɺ࠷େ࣌ؒͷ"[VSF "QQ4FSWJDFΤΫεϖϦΤϯεΛήετͱͯ͠͝ར༻͍͚ͨͩ·͢ɻແྉධՁ൛αϒεΫϦϓγϣ ϯʹΑΓɺ͞Βʹ࣌ؒɺ"[VSF"QQ4FSWJDFΤΫεϖϦΤϯεͷͯ͢ͷػೳΛ͝ར༻͍ͨͩ ͚·͢ɻ )PXQFPQMFCVJMETPGUXBSF .JMMJPOTPGEFWFMPQFSTVTF(JU)VCUPCVJMEQFSTPOBMQSPKFDUT TVQQPSUUIFJSCVTJOFTTFT BOEXPSLUPHFUIFS POPQFOTPVSDFUFDIOPMPHJFT %FW0QT -JGF$ZDMF %FQMPZ#VJME %FTJHO%FWFMPQ 3FMFBTF OHOFX 5IF"OHVMBS$-*NBLFTJUFBTZUPDSFBUFBOBQQMJDBUJPOUIBUBMSFBEZXPSLT SJHIUPVUPGUIFCPY*U BMSFBEZGPMMPXTPVSCFTUQSBDUJDFT OHHFOFSBUF (FOFSBUFDPNQPOFOUT SPVUFT TFSWJDFTBOEQJQFTXJUIBTJNQMFDPNNBOE5IF$-*XJMMBMTPDSFBUF TJNQMFUFTUTIFMMTGPSBMMPGUIFTF OHTFSWF &BTJMZQVUZPVSBQQMJDBUJPOJOQSPEVDUJPO 5FTU -JOU 'PSNBU .BLFZPVSDPEFSFBMMZTIJOF3VOZPVSVOJUUFTUTPSZPVSFOEUPFOEUFTUTXJUIUIFCSFF[FPGB DPNNBOE&YFDVUFUIFP⒏DJBM"OHVMBSMJOUFSBOESVODMBOHGPSNBU %FWFMPQNFOU*OGSBTUSVDUVSF