ママリのweb技術の今と未来 / mamari's front-end present and future

Slide 1

Slide 1 text

$POOFIJUP.BSDIÉʙXFCϑϩϯτΤϯυࢢʙ ϚϚϦͷXFCٕज़ͷࠓͱະདྷ

Slide 2

Slide 2 text

3ZP"EBDIJ !EBDIJ ίωώτࣾΤϯδχΞ XFCϑϩϯτΤϯυͷ࣮૷͕ϝΠϯ ଉࢠ ࡀϲ݄ ͕େ޷͖ʂ ϓϩϑΟʔϧ

Slide 3

Slide 3 text

ຊ୊ʹೖΔલʹ

Slide 4

Slide 4 text

ຊ೔ͷ5XJUUFSϋογϡλά ίωώτϚϧγΣ

Slide 5

Slide 5 text

੝Γ্͍͛ͨʂ

Slide 6

Slide 6 text

ͭͿ΍͖࿅शλΠϜ ίωώτϚϧγΣΛ͚ͭͯπ Πʔτʂ

Slide 7

Slide 7 text

͝ڠྗ͋Γ͕ͱ͏͍͟͝·͢ʂ

Slide 8

Slide 8 text

ผ݅

Slide 9

Slide 9 text

ࠓ೔ࢲ͕஻ͬͨ͜ͱ͸ϦΞϧλΠϜͰ 5XJUUFSʹ౤ߘ͞ΕΔΑ͏ʹͳ͍ͬͯ·͢  1PXFSFECZ!LBUTVUPNV

Slide 10

Slide 10 text

Ҏ্ɺએ఻Ͱͨ͠

Slide 11

Slide 11 text

͔͜͜Βຊ୊

Slide 12

Slide 12 text

w ϚϚϦͷXFC࣮૷ͷத਎ w ෛ࠴ʹཱͪ޲͔ͬͯಘͨ஌ݟ w ໨ࢦ͢ະདྷ ٕज़໘Ͱ ࠓ೔͸ͳ͢͜ͱ

Slide 13

Slide 13 text

w ϝσΟΞ w 2"αΠτ ౤ߘػೳͳ͠ ӾཡͷΈ w ؅ཧը໘ w ΞϓϦ಺8FC7JFX ϚϚϦͷXFC࣮૷

Slide 14

Slide 14 text

XFCٕज़Ͱಈ͍͍ͯΔ΋ͷͨͪ ϝσΟΞ 2" 8FC7JFX ؅ཧը໘

Slide 15

Slide 15 text

Α͘࢖͍ͬͯΔϥΠϒϥϦɾπʔϧ ϑϨʔϜϫʔΫɾܕνΣοΧʔ Ϗϧυπʔϧ

Slide 16

Slide 16 text

ͳΜ͚ͩͲɺͭ͡͸

Slide 17

Slide 17 text

XFCٕज़Ͱ࡞ΒΕ͍ͯΔ΋ͷ ϝσΟΞ 2" 8FC7JFX ؅ཧը໘

Slide 18

Slide 18 text

w ίωώτͰ3FBDUΛ࠾༻͠͸͡Ίͨͷ͸೥લ͘Β͍ w 3FBDUಋೖҎલ͸΄΅#BDLCPOF K2VFSZ ੡ w Ұ෦͸3FBDUϕʔεʹҠ͕ͨ͠·ͩ࢖͍ͬͯΔ෦෼΋ଟ͍ w ࠓ೥ͦ͜୤#BDLCPOFʹຊ֨ணख͢Δ ͍ͨ͠ ෛ࠴#BDLCPOF͕࢒ͬͯͯϠό͍

Slide 19

Slide 19 text

w ϨΨγʔίʔυͳͷͰϝϯς͕େมͩ͠  3FBDUʹͨ͠ํ͕։ൃޮ཰্͕͕Γͦ͏ ্͕Δ w #BDLCPOFͷॻ͖ํΛ͓͔֮͑ͯͳ͍ͱ͍͚ͳ͍ w 3FBDU͚͓͚֮ͩ͑ͯ͹͍͍Α͏ʹ͍ͨ͠  #BDLCPOFΛ৽ϝϯόʔʹڧ͍Δͷ͸ ୤#BDLCPOF͍ͨ͠ཧ༝

Slide 20

Slide 20 text

ίʔυ͚ͩͰ͸ͳ͘ ୺຤໘Ͱͷ՝୊΋͋Δ

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

w BOESPJEΞϓϦͷରԠόʔδϣϯ͸ʙ w ϕϯμʔಠࣗͷඪ४ϒϥ΢β͸଍Γͳ͍ඪ४"1*͕ଟ͘ɺ  Τϥʔ͕ফ͑Δ·Ͱ1PMZGJMMΛೖΕ·ͬͨ݁͘Ռ͕ίϨ w ར఺͸ϩδοΫͰແཧΛ͠ͳͯ͘ྑ͘ͳΔͱ͜Ζ w BOESPJE04ରԠόʔδϣϯͷมߋλΠϛϯάͰ͍Βͳ͍΋ͷ͸ফ͢ʂ  ϑΝΠϧαΠζΛͳΔ΂͘খ͘͢͞ΔΑ͏৺͕͚Δ ෛ࠴1PMZGJMMͷ਺͕Ϡό͍

Slide 23

Slide 23 text

ଞʹ΋

Slide 24

Slide 24 text

w ݄࣌఺ͷฏۉ͕໿ඵ ͍͢͝஗͍ w ݱࡏͷฏۉ͕໿ඵ ·ͩؤுΕΔʂ w H[JQΛ༗ޮʹͨ͠ "QBDIF w TUWJFXҎ֎͸ඇಉظͰऔಘ SFBDUWJSUVBMJ[FE w ը໘֎ͷը૾͸શͯ-B[ZMPBE SFBDUMB[ZMPBE ෛ࠴8FC7JFXͷฏۉඳը଎౓͕Ϡό͍

Slide 25

Slide 25 text

$ISPNFEFWUPPMͷ"VEJUTλϒΛ࢖͏ͱ  ؆୯ʹܭଌϘτϧωοΫ͕೺ѲͰ͖ͪΌ͏  ͷͰΦεεϝͰ͢ ͪͳΈʹ଎౓վળ͢Δͱ͖͸

Slide 26

Slide 26 text

Ҏ্ͷܦݧ͔ΒֶΜͩ͜ͱ

Slide 27

Slide 27 text

w ج൫ͷࡌͤସ͑͸গͣͭ͠Ͱ΋΍͍ͬͯ͘  Ұؾʹ΍Δͱ ਎ମ΋৺΋ ͠ΜͲ͍ͷͰը໘͝ͱʹɺͱ͔ w खஈͷ౷ҰͰνʔϜ։ൃΛ͠΍͘͢͢΂͖  ಉ͡ϝϯόʔͰෳ਺ΞϓϦέʔγϣϯ։ൃ͢Δ৔߹ͳΒͰ͕͢ w BOESPJEͷόʔδϣϯ੾Γࣺͯ͸ϧʔϧΛ໌֬ʹܾ Ί͓ͯ͘ͱྑͦ͞͏ ̋ҎԼʹͳͬͨΒ੾Δʂ w ඳը଎౓JT໋  ԿΛͨ͠Β଎͘ͳΔͷ͔Λ೺Ѳ͢Δඞͣ͠΋ΞϓϦέʔγϣϯίʔυͷվળ͚ͩͱ͸ݶΒͳ͍

Slide 28

Slide 28 text

w #BDLCPOF͕໓ͼΔ  ։ൃޮ཰61ͰϢʔβʔʹఏڙ͢Δ଎౓ΛߴΊ͍͖͍ͯͨ w 1PMZGJMM͕߇͑Ίʹͳ͍ͬͯΔ  ੾ΓࣺͯͷϧʔϧΛܾΊͨΒ͋ͱ͸ؾ௕ʹ଴ͭ w ඳը଎౓͸ฏۉඵ୆  ύέࢮͯͯ͠΋ͦͦ͜͜࢖͑ΔΑ͏ʹ͍ͨ͠ͳʙ ௚ۙͷ໨ࢦ͢΂͖ੈք