Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドエンジニアこそ Azure をすべき!

フロントエンドエンジニアこそ Azure をすべき!

Azure はクラウドエンジニア、サーバエンジニアなどのバックエンドエンジニアが学ぶべきものという印象がありますが Azure こそフロントエンジニアが活用しアプリケーション開発の優位性を保つ技術です。事例を踏まえフロントエンド開発との関わり方についてお話しさせて頂きます。

Fumio SAGAWA

April 21, 2018
Tweet

More Decks by Fumio SAGAWA

Other Decks in Technology

Transcript

  1. @2018 Ashiras, inc. All Rights Reserved   "TIJSBT JOD

    $IJFG&YFDVUJWF0⒏DFS8FC"QQMJDBUJPO&OHJOFFS .JDSPTPGU.PTU7BMVBCMF1SPGFTTJPOBM .71  )5.-&YQFSUTKQ
 "OHVMBS+BQBO6TFS(SPVQ IUNMK ࠤ઒ɹ෉ඒ༤ !BMCBUSPTBSZ
  2. @2018 Ashiras, inc. All Rights Reserved 'SPOUFOEGPS%FW0QT   զʑ͸'SPOUFOEGPS%FW0QTʹऔΓ૊ΜͰ͍·͢ɻ͜ͷऔ૊Ͱ

    ॏཁࢹ͍ͯ͠Δ͜ͱ͸ ΠςϨʔγϣϯΛߦ͑Δ؀ڥ͕࡞ΕΔ͜ͱ ແବΛഉআ͠։ൃʹूதͰ͖Δ͜ͱ ͦΕͧΕ͕ϕετͳঢ়ଶͰ͍Δ͜ͱ ඞཁ࠷௿ݶͷπʔϧΛ࢖͍͜ͳ͢͜ͱ ಘҙ෼໺ʹ͓͍ͯϓϩͰ͋Γଓ͚Δ͜ͱ Ͱ͢ɻ զʑͷऔΓ૊ΈͰ͸࣍ͷϧʔϧͰ࣮ࢪ͍ͯ͠·͢ɻ 8FFLMZΠςϨʔγϣϯΛ࣮ࢪ͢Δ ձ࿩͸4/4Ͱߦ͏ ·ͱΊ͸JTTVFए͘͠͸XJLJΛར༻͢Δ͜ͱ σβΠϯ͸ཁ݅ఆٛͰ͋ΓγεςϜઃܭͰ͋Δ
  3. @2018 Ashiras, inc. All Rights Reserved ߏ੒ϝϯόʔͱ໾ׂ   ओʹϓϩδΣΫτΛߦ͏໾ׂʹ͸̏ͭ͋Γ·͢ɻϚωʔδϟͱσβΠ

    φʔɺͦͯ͠ΤϯδχΞͰ͢ɻ Ϛωʔδϟ͸ҰൠతʹݴΘΕΔϚωʔδϟͱ͸গ͠ҧ͏ҙຯΛ࣋ͬͯ ͍·͢ɻͦΕ͸ɺΤϯδχΞͰ͋ΓσβΠφʔͰ΋͋Δͱ͍͏͜ͱͰ͢ɻ ͭ·ΓεϖγϟϦετͰ͋Δ͜ͱΛҙຯ͠·͢ɻ͜Εʹ͸ଟ͘ͷཧ༝ ͕͋Γ·͕͢ɺͦͷதͰ΋ಛʹॏཁͳͷ͕σβΠϯϨϏϡʔ΍ίʔυ ϨϏϡʔɺγεςϜઃܭϨϏϡʔͳͲଟذʹ౉ͬͯγεςϜશମΛ౷ׅ ͢Δඞཁ͕͋ΔͨΊͰ͢ɻ σβΠφʔ΋ଟ͘ͷํ͕஌͍ͬͯΔ໾ׂͱ͸ҟͳΓ·͢ɻσβΠφʔͰ ͋ΓΤϯδχΞͰ΋͋ΔͷͰ͢ɻ͜Ε͕ҙຯ͢Δͷ͸ɺσβΠφʔ͕ 8FCΞϓϦέʔγϣϯɾΞʔΩςΫνϟΛཧղ͍ͯ͠ͳ͍৔߹ɺ࡞ͬ ͨ6*ʹҙຯ͕ແ͍΋ͷʹͳΓ·͢ɻݱࡏͷ6*ΞʔΩςΫνϟ͸8FCί ϯϙʔωϯτͰ͋Γɺ͜ΕҎ֎ʹ΋1SPHSFTTJWF8FC"QQTͷ֓೦΍ .BUFSJBM%FTJHOͳͲͷ6*ઃܭख๏΋͋Γɺ͜͏ͨ͠جૅ஌ࣝΛݩʹ6* ઃܭΛߦ͏ඞཁ͕͋Γ·͢ɻ ΤϯδχΞ͸ϑϩϯτΤϯυͷ͢΂ͯͷٕज़ʹ͍ͭͯରԠͰ͖Δඞཁ ͕͋Γ·͢ɻͦͷͨΊ೔ࠒ͔Βٕज़஁࿉Λ͢Δඞཁ͕͋Γ·͢ɻϓϩ δΣΫτ͕࢝·͔ͬͯΒֶͿͱ͍͏͜ͱͰ͸ؒҧͬͨ൑அΛ͢ΔՄೳ ੑ͕ग़ͯ͘Δ͔ΒͰ͢ɻ
  4. @2018 Ashiras, inc. All Rights Reserved   ͦΕͧΕͷ໾ׂʹ͍ͭͯཧղ͠΍͍͢Α͏ʹ΢ΥʔλʔϑΥʔϧϞσϧͰઆ໌͠·͢ʢ΋ͪΖΜͦͷϓϩηεͷதͰ8FFLMZ*UFSBUJPOΛߦ͍·͢ʣɻ σβΠφʔ͕ߦ͏΂͖ྖҬͱͯ͠ػೳཁ݅ͱͯ͠ͷγεςϜઃܭ·Ͱߦ͍·͢ɻඇػೳཁ݅ʹؔͯ͠͸Ϛωʔδϟ͕ߦ͏΂͖࢓ࣄͰ͢ɻར༻͠қ͍ը໘σβΠϯ

    ΍ը໘ભҠͳͲ٬ઌώΞϦϯάΛ௨͠ϚωʔδϟͱڞʹγεςϜཁ݅Λߏங͠·͢ɻ ཁ݅ఆٛ΍γεςϜઃܭ͕׬ྃͯ͠΋࢓ࣄ͸ऴΘΓ·ͤΜɻγεςϜϦϦʔεʹ޲͚ͯγεςϜςετઃܭ΍γφϦΦςετઃܭΛߦ͍ࣗ਎͕࡞ͬͨσβΠϯ ʹ໰୊ແ͍͔ݕূ͠·͢ɻ ΤϯδχΞ͸ग़དྷ্͕ͬͨཁ݅ఆٛॻए͘͠͸γεςϜઃܭॻ͔ΒγεςϜυϝΠϯΛఆٛ͠ίϯϙʔωϯτ෼ׂΛ࣮ߦ͠·͢ɻυϝΠϯΛఆٛ͢Δ͜ͱͰ֤ υϝΠϯͰϦϦʔε͢΂͖ঢ়ଶΛ൑அ͠ɺίϯϙʔωϯτઃܭʹΑΓࣗಈςετ͕ߦ͍΍͍͢ϞσϧΛ࡞Γ্͛·͢ɻ ࣮ࡍʹ͸͜ΕΛ΢ΥʔλʔϑΥʔϧͰ͸ͳ͘લग़ͷΠςϨʔγϣϯϞσϧʹԊͬͯ׆ಈΛߦ͍·͢ɻ
  5. @2018 Ashiras, inc. All Rights Reserved σβΠϯࢥߟΠςϨʔγϣϯͱ੒Ռ෺   σβΠφʔ͕࢓ࣄΛ࢝ΊΔ࠷ॳͷ࢓ࣄ͸ώΞϦϯάͰ͢ɻ͜͜Ͱ͸ଟ͘ͷ

    ࢥߟΛ८Βͤ·͢ɻͬ͟ͱࢥ͍ͭ͘͜ͱΛ্͛·͢ɻ 
 8)͔Β69Λߟ͑Δ ɹϖϧιφઃఆɺΧελϚʔδϟʔχʔ࡞੒ɺετʔϦʔϘʔυ࡞੒ ৭ͷޮՌ΍όϥϯε ɹΞΫηγϏϦςΟ ৭ऑ Λߟྀ͢ΔɺϕʔεɾϝΠϯɾΞΫηϯτ ɹίʔϙϨʔτΧϥʔ౳͕͋Δ৔߹όϥϯεͷྑ͍ΧϥʔίʔσΟωʔτ ϚςϦΞϧσβΠϯ౳ͷΨΠυϥΠϯΛ೦಄ʹ͍Ε͓ͯ͘ ɹϚςϦΞϧσβΠϯΨΠυͷख़ಡɺJ04ͷΨΠυϥΠϯͷख़ಡ ɹεϚϗ΍λϒϨοτ౳ͷڱ͍ൣғͰͷΨΠυϥΠϯ ίϯϙʔωϯτΛߟ͑ͳ͕ΒσβΠϯ ɹը໘ͷ౷ҰײɺελΠϧͷ౷Ұ ։ൃऀͱͷίϛϡχέʔγϣϯ ɹΞχϝʔγϣϯ౳ͷҙࢥૄ௨ ࢖༻͢ΔσόΠεͷ೺Ѳ ɹϨεϙϯγϒσβΠϯɺࢹઢͷྲྀΕɺλονྖҬɺϞόΠϧϑΝʔετ ಋઢ ɹը໘ભҠਤɺ8'࡞੒ ৘ใͷ੔ཧ੔಴ ɹάϧʔϓԽ͢Δ Χʔυʹͯ͠ฒ΂ͨΓ͢Δ ɺऔࣺબ୒ σόΠεʹΑͬͯදࣔඇදࣔ  ϨΠΞ΢τ ͜ΕΒ͸ಛघͳ͜ͱͰ͸ͳ͘ҰൠతʹߦͳΘΕ͍ͯΔ͜ͱͰ͢ɻ ώΞϦϯά݁Ռ͸ɺϫΠϠʔϑϨʔϜɺσβΠϯΧϯϓɺϞοΫΞοϓͱ ͯ͠੔ཧ͞Ε࠶ͼώΞϦϯάΛߦ͍͖ͬͯ·͢ɻͭ·ΓΠςϨʔγϣϯΛ ߦ͍·͢ɻ Ͱ͖ͨσβΠϯΧϯϓΛΤϯδχΞʹ౉͠ϓϩάϥϜ։ൃ͕ߦΘΕ·͢ɻ ͭ·Γૣ͚Ε͹ϓϩδΣΫτΛ։࢝̎͠िؒޙʹ͸Կ͔͠ΒϦϦʔεͰ͖ Δ͜ͱΛ͍ࣔͯ͠·͢ɻ
  6. @2018 Ashiras, inc. All Rights Reserved ཁ݅ͱςΫϊϩδʔ σβΠφʔ͕஫ҙ͢΂͖͜ͱ  

    σβΠφʔ͕஫ҙ͢΂͖ࣄ͕͋Γ·͢ɻͦΕ͸ཁ๬ΛҰํతʹฉ͘ͷͰ ͸ແ͍ͱ͍͏͜ͱͰ͢ɻσβΠφʔͱ͸ݴ͑γεςϜߏஙΛ͢Δϝϯόʔ ͷͻͱΓͰ͋Δ͜ͱ͸ؒҧ͍͋Γ·ͤΜɻٕज़తʹඇݱ࣮తͳ͜ͱ͸࠾ ༻ͯ͠͸ߦ͚ͳ͍ͱ͍͏ҙຯͰ͢ɻ σβΠφʔ΋όοΫάϥ΢ϯυʹ͋ΔΞʔΩςΫνϟΛे෼ʹཧղͯ͠ ͍Δඞཁ͕͋Γ·͢ɻྫ͑͹ɺར༻͢ΔϑϨʔϜϫʔΫ͕Ͳ͏͍͏΋ͷ ͔΍ͦΕʹֻ͔Δίετʢ࣌ؒʣɺཁ๬ʹ͍ͭͯར༻͢΂͖ٕज़Λཧղ ͍ͯ͠Δඞཁ͕͋Γ·͢ɻ
  7. @2018 Ashiras, inc. All Rights Reserved ٕज़ͷڞ༗   ೔ʑͷ׆ಈͱͯ͠ϚωʔδϟɺσβΠφʔɺΤϯδχΞ͸ͦΕͧΕͷ෼

    ໺Ͱٕज़Λຏ͘ඞཁ͕͋Γ·͢ɻ஌Γಘٕͨज़ΛͦΕͧΕʹڭ͓͑ޓ͍ ʹ஌ࣝͷϑΥϩʔΞοϓΛ͢Δඞཁ͕͋Γ·͢ɻ
  8. @2018 Ashiras, inc. All Rights Reserved ։ൃΠςϨʔγϣϯ   σβΠϯࢥߟΞϓϩʔνͰ։ൃʹɺಛʹΠςϨʔγϣϯΛͲ͏ճ͔͢Λࢥ

    ߟ͢ΔͨΊʹඞཁͱͳΔͷ͕ʮγφϦΦʯͰ͢ʢখ͞ͳγεςϜͰ͸େ͖ ͳ۠෼͚͕ඞཁແ͍৔߹΋͋Γ·͢ʣɻԿΛ༏ઌ͢΂͖͔ͷ൑அʹͳΓ· ͢ɻ ։ൃΛ࢝ΊΔͱ͖ʹʮ͔Μ͹ΜʯΛఆٛ͠·͢ɻʮ͔Μ͹Μʯ͸΍Ζ͏ͱ ͍͏৺ߏ͑Λهࡌ͠·͢ͷͰ࣮ࢪ͞Εͳ͍৔߹΋͋Γ·͢͠ɺ࣍ͷϓϩδΣ Ϋτ΁ύϯτ͢Δ৔߹΋͋Γ·͢ɻ ϦϦʔε͢΂͖໨ඪ͕ग़དྷɺ࡞ۀʹೖΔ৔߹ʹ͸5PEPϦετ΁ొ࿥͠· ͢ɻ5PEPϦετͰ͸୲౰ΛΞαΠϯ͠·͢ɻΞαΠϯର৅͸ɺϚωʔ δϟɺσβΠφʔɺΤϯδχΞͷ͢΂͕ͯରॲͰ͢ɻ ͦͷޙɺ୲౰͕ணख͢Δͱ*OQSPHSFTTʹͳΓɺ׬ྃޙ%POF΁͔Μ͹ Μ͕Ҡಈ͠·͢ɻ େࣄͳ͜ͱͱͯ͠ɺ8FFLMZ*UFSBUJPOͰ׬ྃ͠ͳ͍΋ͷ͕౰વ͋Γ·͢ɻ ຆͲͷ৔߹࣮ࢪ͢Δલʹ෼͔͍ͬͯ·͢ɻͦͷ৔߹ʹ͸ύϯτ࣍͠ͷΠς ϨʔγϣϯͰଓߦ͠·͢ɻ΋ͪΖΜதࢭ͢Δ͔Μ͹Μ΋͋Γ·͢ɻ
  9. @2018 Ashiras, inc. All Rights Reserved ϦϙδτϦϒϥϯνϚΠϧετʔϯ   γεςϜ։ൃ࣌ͷҰ൪࠷ॳʹߦ͏࢓ࣄ͸

     ϦϙδτϦʔΛ࡞੒͢Δ  ϓϩδΣΫτΛఆٛ͢Δ  ϒϥϯνΛ༻ҙ͢Δ  $*Λఆٛ͢Δ  σϓϩΠઌʢ"[VSFͳͲʣΛఆٛ͢Δ Λߦ͏͜ͱͰ͢ɻ͜͏ͨ͠։ൃ؀ڥ͸̍ɺ̎࣌ؒͰ࡞Γऴ͑Δ͜ͱ͕Ͱ͖ ·͢ɻ ਐ௙͸.JMFTUPOFͰ؅ཧ͠࢒λεΫ͸1SPKFDUT΍JTTVFͰ؅ཧ͠·͢ɻ ͦΕҎ֎ͷਐ௙ࢿྉ͸ଘࡏ͠·ͤΜɻ
  10. @2018 Ashiras, inc. All Rights Reserved (JUIVCϑϩʔͱ$*   ΑΓ۩ମతʹHJUIVCϑϩʔͱ$*ͱͷؔ܎ੑΛݟ͍͖ͯ·͢ɻ

    $*ʹΑΓ΄΅൒ࣗಈͰσϓϩΠ·Ͱߦ͏͜ͱ͕ग़དྷ·͢ɻ ϒϥϯν΁ͷϓογϡ΍ϚʔδͷΈखಈͰߦ͍·͢ɻ w w
  11. @2018 Ashiras, inc. All Rights Reserved ۩ମతͳ(JUIVCΠςϨʔγϣϯϞσϧ   ͻͱΓͷΤϯδχΞ͕JTTVFΛফԽ͢ΔϓϩηεΛΠϝʔδ

    ͠·͢ɻ͜ͷਤ͸৔߹ʹΑΓ࣌ؒ୯Ґɺ෼୯ҐͰͷϦϦʔε ΋ՄೳͰ͋Δ͜ͱΛ͍ࣔͯ͠·͢ɻ
  12. @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