Tweet
Tweet

Slide 1

Slide 1 text

ϒϥ΢βޓ׵ͷॏཁੑ ͋ΒΏΔϢʔβʔʹՁ஋Λ ಧ͚ΔͨΊʹඞཁͳ͜ͱ ϑϩϯτΤϯυΧϯϑΝϨϯε๺ւಓ2024 | 2024-08-24

Slide 2

Slide 2 text

ϑϩϯτΤϯυʹؔΘΔਓ͸ Ͳ͏͍͏͜ͱʹܞΘΔͷ͔

Slide 3

Slide 3 text

Frontend Developer Roadmap: What is Frontend Development?

Slide 4

Slide 4 text

͢΂ͯΛͰ͖Δ͜ͱ͕ ॏཁͱ͍͏͜ͱͰ͸ͳ͍

Slide 5

Slide 5 text

ϒϥ΢βʹද૚͢Δ΋ͷ ରͯ͠੹೚Λ΋ͭ

Slide 6

Slide 6 text

ϒϥ΢βޓ׵

Slide 7

Slide 7 text

ΞδΣϯμ 1. ϒϥ΢βͷྺ࢙ͱࠓͷঢ়گ 2. ϒϥ΢βޓ׵ͷॏཁੑ 3. ։ൃऀͷϒϥ΢βޓ׵΁ͷߩݙ

Slide 8

Slide 8 text

ϒϥ΢βͷྺ࢙ͱࠓͷঢ়گ

Slide 9

Slide 9 text

ϒϥ΢βͷ࢝·Γͱීٴ ● WorldWideWeb ○ ࠷ॳͷϒϥ΢β ○ ςΟϜɾόʔφʔζʹϦʔ։ൃ ● NCSA Mosaic ○ Ұൠࣾձ΁ͷීٴʹߩݙ ○ ֤OSʹରԠͰ͖͍ͯΔ ● NetScape Navigator ● Internet Explorer ● Opera

Slide 10

Slide 10 text

ୈҰ࣍ϒϥ΢βઓ૪ ● NetScape Navigator ● Internet Explorer

Slide 11

Slide 11 text

ୈೋ࣍ϒϥ΢βઓ૪ ● Mozilla Firefox ● Safari ● Google Chrome

Slide 12

Slide 12 text

ʮIEରԠʯͱ͍͏ωΨϫʔυ

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

ϒϥ΢βޓ׵ͷॏཁੑ

Slide 15

Slide 15 text

͜Ε·ͰͷϨϯμϦϯάΤϯδϯ ● Trident ● EdgeHTML ● Presto ● Gecko ○ Servo ● KHTML ○ Webkit ■ Blink

Slide 16

Slide 16 text

ݱࡏͷϨϯμϦϯάΤϯδϯ ● Trident ● EdgeHTML ● Presto ● Gecko ○ Servo ● KHTML ○ WebKit ■ Blink

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Ծʹϒϥ΢βΤϯδϯ͕ ͚̍ͭͩʹͳͬͨΒ Ͳ͏ͳΔ…ʁ

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

iOSϒϥ΢βͷ໰୊

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

(ྩ࿨6೥4݄26೔)ʮεϚʔτϑΥϯʹ͓͍ͯར༻͞ΕΔಛఆιϑτ΢ΣΞʹ܎Δڝ૪ͷଅਐʹؔ͢Δ๏཯Ҋʯͷֳܾٞఆ౳ʹ͍ͭͯ | ެਖ਼औҾҕһձ

Slide 24

Slide 24 text

Ϣʔβʔ͕ ϒϥ΢βΛબ୒Ͱ͖Δ͜ͱΛ ߟྀ͢Δඞཁ͕͋Δ

Slide 25

Slide 25 text

։ൃऀͷϒϥ΢βޓ׵΁ͷ࣮ફ

Slide 26

Slide 26 text

̍ɽ ϒϥ΢β΍Web࢓༷ͷ ݱঢ়Λ஌Δ

Slide 27

Slide 27 text

̍ɽ֤छൃ৴ݯ͔Β஌Δ ● ϒϥ΢βϕϯμ ○ Chrome for Developers, web.dev ○ Blog | WebKit ○ Mozilla Firefox Release Notes ● Intents (X, Mastodon, BlueSky) ● mozaic.fm (Monthly Platform) ● גࣜձࣾϛπΤʔϦϯΫε ● αΠϘ΢ζϑϩϯτΤϯυ ● CodeGrid

Slide 28

Slide 28 text

̎ɽ ޓ׵ੑ޲্ͷ औΓ૊ΈΛ஌Δ

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

̏ɽόάΛใࠂ͢Δ ● https://issues.chromium.org/issues/new ● https://bugs.webkit.org/ ● https://bugzilla.mozilla.org/ ● https://webcompat.com/

Slide 32

Slide 32 text

̐ɽαʔϕΠʹࢀՃɾճ౴͢Δ ● State of JS ● State of CSS ● State of HTML

Slide 33

Slide 33 text

̑ɽBaselineΛ஌Δ

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

͜Ε͔Βͷϒϥ΢β

Slide 37

Slide 37 text

ϓϥΠόγʔͱWeb

Slide 38

Slide 38 text

ϒϥ΢βʹ ੜ੒AIΛ౥ࡌ͠ ػೳΛ֦ு͢Δ

Slide 39

Slide 39 text

ྩ࿨͔Βͷ ৽ͨͳϒϥ΢β࡞Γ

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

Ϣʔβͷબ୒ࢶΛ ્֐͢ΔΑ͏ͳ͜ͱΛ ͠ͳ͍Α͏ʹ͢Δ

Slide 43

Slide 43 text

ϒϥ΢βޓ׵Λҙࣝͨ͠ ϑϩϯτΤϯυ։ൃΛʂ

Slide 44

Slide 44 text

ϑϩϯτΤϯυΧϯϑΝϨϯε๺ւಓ2024 | 2024-08-24 Thanks for Listening!