Trusted Types API と Vue.js

by LINEヤフーTech (LY Corporation Tech)

Slide 1

Slide 1 text

-:$PSQPSBUJPO 5SVTUFE5ZQFT"1*ͱ 7VFKT େڮҰਅ,B[VNB0IBTIJ -*/&Ϡϑʔגࣜձࣾ%1'SPOUFOE%FWνʔϜ

Slide 2

Slide 2 text

*OUFSOBM6TF0OMZ -:$PSQPSBUJPO ։ൃऀ͕ͱΕΔߦಈͱظ଴ 7VFKTͰͷରԠঢ়گ %0.ϕʔε944ͱ5SVTUFE5ZQFT"1* "HFOEB ࣗݾ঺հ ·ͱΊ

Slide 3

Slide 3 text

,B[VNB0IBTIJ -*/&גࣜձࣾ ݱ-*/&Ϡϑʔגࣜձࣾ த్ೖࣾ -*''4%,΍-*/&-PHJOͷ8FCϑϩϯτΤϯυΛ ։ൃ͍ͯ͠·͢

Slide 4

Slide 4 text

-:$PSQPSBUJPO %0.ϕʔε944ͱ 5SVTUFE5ZQFT"1*

Slide 5

Slide 5 text

-:$PSQPSBUJPO %0.ϕʔε944ͷಛੑ w Ұൠతͳ944ͱ͸ҧ͍ɺΫϥΠΞϯτ+4ͷϨϯμϦϯάʹΑͬͯ%0.πϦʔߏ଄΁ಈతʹհೖ ͠ɺѱҙͷ͋ΔίʔυΛຒΊࠐΉ͜ͱͰൃੜ͢Δ w αʔόʔαΠυͰͷΤεέʔϓ΍αχλΠζ͕ޮՌΛൃشͤͣɺΫϥΠΞϯτͷ+4Ͱରࡦ͕ ඞཁ

Slide 6

Slide 6 text

-:$PSQPSBUJPO 5SVTUFE5ZQFT"1*ͷ֓ཁ w ϒϥ΢βϨϕϧͰ944߈ܸΛ๷͙ͨΊͷ৽͍͠8FCඪ४"1* w ৴པͰ͖ͳ͍จࣈྻ͕௚઀%0.ૢ࡞ʹ࢖ΘΕΔͷΛ๷͗ɺ։ൃऀ͕ΑΓηΩϡΞͳίʔυΛॻ ͘͜ͱΛࢧԉ͢Δ

Slide 7

Slide 7 text

-:$PSQPSBUJPO 5SVTUFE5ZQFT"1*ͷΠϯύΫτ w (PPHMFͰ͸5SVTUFE5ZQFT"1*ΛطଘͷΞ ϓϦέʔγϣϯʹಋೖޙɺ%0.ϕʔε944ͷ ใࠂ͕݅ʹͳͬͨͱ͍͏ Ҿ༻+4$POG+1l53645&%5:1&4%0.9441305&$*50/"54$"-&zIUUQTKTDPOGKQUBMLLJBOKBNBMJ

Slide 8

Slide 8 text

-:$PSQPSBUJPO 7VFKTͰͷରԠঢ়گ

Slide 9

Slide 9 text

-:$PSQPSBUJPO ίϛϡχςΟͷಈ͖ᶃ w 3'$͕ఏग़͞ΕΔ Ҿ༻(JU)VCWVFKTSGDTl<3'$>*OUFHSBUF5SVTUFE5ZQFT"1*zIUUQTHJUIVCDPNWVFKTSGDTEJTDVTTJPOT

Slide 10

Slide 10 text

-:$PSQPSBUJPO ίϛϡχςΟͷಈ͖ᶄ w 13͕࡞੒͞ΕΔ Ҿ༻(JU)VCWVFKTDPSFlGFBU SVOUJNFEPN USVTUFEUZQFTDPNQBUJCJMJUZzIUUQTHJUIVCDPNWVFKTDPSFQVMM

Slide 11

Slide 11 text

-:$PSQPSBUJPO 1VMM3FRVFTUͷ಺༰ w 5SVTUFE5ZQFT"1*ͷαϙʔτ w 5SVTUFE5ZQFTϙϦγʔbWVF`Λ࡞੒ɾద༻ w JOTFSU4UBUJD$POUFOUؔ਺ͰϙϦγʔΛద༻ w JOOFS)5.-ͷ௚઀࢖༻Λ࡟ݮ͠ɺ಺෦ʹ͓͚ΔϙϦγʔҧ൓Λղফ

Slide 12

Slide 12 text

-:$PSQPSBUJPO ίϛϡχςΟͷಈ͖ᶅ w WϦϦʔεʹΑͬͯ 5SVTUFE5ZQFT"1*Λαϙʔτ w IUUQTHJUIVCDPNWVFKTDPSF CMPCNBJO $)"/(&-0(NE Ҿ༻(JU)VCWVFKTDPSFl$)"/(&-0(zIUUQTHJUIVCDPNWVFKTDPSFCMPCNBJO$)"/(&-0(NE

Slide 13

Slide 13 text

-:$PSQPSBUJPO 7VFKTWͰ࣮ݱͨ͜͠ͱ w 5SVTUFE5ZQFT"1*Λ༗ޮԽͨ͠؀ڥͰ΋7VFKTΞϓϦέʔγϣϯ͕ಈ࡞͢ΔΑ͏ʹͳͬͨ w 5SVTUFE5ZQFTͷΧελϜϙϦγʔΛ࡞੒ɺద༻Ͱ͖ΔΑ͏ʹͳͬͨ

Slide 14

Slide 14 text

-:$PSQPSBUJPO 7VFKTWҎલͱWͷൺֱ WҎલ ಺෦࣮૷ 5SVTUFE5ZQFT"1*ඇରԠ ಺෦ͰJOOFS)5.-΁௚઀ςΩετΛηοτͯ͠ ͍Δ 5SVTUFE5ZQFT"1*ͷαϙʔτ JOOFS)5.-ͷ௚઀࢖༻Λ࡟ݮ͠ɺ಺෦ʹ͓͚Δ ϙϦγʔҧ൓Λղফ 5SVTUFE5ZQFTϙϦγʔ`WVFΛ࡞੒ɾద༻ JOTFSU4UBUJD$POUFOUؔ਺ͰϙϦγʔΛద༻ ։ൃऀ໨ઢ $41Ͱͷ5SVTUFE5ZQFT༗ޮԽ࣌ϥϯλΠϜΤϥʔ ಺෦࣮૷ͰJOOFS)5.-Λ௚઀ૢ࡞͍ͯ͠ΔͨΊ ༗ޮԽͰ͖ͳ͍ WIUNMʹ5SVTUFE5ZQFTΛద༻ෆՄ 5SVTUFE5ZQFTະରԠͷͨΊɺWIUNM΁౉͢஋ ʹϙϦγʔద༻͕Ͱ͖ͳ͍ $41Ͱ༗ޮԽՄೳ ಺෦Ͱ࢖༻͞ΕΔbWVF`ϙϦγʔΛ༗ޮԽ͢Δ͜ ͱͰ5SVTUFE5ZQFTΛ࢖༻Ͱ͖Δ WIUNMʹ5SVTUFE5ZQFTΛద༻Մೳ ։ൃऀ͕ࣗ༝ʹΧελϜϙϦγʔΛ࡞੒ɾద༻Ͱ ͖Δ

Slide 15

Slide 15 text

-:$PSQPSBUJPO 5SVTUFE5ZQFT"1*Λ࢖͏ʹ͸ JOEFYIUNM "QQWVF

Slide 16

Slide 16 text

-:$PSQPSBUJPO 5SVTUFE5ZQFT"1*Λ࢖͏ʹ͸ JOEFYIUNM "QQWVF bWVF`ϙϦγʔͷ࢖༻͸ඞਢ ΧελϜϙϦγʔbNZQPMJDZ`΋ಉ࣌ʹ࢖༻Λࢦࣔ ΧελϜϙϦγʔbNZQPMJDZ`Λ࡞੒ bNZQPMJDZ`ʹ४ڌͨ͠ίϯςϯπΛ WIUNMʹ࢖༻

Slide 17

Slide 17 text

-:$PSQPSBUJPO ஫ҙ఺ w ͋͘·Ͱ΋5SVTUFE5ZQFT"1*Λ࢖༻Ͱ͖Δ؀ڥ͕੔ͬͨͷΈ w 5SVTUFE5ZQFT"1*ͷԸܙΛड͚Δʹ͸ɺ։ൃऀଆͰϙϦγʔΛ࡞੒͢Δ͜ͱ͕େલఏ w αʔυύʔςΟϥΠϒϥϦͷαϙʔτ w ϒϥ΢βͷαϙʔτʢݱࡏͰ׬શαϙʔτ͍ͯ͠Δͷ͸$ISPNFͱ&EHFͷΈʣ

Slide 18

Slide 18 text

-:$PSQPSBUJPO ։ൃऀ͕ͱΕΔߦಈͱظ଴

Slide 19

Slide 19 text

-:$PSQPSBUJPO զʑ։ൃऀ͕Ͱ͖Δ͜ͱ w 7VFKTWҎ߱Λ࢖༻ w A$POUFOU4FDVSJUZ1PMJDZ3FQPSU0OMZAͰ5SVTUFE5ZQFT"1*Λ༗ޮԽ w 5SVTUFE5ZQFT"1*ʹରԠ͢ΔϥΠϒϥϦΛ࢖༻ w %0.1VSJGZWҎ߱IUUQTHJUIVCDPNDVSF%0.1VSJGZSFMFBTFTUBH

Slide 20

Slide 20 text

-:$PSQPSBUJPO ࠓޙͷظ଴ w ͞ΒͳΔαϙʔτڧԽ w 7VFKT಺෦ϙϦγʔͷڧԽ΍ΧελϚΠζ w ίϛϡχςΟͷڠྗͱߩݙ w 5SVTUFE5ZQFT"1*ͷ৘ใ͕গͳ͍ͨΊɺϕετϓϥΫςΟε΍࣮૷ྫΛڍ͛Δͱ࣭ͷߴ͍ ϑΟʔυόοΫʹܨ͕Δ

Slide 21

Slide 21 text

-:$PSQPSBUJPO ·ͱΊ

Slide 22

Slide 22 text

-:$PSQPSBUJPO ·ͱΊ w 7VFKTWҎ߱ͷΞϓϦέʔγϣϯͰ5SVTUFE5ZQFT"1*Λ༗ޮԽͰ͖ΔΑ͏ʹͳͬͨ w ॳาతͳαϙʔτ͔ͭϝδϟʔϒϥ΢βͷαϙʔτ͕ෆे෼ͷͨΊɺࠓޙͷಈ޲ʹ஫໨͢Δඞཁ ͕͋Δ w ஈ֊తͳಋೖ΋ࢹ໺ʹ༗ޮԽ͢ΔͱࣄނΛճආՄೳ

Slide 23

Slide 23 text

-:$PSQPSBUJPO -:$PSQPSBUJPO 5IBOL:PV