Frontend couse01 - Speaker Deck

Slide 1

Slide 1 text

௒ಛٸͰֶͿ ;ΖΜͱ͑ΜͲߨ࠲ ͦͷұ ౕ͍͍͸ΈΜͳࢮ͵

Slide 2

Slide 2 text

͜ͷߨ࠲ͷ໨త

Slide 3

Slide 3 text

ϑϩϯτΤϯυ։ൃʹ਌͠ΈΛ࣋ͭ ࣮ફతͳख๏ΛֶΜͰ։ൃʹ׆͔͢

Slide 4

Slide 4 text

ର৅

Slide 5

Slide 5 text

·ͬ͞Βͳؾ࣋ͪͰϑϩϯτΤϯυ ։ൃͷҰาΛ౿Έग़͢ΤϯδχΞ

Slide 6

Slide 6 text

͜ͷߨ࠲Ͱ΍Δ͜ͱ ೥଴ͬͨΘɻ΋͏ྦ΋͔ΕͪΌͬͨɻ

Slide 7

Slide 7 text

ϞμϯͰφ΢͍ϑϩϯτΤϯυͷੈքΛ஌Ζ͏ IBEB͕Α͘࢖͏$44ςΫχοΫબ 3FBDUίϯϙʔωϯτͷجຊBUPNJDEFTJHO 3FBDUTUBUFSFEVYIPPLT ඇಉظॲཧ֓࿦ ্هͷ಺༰͸༧ࠂͳ͘มߋ͢Δ৔߹͕͋Γ·͢ͷͰྃ͝ঝ͍ͩ͘͞

Slide 8

Slide 8 text

஫ҙࣄ߲

Slide 9

Slide 9 text

͜ͷߨ࠲ͰϑϩϯτΤϯυͷ શͯΛཧղͰ͖·ͤΜ

Slide 10

Slide 10 text

ͦͷұͷςʔϚ

Slide 11

Slide 11 text

ϞμϯͰφ΢͍ ϑϩϯτΤϯυͷੈքΛ஌Ζ͏

Slide 12

Slide 12 text

2Ͳ͏΍ͬͨΒϞμϯͰφ΢͍ ϑϩϯτΤϯυΤϯδχΞʹͳΕ·͔͢

Slide 13

Slide 13 text

IUUQTSPBENBQTIGSPOUFOE

Slide 14

Slide 14 text

IUUQTSPBENBQTIGSPOUFOE "ϩʔυϚοϓ શ෦ཧղͨ͠Β͍͍ͱࢥ͏

Slide 15

Slide 15 text

َச ͍΍·͊ͦͷ௨ΓͳΜͰ͚͢ͲͶ

Slide 16

Slide 16 text

௒ಛٸͰ͜ͷϩʔυϚοϓΛ ݟ͍ͯ͜͏

Slide 17

Slide 17 text

*OUFSOFU

Slide 18

Slide 18 text

*OUFSOFU *OUFSOFU͕ͲͷΑ͏ʹಈ͍ͯΔ͔ %/4ͱ͸ͳΜͧ΍ %PNBJO/BNFͬͯ )PTUJOH ϒϥ΢βͬͯͲͷΑ͏ʹಈ͘ͷʁ IUUQ φχιϨΦΠγΠϊʁ

Slide 19

Slide 19 text

*OUFSOFU ௒ಛٸͳͷͰఀं͠·ͤΜ

Slide 20

Slide 20 text

*OUFSOFU ͕ʂେࣄͳ͜ͱͰ͢ʂʂ ڵຯ͕ग़ͨ࣌ʹௐ΂ͯΈ·͠ΐ

Slide 21

Slide 21 text

ϒϥ΢βΛࣗ࡞͢Δಛू͕ ૊·ΕͯͯϤΧλϤ ༨ஊͰ͢

Slide 22

Slide 22 text

)5.-$44+BWB4DSJQU

Slide 23

Slide 23 text

ը໘ )5.-$44+BWB4DSJQU

Slide 24

Slide 24 text

ը໘ͷࠎ֨୲౰ ͍͡ΕΔ ը໘ͷम০୲౰ ͍͡ΕΔ

Slide 25

Slide 25 text

ϒϥ΢β ίϯύΠϧͳ͠Ͱಈ͘ ৽͠Ίͷॻ͖ํͨ͠Βಈ͔ͳ͔ͬͨΓ͢Δ͚Ͳ

Slide 26

Slide 26 text

7FSTJPO$POUSPM4ZTUFNT

Slide 27

Slide 27 text

7FSTJPO$POUSPM4ZTUFNT ΈΜͳ(JU͔Μ΃͖ʹ࢖͑ΔΑͶʁ IBEB͸Ͳ͏ɾɾͩΖɾɾ

Slide 28

Slide 28 text

8FC4FDVSJUZ,OPXMFEHF

Slide 29

Slide 29 text

8FC4FDVSJUZ,OPXMFEHF ͍ͩ͡ɻ΂Μ͖ΐ͏͠·͠ΐ͏ IBEB΋ͪΌΜͱֶͼ·͢

Slide 30

Slide 30 text

1BDLBHF.BOBHFST OQN࢖͏͔ZBSO࢖͏͔͸ͿͬͪΌ͚޷Έͳؾ͕ͯ͠Δ (0.0%6-&࢖ͬͨ͜ͱ͋ΔͩΖ͔Β1BDLBHF.BOBHFSTͷઆ໌͸͍Βͳ͍ΑͶʁ

Slide 31

Slide 31 text

1BDLBHF.BOBHFST OQN࢖͏͔ZBSO࢖͏͔͸ͿͬͪΌ͚޷Έͳؾ͕ͯ͠Δ (0.0%6-&࢖ͬͨ͜ͱ͋ΔͩΖ͔Β1BDLBHF.BOBHFSTͷઆ໌͸͍Βͳ͍ΑͶʁ ͏ͪ͸ZBSO

Slide 32

Slide 32 text

$44"SDIJUFDUVSF$441SFQSPDFTTPS άϩʔόϧͳ$44ͷείʔϓ΁ͷਓྨͷ఍߅ͷྺ࢙ #&.ˠ໋໊نଇ 4BTTɾ1PTU$TTˠߏจ

Slide 33

Slide 33 text

#VJME5PPMT ͳʹ͔͠ΒίϚϯυ͸OQNTDSJQUTͰఆٛͯ͠ΔΑ

Slide 34

Slide 34 text

#VJME5PPMT -JOUFS͸&4-JOUɺ'PSNBUUFS͸1SFUUJFSͬͯϥΠϒϥϦΛ࢖ͬͯΔΑ HPMJOU΍HPGNUΛࢥ͍ු͔΂ͯ͝ΒΜ

Slide 35

Slide 35 text

#VJME5PPMT 8FCQBDLͱ͸

Slide 36

Slide 36 text

#VJME5PPMT 8FCQBDL IUUQTXFCQBDLKTPSH

Slide 37

Slide 37 text

#VJME5PPMT 8FCQBDL IUUQTXFCQBDLKTPSH ͍ΖΜͳϑΝΠϧΛଋͶͯ͘ΕΔ #VOEMF ίϯύΠϧ΋ͯ͘͠ΕΔ

Slide 38

Slide 38 text

1JDLB'SBNFXPSL

Slide 39

Slide 39 text

1JDLB'SBNFXPSL ϑϩϯτΤϯυߨ࠲ ͦͷࢀɾͦͷᡕͰ࿩͢Α

Slide 40

Slide 40 text

ͪͳΈʹᶃ

Slide 41

Slide 41 text

IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX 3FBDUͷຬ଍౓ ೥

Slide 42

Slide 42 text

IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX 7VFͷຬ଍౓ ೥

Slide 43

Slide 43 text

IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX "OHVMBSͷຬ଍౓ ೥

Slide 44

Slide 44 text

ͪͳΈʹᶄ

Slide 45

Slide 45 text

ϒϥ΢β 3FBDU 8FCQBDL ˞͜ͷਤ͸ΠϝʔδͰ͢ɻ࣮ࡍͱ͸ҟͳΔ৔߹͕͋Γ·͢ɻ

Slide 46

Slide 46 text

ϒϥ΢β 3FBDU 8FCQBDL ˞͜ͷਤ͸ΠϝʔδͰ͢ɻ࣮ࡍͱ͸ҟͳΔ৔߹͕͋Γ·͢ɻ 3FBDUͰॻ͍ͨίʔυ͸ 8FCQBDLͰ#VOEMF͞ΕͯΔΑ

Slide 47

Slide 47 text

.PEFSO$44 άϩʔόϧͳ$44ͷείʔϓ΁ͷਓྨͷ఍߅ͷྺ࢙ ࠷ۙ

Slide 48

Slide 48 text

.PEFSO$44 4UZMFE$PNQPOFOUT $44NPEVMFT είʔϓ͕άϩʔόϧ ͡Όͳ͍$44ͷੈք 4UZMFE$PNQPOFOUT΍$44NPEVMFTͰॻ͍ͨίʔυ ίϯύΠϧޙʹϢχʔΫͳΫϥε໊ʹมΘΔ

Slide 49

Slide 49 text

.PEFSO$44 4UZMFE$PNQPOFOUT $44NPEVMFT είʔϓ͕άϩʔόϧ ͡Όͳ͍$44ͷੈք 4UZMFE$PNQPOFOUT΍$44NPEVMFTͰॻ͍ͨίʔυ ίϯύΠϧޙʹϢχʔΫͳΫϥε໊ʹมΘΔ 4UZMFE$PNQPOFOUTˠKT $44NPEVMFTˠDTT ˞ݸਓͷײ૝Ͱ͢ɻؒҧ͍ͬͯΔ৔߹͕͋Γ·͢

Slide 50

Slide 50 text

8FC$PNQPOFOUT

Slide 51

Slide 51 text

8FC$PNQPOFOUT ௒ಛٸͳͷͰఀं͠·ͤΜ

Slide 52

Slide 52 text

$44'SBNFXPSLT

Slide 53

Slide 53 text

$44'SBNFXPSLT 5BJMXJOE$44࢖ͬͯΔΑʂ 5BJMXJOE$44ͷ޷͖ͳͱ͜Ζ͸ σβΠϯγεςϜ ελΠϧΨΠυ Λ؆୯ʹ࡞ΕΔͱ͜Ζ

Slide 54

Slide 54 text

5FTUJOHZPVS"QQT

Slide 55

Slide 55 text

5FTUJOHZPVS"QQT 6OJUςετʹ+FTU &&ςετʹ$ZQSFTT Λ࢖ͬͯΔΑ

Slide 56

Slide 56 text

5ZQF$IFDLFST

Slide 57

Slide 57 text

5ZQF$IFDLFST ੩తܕ෇͚Λ͍͔ͨ͠Β 5ZQF4DSJQUΛ࠾༻ͯ͠ΔΑ

Slide 58

Slide 58 text

ͪͳΈʹ

Slide 59

Slide 59 text

5ZQF4DSJQU 8FCQBDL UTD 5ZQF4DSJQU$PNQJMFSDPNNBOE ଞʹ΋ίϯύΠϧํ๏͋ͬͨΒڭ͑ͯ͐

Slide 60

Slide 60 text

$43 44( 443 *43

Slide 61

Slide 61 text

$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε +40/

Slide 62

Slide 62 text

$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε +40/ ϒϥ΢β্ ΫϥΠΞϯταΠυ Ͱ +BWB4DSJQU͕ը໘Λੜ੒ ϨϯμϦϯά ͢Δ

Slide 63

Slide 63 text

$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε +40/ ΍Δ͜ͱ͕ଟ͍ͱ ϒϥ΢β ΫϥΠΞϯταΠυ ʹ ͠Θد͕ͤɾɾ

Slide 64

Slide 64 text

443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε +40/

Slide 65

Slide 65 text

443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε +40/ αʔόʔαΠυଆͰ ಈతͳ)5.-Λੜ੒͢Δ

Slide 66

Slide 66 text

443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε +40/ ϦΫΤετ͝ͱʹಈతͳ)5.-Λ ੜ੒͢Δͷʹ͕͔͔࣌ؒΔ

Slide 67

Slide 67 text

44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ੒

Slide 68

Slide 68 text

44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ੒ αʔόʔαΠυଆͰ Ϗϧυ࣌ʹ੩తͳ)5.-Λੜ੒͢Δ

Slide 69

Slide 69 text

44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹ͸ҧ͏ͱ͜Ζ΋͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥ΢β αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔ Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ੒ ૣ͍͚ͲϏϧυ͠ͳ͍ͱ ಺༰͕ߋ৽͞Εͳ͍

Slide 70

Slide 70 text

*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO

Slide 71

Slide 71 text

*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO ྗਚ͖ͨ

Slide 72

Slide 72 text

*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO 44(ͱҧ͍*43͸ Ұఆ࣌ؒ͝ͱʹόοΫάϥ΢ϯυͰ σʔλͷ࠶औಘͱ࠶ϨϯμϦϯάΛߦ͏ ڵຯ͕ग़ͨ࣌ʹௐ΂ͯΈ·͠ΐ

Slide 73

Slide 73 text

4QFDJBM5IBOLT ࢖༻ͨ͠ΞΠίϯͨͪ IUUQTXXXGMBUJDPODPNQBDLTVTFSJOUFSGBDF IUUQTXXXGMBUJDPODPNQBDLTXFCEFWFMPQNFOU IUUQTXXXGMBUJDPODPNQBDLTGJMFFYUFOTJPO