JVM は Web フロントエンド開発の夢を見るか？

by ちゅるり

Slide 1

Slide 1 text

໺຀ थ +7.͸ 8FCϑϩϯτΤϯυ ։ൃͷເΛݟΔ͔ʁ ୈ ճ ৘ใՊֶएखͷձ ʙ ஜ೾େֶ ৘ใϝσΟΞ૑੒ֶྨ

Slide 2

Slide 2 text

ࣗݾ঺հ ୈ ճ ৘ใՊֶएखͷձ d ໺຀ थʢ/PNBLJ *UTVSVʣ DIVSVSJ@ JUTVEFW • ஜ೾େֶ • ৘ใϝσΟΞ૑੒ֶྨ • ਆಸ઒ݝḟࢠࢢੜ·Ε ಢ໦ݝখࢁࢢҭͪ • 8FCͱݴޠॲཧܥʹؔ৺ • ֆจࣈϓϩάϥϛϯάݴޠ FNPKJO • +7.PO5ZQF4DSJQU 👀

Slide 3

Slide 3 text

͜Ε͔Β࿩͢͜ͱ • 8FCϑϩϯτΤϯυ։ൃʹ +7.ʢ+BWBͷॲཧܥʣͷ ࢓૊ΈΛऔΓೖΕΒͳ͍͔ͱ͍͏࿩ • ࣮૷ʹ͍ͭͯ ୈ ճ ৘ใՊֶएखͷձ d *U`TB$SFEFOUJBM ͜ͷϚʔΫ͕͋ΔεϥΠυ͸ ࠜװʹؔΘΔ෦෼ͷͨΊɺࡱӨ౳Λ ߇͍͚͑ͯͨͩΔͱॿ͔Γ·͢ 🙏

Slide 4

Slide 4 text

΋͘͡ • എܠ • Ξϓϩʔν • ࣮૷ • ࠓޙͷల๬ • ݁࿦ɾ·ͱΊ ୈ ճ ৘ใՊֶएखͷձ d

Slide 5

Slide 5 text

എܠ ୈ ճ ৘ใՊֶएखͷձ d 8FCϑϩϯτΤϯυͷ։ൃݴޠͷओྲྀ͸ 5ZQF4DSJQU ੩తܕ෇͚Ͱ͋Δʹ΋͔͔ΘΒͣ ίϯύΠϧ͢Δͱܕͷ৘ใ͸ܽམͯ͠͠·͏ʂ

Slide 6

Slide 6 text

എܠ • Ϣʔβೖྗ΍αʔό͔Βಘͨσʔλ͸৴པ͖͠Εͳ͍ • ֎෦ͷ "1*Λݺͼग़ͨ͠ࡍɺϨεϙϯεͷεΩʔϚ͕มԽͨ͠Γʜ ୈ ճ ৘ใՊֶएखͷձ d 5ZQF4DSJQU্Ͱͷ ܕఆٛ ຊདྷೖΔ΂͖σʔλ ޡͬͯೖͬͨσʔλ 🤔

Slide 7

Slide 7 text

എܠ • Ϣʔβೖྗ΍αʔό͔Βಘͨσʔλ͸৴པ͖͠Εͳ͍ • ֎෦ͷ "1*Λݺͼग़ͨ͠ࡍɺϨεϙϯεͷεΩʔϚ͕มԽͨ͠Γʜ ୈ ճ ৘ใՊֶएखͷձ d ༩͑ΔσʔλͷܕʹΑͬͯڍಈ͕มԽ͢Δྫ ʢ+BWB4DSJQUʣ Τϥʔʹ͸ ͳΒͳ͍ʂ όάͷ΋ͱ

Slide 8

Slide 8 text

എܠ • ͔ͱ͍ͬͯਵॴʹܕݕࠪͷͨΊͷίʔυΛૠೖ͢Δͷ͸৑௕ • ϩδοΫ΁ͷूதΛࠔ೉ʹ͢Δ • [PE ͳͲͷόϦσʔγϣϯϥΠϒϥϦͷ׆༻͸ʁ • ίʔυશମ͕ϥΠϒϥϦͷӨڹΛڧ͘ड͚ΔͨΊେن໛ͳ ιϑτ΢ΣΞͩͱอक͕ࠔ೉ʹͳͬͯ͠·͏ ୈ ճ ৘ใՊֶएखͷձ d 5ZQF4DSJQUͰखଓ͖తʹܕΛݕࠪ͢Δྫ ΦϒδΣΫτʹରͯ͠ UZQFPG ԋࢉࢠΛద༻͢Δྫ

Slide 9

Slide 9 text

΋͘͡ • എܠ • Ξϓϩʔν • ࣮૷ • ࠓޙͷల๬ • ݁࿦ɾ·ͱΊ ୈ ճ ৘ใՊֶएखͷձ d

Slide 10

Slide 10 text

Ξϓϩʔνɿಛ௃ͷ੔ཧ • ಛ௃ͷൺֱ • ࣮ߦ࣌ʹܕΛอ࣋͢Δ͜ͱʹΑΔར఺ ୈ ճ ৘ใՊֶएखͷձ d ಛੑ +BWBͳͲ 5ZQF4DSJQU ܕνΣοΫͷλΠϛϯά ίϯύΠϧ࣌ʴ࣮ߦ࣌ ओʹίϯύΠϧ࣌ ܕ৘ใͷอ࣋ ࣮ߦ࣌ʹ΋อ࣋ ͳ͠ ಛੑ +BWBͳͲ 5ZQF4DSJQU ࣮ߦ࣌ͷܕݕূ ͋Γʢcheckcast ໋ྩͳͲʣ ͳ͠ʢܕ͕ফڈ͞ΕΔʣ ಈతϞδϡʔϧϩʔυ ҆શʢ࣮ߦ࣌ʹ΋ܕ͕ݕূ͞ΕΔʣ ҆શͰͳ͍ ϓϩτλΠϓԚછ͕ൃੜͯ͠΋ ͦͷݕग़͸೉͍͠ ྫ֎ʹΑΓ࣍ͷ໋ྩͷ ࣮ߦ͕཈੍͞ΕΔ ະఆٛಈ࡞͕ ൃੜ͠͏Δ

Slide 11

Slide 11 text

Ξϓϩʔνɿͳͥ +BWB͔ʁ • ෭࢈෺తͳԸܙ͕ಘ΍͍͢ • αʔόଆͱͷ։ൃݴޠͷڞ௨Խ • 4QSJOH#PPUͳͲͱͷ *'ͷڞ༗ • ։ൃݴޠͷଟ༷ੑͷ֬อ • +7.্Ͱಈ͘ݴޠͳΒԿͰ΋ 8FCϑϩϯτΤϯυ։ൃʹ࢖༻ՄೳͱͳΔ • ,PUMJO 4DBMB ʜ • ৽͍͠ϓϩάϥϛϯάύϥμΠϜͷൃੜʜʁ • +BWBͷࢿ࢈ͷ׆༻ • ଟछଟ༷ͳϥΠϒϥϦ͕ͦͷ··ಈ͘ʢ͜ͱ͕໨ඪʣ ୈ ճ ৘ใՊֶएखͷձ d ,PUMJOͰͷ಺෦ %4- 4DBMB Ͱͷؔ਺ܕύϥμΠϜ ✅ ✅ ✅ ະվมʂ

Slide 12

Slide 12 text

Ξϓϩʔνɿํ਑ • 8FC"TTFNCMZʢ3VTUʣʹΑΔ +7.ͷ࣮૷ • ωΠςΟϒʹ͍࣮ۙߦ଎౓ • ωΠςΟϒϝιουΛ௨ͨ͠ 8FC"1* ͷఏڙ • +BWBଆ͔Βͷ 8FC ։ൃΛαϙʔτ ୈ ճ ৘ใՊֶएखͷձ d ✅ ✅

Slide 13

Slide 13 text

Ξϓϩʔνɿશମਤ ୈ ճ ৘ใՊֶएखͷձ d +BWB7JSUVBM.BDIJOF ʢ#+7.ʣ +BWB4DSJQU&OHJOF +BWBΞϓϦέʔγϣϯ +BWBΫϥεϑΝΠϧ ʢ+BSϑΝΠϧʣ 8FCϒϥ΢β ΤϯδχΞ ։ൃ ։ൃ όοΫΤϯυ ಉҰͷݴޠ͔Β %0.Λѻ͑Δ ࣮ߦ࣌ͷܕݕࠪ +7.্Ͱಈ͘ݴޠͳΒԿͰ΋ ʢ+BWB,PUMJO4DBMB ʜʣ όοΫΤϯυͱڞ௨ͷݴޠͰ ։ൃՄೳʢ૬ޓӡ༻ੑʣ

Slide 14

Slide 14 text

΋͘͡ • എܠ • Ξϓϩʔν • ࣮૷ • ࠓޙͷల๬ • ݁࿦ɾ·ͱΊ ୈ ճ ৘ใՊֶएखͷձ d

Slide 15

Slide 15 text

࣮૷ɿ֓ཁ • +BWBͷ࢓༷ʹ४ڌʢ͢ΔΑ͏ʹ࣮૷தʣ • ։ൃݴޠ • 3VTU • ʢ5ZQF4DSJQUʣ • ʢ3FBDUʣ ୈ ճ ৘ใՊֶएखͷձ d ະվมͷ +3&͕ ͦͷ··ಈ͍͍ͯΔ ࣗ࡞ͷσόοΨ্Ͱ +7. ͕ ಈ࡞͍ͯ͠Δ༷ࢠ

Slide 16

Slide 16 text

࣮૷ɿωΠςΟϒϝιου • ωΠςΟϒϝιουͷ࣮ߦ • 3VTUͰ࣮૷͞Εͨؔ਺Λ୳͠ʹߦ͘ • ͳ͚Ε͹ɺ5ZQF4DSJQUͰ࣮૷͞Εͨؔ਺Λ୳͢ • 8BTN ⁶ 5ZQF4DSJQUͷσʔλͷ૬ޓӡ༻͸໽հ • NJOJTFSEF ΫϨʔτͷ׆༻ • 8BTN ؀ڥͰͷ )BTI.BQͷγϦΞϥΠζʹରԠ͍ͯ͠Δ ୈ ճ ৘ใՊֶएखͷձ d TFSEFKTPOXBTN Ͱ͸ )BTI.BQ ͕࢖͑ͳ͍ ྫ͑͹ )BTI.BQ͸ ΍ΓऔΓͰ͖ͳ͍

Slide 17

Slide 17 text

࣮૷ɿϓϩάϥϜͷهड़ྫ ୈ ճ ৘ใՊֶएखͷձ d ඪ४ϥΠϒϥϦ %0. Λಈ࡞͢Δ ϓϩάϥϜ invokedynamic ໋ྩʹ ະରԠͷͨΊϥϜμ͕ࣜ ॻ͚ͳ͍

Slide 18

Slide 18 text

΋͘͡ • എܠ • Ξϓϩʔν • ࣮૷ • ࠓޙͷల๬ • ݁࿦ɾ·ͱΊ ୈ ճ ৘ใՊֶएखͷձ d

Slide 19

Slide 19 text

ࠓޙͷల๬ɿ($ • 8FCͰ͸ίʔϧόοΫؔ਺͕ POFTIPUͰ ࣮ߦ͞Ε͕ͪ • ͜ͷಛੑΛ׆͔ͯ͠ΑΓܰྔͳ ($΍ ($ϨεΛ࣮ݱͰ͖ͳ͍͔ʁ • ྫɿΠϕϯτϦεφͷؔ਺ϑϨʔϜʹখ͞ͳώʔϓΛ༻ҙ͠ ͦ͜ʹΦϒδΣΫτΛ֨ೲ͢ΔͳͲ • ͕ɺ֤ΦϒδΣΫτͷϥΠϑλΠϜ͕ෆ໌ͳͷͰϝϞϦͷ֬อઌ͕ ܾఆͰ͖ͳ͍ • ࣮ߦ࣌ͷಈతͳϑϩʔղੳʁ ୈ ճ ৘ใՊֶएखͷձ d

Slide 20

Slide 20 text

ࠓޙͷల๬ɿϚϧνεϨου • 8FC"TTFNCMZ ্Ͱಈ࡞͢Δݴޠॲཧܥͱͯ͠ɺͲͷΑ͏ʹ ϚϧνεϨουΛ࣮ݱ͢Δ͔ʁ • 3VTUͷ DSBUFʹ೚ͤΔʁXBTNNUʁ • ಠࣗͷԾ૝తͳεϨουํࣜʁ • XBTJUISFBETΛ଴ͭʁ ୈ ճ ৘ใՊֶएखͷձ d

Slide 21

Slide 21 text

΋͘͡ • എܠ • Ξϓϩʔν • ࣮૷ • ࠓޙͷల๬ • ݁࿦ɾ·ͱΊ ୈ ճ ৘ใՊֶएखͷձ d

Slide 22

Slide 22 text

݁࿦ • 8FCϑϩϯτΤϯυ։ൃͰ +BWBͷٕज़Λར༻͢Δͱʜ • ϓϩάϥϜ࣌ʹҙࣝͤͣͱ΋ɺࣗવʹಈతͳܕݕ͕࣮ࠪݱͰ͖Δ • ϒϥ΢β্Ͱ +7.͕ಈ͘͜ͱʹΑͬͯɺ༷ʑͳ +BWBϥΠϒϥϦΛ ະվมͷ··։ൃʹ࢖༻Ͱ͖Δ • +BWBΛ͸͡Ίͱͨ͠ +7.্Ͱಈ༷͘ʑͳݴޠΛ։ൃʹར༻Ͱ͖Δ • όοΫΤϯυͱͷ૬ޓӡ༻ੑͷ޲্ • ݴޠॲཧܥΛ࡞Δͷ͸ָ͍͠ʂ • ࣗ࡞ͷॲཧܥ͕ు͍ͨΤϥʔʹౖΒΕΔͷ͸ɺؾ͕͍͍࣋ͪ • ײಈͰ͖Δʂ ୈ ճ ৘ใՊֶएखͷձ d

Slide 23

Slide 23 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ୈ ճ ৘ใՊֶएखͷձ d