WEBエンジニア勉強会 #01 (開会〜発表1)

by OSCA

Embed

Start on current slide

Slide 1

Slide 1 text

8&#ΤϯδχΞษڧձ

Slide 2

Slide 2 text

8&#ΤϯδχΞษڧձ © OSCA ໨త • 8&#ٕज़ͷڞ༗ͱֶश • ීஈͷऔΓ૊ΈΛൃදͰ͖Δ৔ͷఏڙ • 8&#ΤϯδχΞͷ༑ୡ΍஥ؒΛ࡞Δ

Slide 3

Slide 3 text

ձ৔Ҋ಺ ॾ஫ҙ © OSCA • τΠϨ͸࿓Լʹ͋Γ·͢ɻ • ېԎʹ͝ڠྗ͍ͩ͘͞ɻ • ͜ͷି͠ձٞࣨͷແྉ 8J'J͕ར༻Ͱ͖·͢ɻ • ҿ৯͸ࣗ༝Ͱ͢ɻ • ࢀՃඅԁΛ͓ࢧ෷͍͍ͩ͘͞ɻ • '͸ֶशक़ɾ'͸ࣗशࣨͰ͢ɺ૽Իʹ഑ྀئ͍͠·͢ɻ • ࿓ԼͰͷ௨࿩͸͝ԕྀ͍ͩ͘͞ɻ • ϚΠΫ͕ར༻Ͱ͖·ͤΜɺྃ͝ঝ͍ͩ͘͞ɻ

Slide 4

Slide 4 text

ओ࠵ऀ ࣗݾ঺հ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ϓϩδΣΫτϦʔμʔ • +BWB 1)1 • αʔόʔαΠυΤϯδχΞ • ࠷ۙ͸ਓ޻஌ೳ "* ػցֶशΛษڧத • ͘͞Βͷ714आΓͯ8&#αʔϏεΛӡӦ • ໷ܠࣸਅՈ • ෣඿ࡏॅ

Slide 5

Slide 5 text

ओ࠵ऀ ࣗݾ঺հ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ϓϩδΣΫτϦʔμʔ ᖛ໺ ౦ژ ࣗࣾ ϕτφϜ ԭೄ ސ٬ தࠃਓνʔϜ

Slide 6

Slide 6 text

ओ࠵ऀ ࣗݾ঺հ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ϓϩδΣΫτϦʔμʔ ᖛ໺ ౦ژ ࣗࣾ ϕτφϜ ԭೄ ސ٬ ओͳ࢓ࣄ • ސ٬ંি • ࢓༷ௐ੔ • ϕϯμʔϚωʔδϝϯτ தࠃਓνʔϜ

Slide 7

Slide 7 text

8&#ΤϯδχΞษڧձ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ϓϩδΣΫτϦʔμʔ ࡀఆ೥આ • தؒ؅ཧΛձࣾʹٻΊΒΕɺΤϯδχΞͰ͖ͳ͍ɻ • ྑ͍ޙഐΛҭͯΔɾྑ͍ϏδωεύʔτφʔΛ࣋ͭ͜ͱ ͕ධՁʹͭͳ͕Δɻ • ͲΜͲΜपΓ͔Βʮٕज़͕޷͖ʯͱ͍͏ਓ͕͍ͳ͘ͳͬ ͍ͯ͘ɻ

Slide 8

Slide 8 text

8&#ΤϯδχΞษڧձ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ϓϩδΣΫτϦʔμʔ ૝͍ • ΤϯδχΞͱͯ͠΋ݱ໾Ͱ͍͍ͨ • ΤϯδχΞͰډଓ͚ΒΕΔํ๏Λ໛ࡧ͍ͨ͠ • ΤϯδχΞͷ͓༑ୡཉ͍͠ • ޙഐ΍एऀʹ஌ࣝΛڞ༗͍ͨ͠

Slide 9

Slide 9 text

8&#ΤϯδχΞษڧձ © OSCA ࠓ೔ͷൃද ̎̌̌̌೥Ҏ߱ͷ8&#ΛৼΓฦΓɺ ۙ೥ͷ8&#ͷΩʔϫʔυʹ৮ΕͯΈΔ !FOHJOFFS@PTDB 0"VUIΛ͔Έͩ͘͘ !HBSCBHFUPXO XFCΤϯδχΞॳ৺ऀΛεϜʔζʹड͚ೖΕΔͨΊʹ ϨΨγʔΞϓϦέʔγϣϯͷΞʔΩςΫτͱͯ͠౒ྗ ͍ͯ͠Δ͜ͱ !OBCFEHF

Slide 10

Slide 10 text

8&#ΤϯδχΞษڧձ © OSCA ࠓ೔ͷ-5 • ΤϯδχΞʹͳͬͯϲ݄ܦͬͯࢥ͏͜ͱ !BLND[ • ࣾ಺ͰϑϨʔϜϫʔΫΛ޿͛Δ·Ͱ ![VDLFZ@ • େاۀͰ΋8&#ΤϯδχΞϦϯά͕͍ͨ͠ !SFOKJLBSJ

Slide 11

Slide 11 text

OSCA (濱野一二三) ೥Ҏ߱ͷ8&#ΛৼΓฦΓɺ ۙ೥ͷ8&#ͷΩʔϫʔυʹ৮ΕͯΈΔ

Slide 12

Slide 12 text

8&# © OSCA ブラウザサーバー HTTPリクエスト HTTPレスポンス

Slide 13

Slide 13 text

8&#ΠϯλʔϑΣʔε © OSCA • )5.-קࠂ • 9)5.-קࠂ • 9)5.-קࠂ • "DUJPO4DSJQU • 8&#"KBY ςΟϜɾΦϥΠϦʔ • "EPCF͕.BDSPNFEJBΛങऩ "DUJPO4DSJQU • .JDSPTPGU4JMWFSMJHIU • "EPCF"JS

Slide 14

Slide 14 text

8&#ΠϯλʔϑΣʔε © OSCA • )5.-υϥϑτ • "QQMF J1IPOF(ൃച • "QQMF J1IPOF 4BGBSJ Ͱ'MBTIͷඇରԠΛൃද • )5.-קࠂ • )5.-קࠂ

Slide 15

Slide 15 text

8&#ΠϯλʔϑΣʔε © OSCA )5.- • QJDUVSF • JOQVUUZQFlEBUFUJNFMPDBMzʙ • JOQVUUZQFlXFFLzʙ • JOQVUUZQFlNPOUIzʙ • Πϕϯτ PODVU PODPQZ POQBTUF ͷ௥Ճ

Slide 16

Slide 16 text

8&#ΠϯλʔϑΣʔε © OSCA )5.-QJDUVSFλά

Slide 17

Slide 17 text

8&#ΠϯλʔϑΣʔε © OSCA )5.-JOQVUλά • JOQVUUZQFlEBUFUJNFMPDBMzʙ • JOQVUUZQFlXFFLzʙ • JOQVUUZQFlNPOUIzʙ

Slide 18

Slide 18 text

8&#ΠϯλʔϑΣʔε © OSCA )5.-

Slide 19

Slide 19 text

8&#ϒϥ΢β © OSCA • *OUFSOFU&YQMPSFS • *OUFSOFU&YQMPSFS • *OUFSOFU&YQMPSFS ೥ʹ91޲͚αϙʔτ׬શऴྃ • .P[JMMB'JSFGPY • "QQMF4BGBSJ • *OUFSOFU&YQMPSFS • (PPHMF$ISPNF • *OUFSOFU&YQMPSFS • *OUFSOFU&YQMPSFS • *OUFSOFU&YQMPSFS • *OUFSOFU&YQMPSFS • &EHF

Slide 20

Slide 20 text

8&#ϒϥ΢β © OSCA ϒϥ΢βංେԽ໰୊ ϒϥ΢βʹඞཁͳػೳͱ͸ͳΜͳͷ͔ʁ • 8FC#MVFUPPUI"1* • (BNFQBE"1* • 8FC.*%*"1*

Slide 21

Slide 21 text

8&#ϒϥ΢β © OSCA

Slide 22

Slide 22 text

ΫϥΠΞϯταΠυɾεΫϦϓτ © OSCA ECMAScript JavaScript 実装言語仕様

Slide 23

Slide 23 text

ΫϥΠΞϯταΠυɾεΫϦϓτ © OSCA &$."4DSJQU &4 • ೥ &$."4DSJQUTU&EJUJPO • ೥ &$."4DSJQUOE&EJUJPO • ೥ &$."4DSJQUSE&EJUJPO • ೥ &$."4DSJQUUI&EJUJPO • ೥ &$."4DSJQUUI&EJUJPO • ೥ &$."4DSJQU&EJUJPO • ೥ &$."4DSJQU&EJUJPO ࡦఆத

Slide 24

Slide 24 text

ΫϥΠΞϯταΠυɾεΫϦϓτ © OSCA +BWB4DSJQU • ೥ +BWB4DSJQU&$."4DSJQUTU OE • ೥ +BWB4DSJQU&$."4DSJQUSE • ೥ +BWB4DSJQU

Slide 25

Slide 25 text

ΫϥΠΞϯταΠυɾεΫϦϓτ © OSCA ECMAScript JavaScript 実装言語仕様 TypeScript 拡張実装言語 (Super set) コンパイル CoffeeScript

Slide 26

Slide 26 text

ΫϥΠΞϯταΠυɾεΫϦϓτ © OSCA ECMAScript JavaScript 実装言語仕様 TypeScript 拡張実装言語 (Super set) コンパイル CoffeeScript AltJS

Slide 27

Slide 27 text

Slide 28

Slide 28 text

௨৴ )551 )5514 © OSCA )551 ࣍ͷٕज़ʹΑΓɺ)551YΑΓ΋௨৴͕ߴ଎ʹͳΔɻ • )551ϔομͷѹॖ • 164)௨৴ • )551ύΠϓϥΠϯ • )FBEPG-JOF )P- ϒϩοΩϯά໰୊ͷղফ )551͸ɺ)5514 )551PWFS5-4 ௨৴͕લఏɻ

Slide 29

Slide 29 text

௨৴ )551 )5514 © OSCA )551 )551αʔόʔͷରԠঢ়گ • "QBDIFʙ • OHJOY ʙ • **4 8JOEPXT ʙ ϒϥ΢βͷରԠঢ়گ • (PPHMF$ISPNFʙ • .P[JMMB'JSFGPYʙ • *OUFSOFU&YQMPSFSʙ .JDSPTPGU&EHF

Slide 30

Slide 30 text

Slide 31

Slide 31 text

௨৴ )551 )5514 © OSCA -FU`T&ODSZQU • αʔόʔ্ͰɺίϚϯυϥΠϯͰূ໌ॻͷൃߦཁٻΛߦ͏ɻ • ൃߦ͞ΕΔূ໌ॻͷλΠϓ͸%7ূ໌ॻɻ • ൃߦ͞ΕΔূ໌ॻͷ༗ޮظݶ͸ϲ݄ɻ • ίϚϯυΛDSPOͳͲʹొ࿥ͯ͠ɺ༗ޮظݶ੾ΕʹͳΓͦ ͏ͩͬͨΒࣗಈతʹߋ৽͢ΔΑ͏ʹ͢Δɻ

Slide 32

Slide 32 text

αʔόʔ © OSCA αʔόʔ؀ڥͷมԽ • ϗεςΟϯά • Ծ૝αʔόʔ 7.8BSF 7JSUVBM4FSWFS 9FO • Ϋϥ΢υ • ೥ "84&$ЌαʔϏε։࢝ • ೥ "84&MBTUJD*1ͷొ৔ άϩʔόϧ*1ݻఆ • ೥ "8471$ ϓϥΠϕʔτωοτϫʔΫ • ೥ "84౦ژϦʔδϣϯ։ઃ

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

։ൃ؀ڥͷมԽ © OSCA όʔδϣϯ؅ཧγεςϜ όʔδϣϯ؅ཧγεςϜ͸෼ࢄܕ͕ओྲྀʹͳͬͨɻ • $74 • 4VCWFSTJPO • (JU .FSDVSJDBM ϗεςΟϯάαʔϏε͕ొ৔ͨ͠ɻ • (JU)VC • #JU#VDLFU • 7JTVBM4UVEJP5FBN4FSWJDFT

Slide 36

Slide 36 text

։ൃ؀ڥͷมԽ © OSCA ґଘؔ܎ͷղܾγεςϜ ΄ͱΜͲͷϓϩάϥϛϯάݴޠʹɺґଘϥΠϒϥϦͷղܾγ εςϜ͕ొ৔ͨ͠ɻ • .BWFO (SBEMF +BWB • #VOEMFS 3VCZ • $PNQPTFS 1)1 • $1"/ 1FSM