Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Trusted Types API と Vue.js

Trusted Types API と Vue.js

このLTでは、Webセキュリティの新しい標準であるTrusted Types APIと、Vue.jsのサポート状況についての紹介をします。もっとも一般的なセキュリティ脆弱性であるXSSを防ぐためにはセキュアなコーディングを意識する必要があり、特にTrusted Types APIはDOMベースXSSに対する強力なツールです。AngularやLitでは既にサポートされているTrusted Types APIですが、現在のVue.jsの対応状況などについて紹介していきます。

More Decks by LINEヤフーTech (LY Corporation Tech)

Other Decks in Technology

Transcript

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

     Ҿ༻(JU)VCWVFKTDPSFl$)"/(&-0(zIUUQTHJUIVCDPNWVFKTDPSFCMPCNBJO$)"/(&-0(NE
  2. ˜-:$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Λద༻Մೳ  ։ൃऀ͕ࣗ༝ʹΧελϜϙϦγʔΛ࡞੒ɾద༻Ͱ ͖Δ
  3. ˜-:$PSQPSBUJPO  ࠓޙͷظ଴ w ͞ΒͳΔαϙʔτڧԽ w 7VFKT಺෦ϙϦγʔͷڧԽ΍ΧελϚΠζ w ίϛϡχςΟͷڠྗͱߩݙ w

    5SVTUFE5ZQFT"1*ͷ৘ใ͕গͳ͍ͨΊɺϕετϓϥΫςΟε΍࣮૷ྫΛڍ͛Δͱ࣭ͷߴ͍ ϑΟʔυόοΫʹܨ͕Δ