2020年代、使う技術はどう選ぶ？

by uhyo

Slide 1

Slide 1 text

೥୅ɺ ࢖͏ٕज़͸Ͳ͏બͿʁ 'SPOU&OE4UVEZ -*/&גࣜձࣾ ϑϩϯτΤϯυΤϯδχΞ VIZP

Slide 2

Slide 2 text

"CPVU4QFBLFS uhyo -*/&ͷϑϩϯτΤϯυΤϯδχΞ 5ZQF4DSJQUͱ3FBDU͕ओͳ෢ث ొஃ͢Δͱ͍ͭ΋ܕ҆શੑͷ࿩Λ͢Δ ࠓճ͸͋·Γ͠·ͤΜ

Slide 3

Slide 3 text

Q. 2020年代のフロントエンド͸Ͳ͏ͳΔʁ

Slide 4

Slide 4 text

Q. 2020年代のフロントエンド͸Ͳ͏ͳΔʁ A. Θ͔Γ·ͤΜ

Slide 5

Slide 5 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

Slide 6

Slide 6 text

ະདྷͷ͜ͱΛ஌Δͷ͸೉͍͠ ೥લɺࠓͲ͏ͳ͍ͬͯΔ͔૝૾Ͱ͖·͔ͨ͠ʁ ೥ͷࣗ෼͸૝૾Ͱ͖ͳ͔ͬͨͷͰ K2VFSZͱ$PGGFF4DSJQUͰ41"Λ࡞ͬͯ·ͨ͠ɻ ͳΜͱࠓ΋ಈ͍ͯΔʂʢએ఻ʣ ݄Լਓ࿛ IUUQTKJOSPVVIZPIZPOFU

Slide 7

Slide 7 text

5IJT5BML ະདྷͷ͜ͱ͕෼͔Βͳ͍தͰͲ͏ٕज़બఆ͢Δ͔ ະདྷͷ͜ͱΛ༧ଌ͢ΔͨΊʹ͸Ͳ͏͢Δ͔

Slide 8

Slide 8 text

໰୊ղܾͱٕज़બఆ

Slide 9

Slide 9 text

ະདྷΛ஌Δͱ͸ ʮະདྷΛ஌Δʯ কདྷతʹϑϩϯτΤϯυྖҬͷٕज़ελοΫ ʹൃੜ͢ΔมԽΛ஌Δ কདྷྲྀߦΔٕज़ɾ͜Ε͔ΒֶͿ΂͖ٕज़Λ஌Δ ஌͚ࣝͩͰ͸Ͳ͏ʹ΋ͳΒͳ͍😩 ೥୅ʹى͖ͨมԽɾྲྀߦٕͬͨज़͕ࢀߟʹͳΔ͔΋ʁ

Slide 10

Slide 10 text

೥୅ͷߦ·ͱΊ એݴత6*͕ग़͖͕ͯͯࠢ਒͑ͨ 5ZQF4DSJQU͕ීٴ 8FCඪ४ͷਐԽ͕Ճ଎

Slide 11

Slide 11 text

Q. ৽͍ٕ͠ज़͸ͳͥੜ·ΕΔͷ͔ʁ

Slide 12

Slide 12 text

Q. ৽͍ٕ͠ज़͸ͳͥੜ·ΕΔͷ͔ʁ A. ৽͍͠໰୊Λղܾ͢ΔͨΊ ϥΠϒϥϦ΍ϑϨʔϜϫʔΫ͸໰୊ղܾͷखஈͰ͋Δ ৽͍͠໰୊Λղܾ͢ΔͨΊʹ͸৽͍ٕ͠ज़͕ඞཁͰ͋Δ

Slide 13

Slide 13 text

େ৽ٕज़ͷ෼ੳ ϑϩϯτΤϯυ։ൃͷେن໛Խ એݴత6* ੩తܕγεςϜ ໋ྩతͳ%0.ૢ࡞͕ͭΒ͍ ιʔείʔυͷಡղɾߋ৽ίετ ͕େ͖ͯͭ͘Β͍ ໰୊ ղܾࡦ

Slide 14

Slide 14 text

େ৽ٕज़ͷ෼ੳ એݴత6* ܾࡦ

Slide 15

Slide 15 text

େ৽ٕज़ͷ෼ੳ એݴత6* ܾࡦ ͍ͭ͜Β͸ ͷҧ͍ ઃܭ

Slide 16

Slide 16 text

Α͘ฉ͔ΕΔ࣭໰ Q. Ͳ͏ͯ͠3FBDUΛબΜͩͷʁ

Slide 17

Slide 17 text

Α͘ฉ͔ΕΔ࣭໰ Q. Ͳ͏ͯ͠3FBDUΛબΜͩͷʁ A. ޷͖͔ͩΒ

Slide 18

Slide 18 text

ͲͷϥΠϒϥϦΛબͿʁ એݴత6* ܾࡦ ͜ͷ ͕޷͖ ઃܭ

Slide 19

Slide 19 text

એݴత6* ͍ͭ͜Β͸ ͕ҧ͏͚ͩɻ ͱ ͸͍͍ͩͨಉ͡ɻ ͲͷϥΠϒϥϦΛબͿʁ ܾࡦ ઃܭ ໰୊ ղܾࡦ ͷྑ͠ѱ͠΋͋Δ͕ɺ ޷ΈͰબΜͰ΋ΘΓͱྑ͍ɻ ઃܭ

Slide 20

Slide 20 text

݁ہະདྷΛ஌Δʹ͸Ͳ͏ͨ͠Β͍͍͔ ະདྷΛ஌Δʹ͸৽͍͠ Λ஌Ε͹͍͍ʂ Ή͠Ζ Λࣗ෼Ͱ࡞Ε͹ະདྷΛ࡞ΕΔ͔΋ʜʜ ղܾࡦ ໰୊ ղܾࡦ ໰୊

Slide 21

Slide 21 text

૝ఆ͞ΕΔٙ໰ Q. Ͳ͏ͨ͠Β৽͍͠ Λ஌Δ͜ͱ͕Ͱ͖Δʁ ղܾࡦ ໰୊

Slide 22

Slide 22 text

૝ఆ͞ΕΔٙ໰ Q. Ͳ͏ͨ͠Β৽͍͠ Λ஌Δ͜ͱ͕Ͱ͖Δʁ A. ࢥ͍ͭ͘ ղܾࡦ ໰୊

Slide 23

Slide 23 text

ϥΠϒϥϦͷਐԽͱ໰୊ղܾ ύϥμΠϜΛม͑ΔϨϕϧͷ ͸ͱͯ΋رɻ ೥Ͱͭͱ͔ɻ ͔͠͠ϑϩϯτΤϯυͷਐԽ͸଎͍ͱݴΘΕΔɻͳ͔ͥʁ ΑΓখ͞ͳ໰୊ղܾαΠΫϧΛճ͍ͯ͠Δ͔Β ղܾࡦ

Slide 24

Slide 24 text

3FBDUͷྫ ղܾࡦ ໰୊ ໋ྩత%0.ૢ࡞͸ εέʔϧ͢Δઃܭ͕ࠔ೉ એݴత6*ɾԾ૝%0. ղܾࡦ ໰୊ ίϯϙʔωϯτͷઃܭ͕ ͭΒ͍ʢεςʔτϑϧʹ ͳΓ͕ͪʣ 3FBDU)PPLT ղܾࡦ ໰୊ ඇಉظॲཧͷઃܭ͕·ͩͭΒ͍ ʢ໋ྩతɾεςʔτϑϧʹͳΓ͕ͪʣ 69ͱͷཱ྆΋೉͍͠ 3FBDU$PODVSSFOU.PEF ʢະϦϦʔεʣ ղܾࡦ ໰୊ όϯυϧαΠζ࡟ݮͷͨΊʹܭࢉΛ αʔόʔଆʹҠ͢ͱΞϓϦͷઃܭ͕ ΍΍͘͜͠ͳΔ 3FBDU4FSWFS$PNQPOFOUT ʢະϦϦʔεʣ

Slide 25

Slide 25 text

3FBDUͷਪ͠ϙΠϯτ ͞·͟·ͳ Λग़ͯ͘͠Δ͕ɺҰ؏ͨ͠໨తҙࣝΛ ͍࣋ͬͯΔɻ ࢦ਑΋Ұ؏͍ͯ͠Δɻ ղܾࡦ ໰୊ IUUQTSFBDUKTPSHEPDTDPODVSSFOUNPEFJOUSPIUNM IUUQTHJUIVCDPNKPTFQITBWPOBSGDTCMPCTFSWFSDPNQPOFOUTUFYUTFSWFSDPNQPOFOUTNE ઃܭ

Slide 26

Slide 26 text

3FBDU͸·͍͚ͩΔ Ұ؏ͨ͠ ͔Β܁Γग़͞ΕΔਐԽΛ͋ͱͭ΋ ࢒͍ͯ͠Δʂ ͜ͷઌͷํ޲ੑ͕༧ଌ͠΍͍͢ ͷΞοϓσʔτ͕ظ଴Ͱ͖Δ ʹ௕ظతͳ࠾༻ɾֶशͷର৅ͱͯ͠৴པੑ͕ߴ͍ ʢͰ΋$PODVSSFOU.PEFൃද͔Β೥Ҏ্ܦͬͯΔͦ͠ΖͦΖϦϦʔεͯ͠΄͍͠ʣ ղܾࡦ ໰୊ ઃܭ ղܾࡦ ໰୊

Slide 27

Slide 27 text

೦ͷͨΊ͝஫ҙ 3FBDUҎ֎ͷϥΠϒϥϦΛඇ೉͢Δҙਤ͸͋Γ·ͤΜɻ ࣗ෼ͷ޷͖ͳϥΠϒϥϦͷ໨తҙࣝΛߟ࡯ͯ͠Έ·͠ΐ͏ɻ 🤫

Slide 28

Slide 28 text

छྨͷٕज़બఆ ୹ظతͳٕज़બఆʢ͙͢ʹݱ৔Ͱ࢖͏ͱ͔ʣ ͸ࠓͷϕΫτϓϥΫςΟεͰ΋͍͍ɻ ࠓͷͨΊͷ Ͱબ΅͏ ॻ͖΍͍͢ɾܕ͕͍͍ FUD த௕ظతͳٕज़બఆʢ਺೥ޙΛݟਾ͑ͨʣ ΑΓ৽͍͠ Λબ΅͏ ղܾࡦ ໰୊ ઃܭ ղܾࡦ ໰୊

Slide 29

Slide 29 text

୺తʹ·ͱΊΔͱ த௕ظతͳٕज़બ୒͸৽͍ٕ͠ज़Λ࠾༻͠Ζʂ ͳͥͳΒ৽͍ٕ͠ज़͸৽͍͠ Λղܾ͢Δ͔Β Λఏى͠ଓ͚ΔϥΠϒϥϦ͸৴པͰ͖Δ ໰୊ ໰୊

Slide 30

Slide 30 text

ཧ૝ͱݱ࣮ Q. Ͱ΋৽͍ٕ͠ज़͸ރΕͯͳ͍͠ʜʜ৘ใ͕ͳ͍͠ʜʜ

Slide 31

Slide 31 text

ཧ૝ͱݱ࣮ Q. Ͱ΋৽͍ٕ͠ज़͸ރΕͯͳ͍͠ʜʜ৘ใ͕ͳ͍͠ʜʜ A. ͦΕ͸ݱ࣮ͷ࿩Ͱ͢Ͷɻ ඞཁͳ৘ใΛࣗΒௐ΂ͯಘΒΕΔͷ͕ཧ૝తͰ͢ΑͶʁ ׬ᘳͳղܾࡦΛࣗΒ࡞Δͷ͕ཧ૝తͰ͢ΑͶʁ ͱ͍͏͔ࣗࣾͰॻ͍ͨΫϩʔζυͳιʔεΑΓ͸ރΕͯ·͢ΑͶʁ

Slide 32

Slide 32 text

ཧ૝ͱݱ࣮ ແ ཧ૝ ࣌ؒతཁҼ ਓతཁҼ FUD ݱ࣮తબ୒ • ৭ʑͳཁҼʹΑΓཧ૝͔Βԕ͕͞Δͷ͸ ࢓ํ͕ͳ͍ɻ • ͏·͍མͱ͠ॴΛݟ͚ͭΔͷ΋·ٕͨज़ྗɻ • ͔͠͠ཧ૝͸ཧ૝ͱͯ͠ଘࡏ͢Δɻ

Slide 33

Slide 33 text

༨ஊ Q. ͳͥཧ૝ΛޠΔͷ͔ʁ A1. 理想͸جຊɺ現実͸Ԡ༻ͳͷͰ A2. Έͳ͞Μͷࢹ໺Λ޿͛ΔͨΊ

Slide 34

Slide 34 text

༨ஊ5ZQF4DSJQUͷྫ ແ BOZύϥμΠε ཧ૝ TUSJDUUSVF OP*NQMJDJU"OZUSVF ˡ͜ͷ΁Μ͕མͱ͠ॴ͔ͳʁ ͘Β͍

Slide 35

Slide 35 text

ແ BOZύϥμΠε ཧ૝ TUSJDUUSVF OP*NQMJDJU"OZUSVF ˡ͜͜Ͱ͚͢Ͳʜʜ ۃ๺ BT΋ݪଇ࢖༻ېࢭ ࢖༻͢Δ৔߹͸આ໌ίϝϯτඞਢ

Slide 36

Slide 36 text

8FCඪ४Λ௥͑ʂ

Slide 37

Slide 37 text

೥୅ͷߦ·ͱΊ એݴత6*͕ग़͖͕ͯͯࠢ਒͑ͨ 5ZQF4DSJQU͕ීٴ 8FCඪ४ͷਐԽ͕Ճ଎

Slide 38

Slide 38 text

Q. ͳͥ8FCඪ४Λ௥͏΂͖ͳͷ͔ʁ

Slide 39

Slide 39 text

Q. ͳͥ8FCඪ४Λ௥͏΂͖ͳͷ͔ʁ A. 8FCඪ४͸ڀۃͷ ͔ͩΒ ϥΠϒϥϦϨϕϧͰղܾͰ͖ͳ͍͜ͱΛϒϥ΢β͕ղܾͯ͘͠ΕΔ ϥΠϒϥϦ΋݁ہ8FCඪ४ͷ্ʹ৐͍ͬͯΔ ղܾࡦ

Slide 40

Slide 40 text

8FCඪ४͸ະདྷ΁ͷಓඪ 8FCඪ४͸ ʹର͢Δࠜຊతͳ Λ༩͑Δ͕ɺ ϩʔϨϕϧͳ"1*Ͱ͋ΓPQJOJPOBUFEͳ ͸൐Θͳ͍ɻ ֤ʑͷ Λ࣋ͬͨϥΠϒϥϦ͕࡞ΒΕΔɻ ͱ͍͏͜ͱ͸͋͋͋͋͋͋͋͋ ৽͍͠8FCඪ४Λ஌Ε͹ະདྷͷ؀ڥ͕༧ଌͰ͖Δʂ ղܾࡦ ໰୊ ઃܭ ઃܭ

Slide 41

Slide 41 text

ྫ$44ͱ4IBEPX%0. ղܾࡦ ໰୊ $44͸άϩʔόϧʹొ࿥͞Εɺ େن໛ʹͳΔͱ؅ཧ͕೉͍͠ ඃΒͳ͍Ϋϥε໊ͷࣗಈੜ੒ ʢϥΠϒϥϦϨϕϧղܾࡦʣ ղܾࡦ 4IBEPX%0. ʢ࢓༷Ϩϕϧղܾࡦʣ ઃܭ 8FCQBDLͷ$44.PEVMFT ֤छ$44JO+4ϥΠϒϥϦ ઃܭ 4IBEPX%0.ϕʔεͷ$44JO+4 ϥΠϒϥϦΛ࡞Γ·ͨ͠ʢએ఻ʣ IUUQTHJUIVCDPNVIZPDBTUFMMB ղܾࡦ ໰୊ 4IBEPX%0.͸443Ͱ͖ͳ͍ ʢ4IBEPX%0.಺Λੜ੒͢Δͷʹ+4͕ඞਢʣ %FDMBSBUJWF4IBEPX%0.

Slide 42

Slide 42 text

ྫ&4.࣌୅ͷϦιʔε഑৴ Q. &4.PEVMFTωΠςΟϒͷ࣌୅ʹͳΔͱɺ ͷΑ͏ͳόϯυϥ͸ෆཁʹͳΔʁ

Slide 43

Slide 43 text

ྫ&4.࣌୅ͷϦιʔε഑৴ Q. &4.PEVMFTωΠςΟϒͷ࣌୅ʹͳΔͱɺ ͷΑ͏ͳόϯυϥ͸ෆཁʹͳΔʁ A. ͍͍͑ɺόϯυϥ͸·ͩඞཁͰ͢

Slide 44

Slide 44 text

ྫ&4.࣌୅ͷϦιʔε഑৴ ղܾࡦ ໰୊ &4.PEVMFTͷϞδϡʔϧάϥϑશମΛऔಘ͢Δʹ͸ αʔόʔͱͷؒΛԿԟ෮΋͢Δඞཁ͕͋Δ )5514FSWFS1VTIʢ಴࠳ʣ ղܾࡦ 3FTPVSDF#VOEMFT #VOEMFE3FTPOTFT#BUDIFE1SFGFUDIFT όϯυϥ͸+BWB4DSJQUͰ͸ͳ͘#VOEMFE3FTQPOTFTΛग़ྗ͠ɺ ϒϥ΢βɾαʔόʔ΋#VOEMFE3FTQPOTFTΛωΠςΟϒʹཧղ͢Δ ʢએ఻ʣ #VOEMFE3FTQPOTFTΛಡΈॻ͖Ͱ͖Δ$-*ͱ͔Λ࣮૷͠·ͨ͠ IUUQTHJUIVCDPNVIZPSFTPVSDFCVOEMFT 🌐📦 ղܾࡦ ໰୊ +4ͷϑΝΠϧ਺͕ଟ͗ͯ͢ ύϑΥʔϚϯε͕ѱ͍ .PEVMF'SBHNFOUT ʢ4UBHF1SPQPTBMʣ

Slide 45

Slide 45 text

·ͱΊ

Slide 46

Slide 46 text

ٕज़બఆ ໨తʹ߹Θͤͯ෼͚ͯߟ͑Α͏ɻ ͙͢࢖͏ ޷͖ͳɾखʹೃછΉ ΛબͿͷָ͕ɻݱ৔ͷঢ়گʹ߹Θͤͯ࢖ ͑ΔΑ͏ʹམͱ͠ࠐΉ͜ͱ΋ॏཁɻ ௕͘࢖͍͍ͨɾઌΛݟਾ͑ͨεΩϧ޲্ ྑ͍ Λબ΅͏ɻྑ͍ ͸௕͍໨ͰݟΔͱൃల͢Δ͸ͣɻ ݟΔ໨Λຏ͍ͯΞʔϦʔΞμϓλʔʹɻ ઃܭ ղܾࡦ ղܾࡦ

Slide 47

Slide 47 text

ྑ͍ղܾࡦͬͯʁ ࣗ෼Ͱ Λۛຯ͢Δͷ͕ཧ૝ɻʢ೉͍͠ʣ 8FCඪ४Λ௥͏ͷ͕ݎ࣮ɻ ࣍ͷ࣌୅ʹྲྀߦΔϥΠϒϥϦΛ༧૝ͯ͠ΈΑ͏ɻ ղܾࡦ

Slide 48

Slide 48 text

·ͱΊ ໰୊ղܾͱ͍͏ࢹ఺Ͱٕज़બఆΛߟ͑ͯΈ·ͨ͠ɻ ཧ૝తͳͷ͸ࣗ෼Ͱ໰୊ɾղܾࡦΛߟ͑Δ͜ͱɻ ط੒ͷϥΠϒϥϦΛ࢖͏ࡍ΋ղܾࡦΛҙࣝ͠Α͏ɻ