ヤフーのユーザー5,400万人から"同意"を得るための技術

「UIT × Bonfire Front-end Meetup #1」での発表資料です。
https://uit.connpass.com/event/300284/

Transcript

1. ˜
   -:
   $PSQPSBUJPO
   ϓϥοτϑΥʔϜϓϩμΫτ։ൃάϧʔϓ ϓϩμΫτ։ൃ౷ׅຊ෦ ϓϩμΫτ։ൃຊ෦ SWAT ࠓ୩
   ༞௨ʢˏIJNBUBOJʣ ϠϑʔͷϢʔβʔ
    
   ສਓ͔ΒಉҙΛಘΔͨΊͷٕज़
2. ˜
   -:
   $PSQPSBUJPO
    ࣗݾ঺հ ࠓ୩
   ༞௨ʢˏIJNBUBOJʣ
   ೥ɺϠϑʔגࣜձࣾʢݱɿ-*/&Ϡϑʔגࣜձࣾʣʹத్ೖࣾɻ޿ࠂྖҬͷ։ൃ Λܦݧͨ͠ͷͪɺ೥ΑΓ48"5νʔϜʹҟಈɻϑϩϯτΤϯυͷ։ൃΛத৺ʹɺ ৽ܕίϩφ΢ΠϧεରࡦҊ݅΍౦ژΦϦϯϐοΫҊ݅ͳͲɺશࣾ஫ྗҊ݅Λ୲౰ɻ
    :BIPP
   +"1"/
   )BDL
   %BZ
   ެࣜαΠτ։ൃ
    :BIPP
   +"1"/
   5FDI
   $POGFSFODF
   ެࣜαΠτɾ഑৴αΠτ։ൃ
    :BIPPݕࡧ
   ৽ܕίϩφ΢Πϧεରࡦؔ࿈Ϟδϡʔϧ։ൃ
    :BIPPݕࡧ
   ౦ژΦϦϯϐοΫؔ࿈Ϟδϡʔϧ։ൃ
    ձࣾ߹ซʹ൐͏৽ϓϥΠόγʔϙϦγʔಉҙϞδϡʔϧ։ൃ
   ͳͲ
3. ˜
   -:
   $PSQPSBUJPO
   ɹ͸͡Ίʹʢ48"5νʔϜͱ͸ʣ ɹ৽ϓϥΠόγʔϙϦγʔʹ͍ͭͯ ɹಉҙϞδϡʔϧʢ4%,ʣʹ͍ͭͯ ɹۤ࿑ͨ͠఺ʹ͍ͭͯ ɹ͍͞͝ʹʢৼΓฦΓʣ      ʘ ࣭໰ɾײ૝͸ϋογϡλάʮ #uit_bonfire ʯ·Ͱ͓ئ͍͠·͢ ʗ  ࠓ೔࿩͢͜ͱ
4. ˜
   -:
   $PSQPSBUJPO
   ɹ͸͡Ίʹʢ48"5νʔϜͱ͸ʣ 
5. ˜
   -:
   $PSQPSBUJPO
   શࣾԣஅͰٕज़ࢧԉΛߦ͍ͬͯΔΤϯδχΞνʔϜɻ
   ٕज़తʹߴ೉қ౓ͳ՝୊΍ۓٸΛཁ͢Δ՝୊ͷղܾΛϛογϣϯͱͨ͠։ൃ૊৫Ͱɺ
   શࣾతʹॏཁ౓͕ߴ͘ۓٸੑͷ͋ΔҊ݅ʹ෯޿͘ରԠ͍ͯ͠Δɻ  ͸͡Ίʹʢ48"5νʔϜͱ͸ʣ ࢀߟɿ
    ӽڥͯ͠ɺࣗݾओு͠ɺ՝୊ղܾͯ͠ײँ͞ΕΔᴷᴷಛघ෦ୂʮ48"5ʯͰֶΜͩ͜ͱ
    ਝ଎ͳ։ൃࢧԉͰࣄۀ੒௕ʹಋ͘ਫ਼Ӷ෦ୂʰ48"5λεΫϑΥʔεʱ
6. ˜
   -:
   $PSQPSBUJPO
   ɹ৽ϓϥΠόγʔϙϦγʔʹ͍ͭͯ 
7. ˜
   -:
   $PSQPSBUJPO
    ৽ϓϥΠόγʔϙϦγʔʹ͍ͭͯ ग़యɿIUUQTQSJWBDZMZDPSQDPKQKBOPUJDFCIUNM
8. ˜
   -:
   $PSQPSBUJPO
   ɹಉҙϞδϡʔϧʢ4%,ʣʹ͍ͭͯ 
9. ˜
   -:
   $PSQPSBUJPO
    ಉҙϞδϡʔϧʢ4%,ʣʹ͍ͭͯ 'VMM4DSFFO
   ൛ .PEBM
   ൛
10. ˜
    -:
    $PSQPSBUJPO
     ಉҙϞδϡʔϧʢ4%,ʣʹ͍ͭͯ 'VMM4DSFFO
    ൛ .PEBM
    ൛
11. ˜
    -:
    $PSQPSBUJPO
     48"5νʔϜ͸ɺϠϑʔͷ֤ର৅αʔϏεʹఏڙ͢Δ Ϟδϡʔϧʢ4%,ʣͷ։ൃશൠΛ୲౰
    ର৅ϓϥοτϑΥʔϜɿ
    J04
    "OESPJE
    8FC
    ։ൃظؒɿ
    ೥݄ʙ݄
    اըݕ౼ϑΣʔζΛؚ·ͳ͍ɺઃܭɾ։ൃϑΣʔζʹ͔͔Δظؒ ಉҙϞδϡʔϧʢ4%,ʣʹ͍ͭͯ
12. ˜
    -:
    $PSQPSBUJPO
    ɹۤ࿑ͨ͠఺ʹ͍ͭͯ 
13. ˜
    -:
    $PSQPSBUJPO
     Point 2 ର৅ൣғ Point 1 Өڹ౓ Point 3 อकੑ ۤ࿑ͨ͠఺ʹ͍ͭͯ
14. ˜
    -:
    $PSQPSBUJPO
    Point 2 ର৅ൣғ Point 1 Өڹ౓ Point 3 อकੑ  ۤ࿑ͨ͠఺ʢ̍ʣ
15. ˜
    -:
    $PSQPSBUJPO
     Өڹ౓ͷେ͖͞ w ϠϑʔͷαʔϏεΛར༻͢Δ ສਓʹӨڹ͕͋Δ
    
    
    w αʔϏεͷར༻ମݧʹର͢ΔӨڹ΍ɺࣾձతͳ൓ڹ͕େ͖͍
    w ͓٬༷͕ෆշʹײ͡ͳ͍Α͏ɺදࣔස౓ͷ཈੍ɾମݧͷઃܭ͕ٻΊΒΕΔ
    w ޿ࠂ঎඼΁ͷӨڹΛ༩͑ͳ͍Α͏ɺγϏΞͳ଎౓ੑೳ͕ٻΊΒΕΔ
    w ΞΧ΢ϯτ࿈ܞͷॏཁͳલεςοϓͰ͋Γɺ๏తɾϏδωεӨڹ͕େ͖͍ ɹ݄ؒϩάΠϯϢʔβʔ*%਺ɻ೥݄຤࣌఺ͷ਺஋ʢ೥౓ܾࢉઆ໌ձࢿྉΑΓʣ
    ɹ-*/&ΞϓϦͰ΋ಉ༷ͷϞδϡʔϧʢ4%,ʣ͕࣮૷͞Ε͍ͯΔ͕ɺ48"5νʔϜͷ୲౰֎ͷͨΊׂѪ
16. ˜
    -:
    $PSQPSBUJPO
     ૝ఆ֎
    ΛݮΒ͢޻෉ w ։ൃͷॳظϑΣʔζΑΓɺ֤αʔϏεͷ։ൃऀ΁ͷࣄલઆ໌͓Αͼඇػೳཁ݅ ͷώΞϦϯάΛ࣮ࢪ
    w ࠇଳ
    
    ΍
    ΞϓϦ8(
    
    ʹɺٕज़ࢧԉɾ࣮૷ϨϏϡʔΛґཔ
    w Ҋ݅ͷؔ܎ऀ޲͚ʹɺαϯϓϧΞϓϦͱσόοά༻πʔϧΛఏڙ
    w ֤αʔϏεͷ։ൃऀ޲͚ʹɺυΩϡϝϯτɾ໰͍߹Θͤ૭ޱΛ੔උ ɹϠϑʔͷʮࠇଳ੍౓ʯʹΑΓ೚໋͞Εͨɺઐ໳ٕज़ͷϓϩϑΣογϣφϧ
    ɹϠϑʔʹ͓͚Δ՝୊ղܾΛࢧԉ͢ΔɺΞϓϦྖҬͷશࣾԣஅ૊৫
17. ˜
    -:
    $PSQPSBUJPO
    Point 2 ର৅ൣғ Point 1 Өڹ౓ Point 3 อकੑ  ۤ࿑ͨ͠఺ʢ̎ʣ
18. ˜
    -:
    $PSQPSBUJPO
     ର৅ൣғͷ޿͞ લఏɿ
    ༷ʑͳ04ɾϒϥ΢βʔɾ௨৴؀ڥ͔ΒͷΞΫηε͕͋Δ
    ظ଴ɿ
    ਺ઍສ୆ͷσόΠεͰͷ҆ఆͨ͠ಈ࡞͕ٻΊΒΕΔ
    ͔͠͠ɾɾɾ
    w ͭͷ࣮૷ϛε΍ߟྀෆ଍͕ɺக໋తͳ໰୊ʹܨ͕Δέʔε͕͋Δ
    w ಛఆͷ04ɾϒϥ΢βʔͷ૊Έ߹ΘͤͰɺΤοδέʔεͷෆ۩߹ʢ࢓༷ʣ͕͋Δ
    w ͨͱ͑γΣΞ཰ͷӨڹͰ͋ͬͯ΋਺͕ଟ͘ແࢹͰ͖ͳ͍
19. ˜
    -:
    $PSQPSBUJPO
     ࠶౓ɺ࢓༷ΛৼΓฦΔͱɾɾɾ
20. ˜
    -:
    $PSQPSBUJPO
     จࣈ਺ՄมͷϙϦγʔຊจ ಛఆ৚݅ͰදࣔΛ཈੍ γϯϓϧʹݟ͑ͯɺ࢓༷͕ෳࡶ ະεΫϩʔϧ࣌ʹɹɹɹɹɹɹɹ ΞχϝʔγϣϯΛදࣔ ࠷ޙ·Ͱಡ·ΕͨΒɹɹɹɹɹɹ ಉҙϘλϯΛ༗ޮԽ ϙϦγʔຊจͷҰ෦͸ɹɹɹɹɹɹɹɹɹ ંΓͨͨΈՄೳ จࣈ਺Մมͷݟग़͠ɹɹɹɹɹɹ ʢߴ͕͞Մมʣ എ໘ͷεΫϩʔϧ͸ݻఆ ͢΂ͯͷը໘αΠζʹ࠷దԽ
21. ˜
    -:
    $PSQPSBUJPO
     ͨͱ͑͹ɾɾɾ
    w ϙϦγʔͷຊจ͕දࣔ͞Εͳ͍
    w ը໘͕εΫϩʔϧͰ͖ͳ͍
    w ࠷ޙ·ͰಡΜͩͷʹɺϘλϯ͕ԡͤͳ͍
    w ಉҙͨ͠ͷʹɺϞʔμϧ͕ด͡ͳ͍
    w ޿ࠂ͕ΫϦοΫͰ͖ͳ͍
    ʢϦϦʔεલʹ͢΂ͯղফͤ͞·ͨ͠ʣ ࣮ࡍʹ͋ͬͨෆ۩߹ͷҰྫ
22. ˜
    -:
    $PSQPSBUJPO
     z਺ઍສ୆ͷσόΠεͰͷ҆ఆͨ͠ಈ࡞z
    Λอূ͢Δʹ͸ɺ͋·Γʹߟ͑Δ͜ͱ͕ଟ͍
23. ˜
    -:
    $PSQPSBUJPO
     ิ଍ɿ؀ڥࠩҟΛݮΒ͢޻෉ ϒϥ΢βʔ΍04ɾσόΠεࠩҟΛ࠷খԽ͢ΔͨΊɺ
    w SFN
    ͳͲ૬ରతͳจࣈαΠζͷࢦఆɹ/(
    w WX
    WI
    WNJO
    WNBY
    ͳͲϏϡʔϙʔταΠζΛج४ͱͨ͠ࢦఆɹ/(
    w DBMD
    SPUBUF
    TDBMF
    ͳͲ$44ؔ਺ه๏ͷ࢖༻ɹ/(
    w ϒϥ΢βϕϯμʔ͕ಠࣗʹఏڙ͢Δඇඪ४ͳϓϩύςΟͷ࢖༻ɹ/(
    w ϒϥ΢βʔࠩҟ͕େ͖͍ཁૉʹର͢ΔελΠϧͷద༻ɹ/(
    w )5.-
    
    ΍
    )5.-
    -JWJOH
    4UBOEBSE
    ಠࣗͷ࢓༷ɹ/(
24. ˜
    -:
    $PSQPSBUJPO
     ิ଍ɿαʔϏεӨڹΛݮΒ͢޻෉ ֤αʔϏε΁ͷӨڹΛ࠷খԽ͢ΔͨΊɺ
    w ֎෦ϥΠϒϥϦʹґଘ͠ͳ͍࣮૷ʢEFW%FQFOEFODJFTͷΈґଘʣ
    w ϙϦϑΟϧΛ࢖༻͠ͳ͍࣮૷ʢྫɿGFUDI
    ˠ
    9.-)UUQ3FRVFTUʣ
    w ϦΫΤετෛՙΛܰݮͤ͞Δॲཧϑϩʔͷઃܭ
    w ޿ࠂ঎඼΁ͷӨڹΛܰݮͤ͞Δ଎౓ੑೳͷνϡʔχϯά
    w Ϣʔβʔମݧ΁ͷ഑ྀʢϨΠΞ΢τγϑτͳͲʣ
    w ֤αʔϏεͰద༻͞Εͨ$44ͷߟྀʢ໊લۭؒ΍Ϋϥε໊ɺৄࡉ౓ͳͲʣ
25. ˜
    -:
    $PSQPSBUJPO
    Point 2 ର৅ൣғ Point 1 Өڹ౓ Point 3 อकੑ  ۤ࿑ͨ͠఺ʢ̏ʣ
26. ˜
    -:
    $PSQPSBUJPO
     อकੑΛߴΊΔ޻෉ 48"5ఫୀޙɺҊ݅ઌͷ୲౰ऀͷΈͰอकɾӡ༻Ͱ͖Δঢ়ଶʹ੔උ
    w ։ൃυΩϡϝϯτͷ੔ཧ΍ɺςετίʔυʹΑΔ࠷௿ݶͷ୲อ
    w Ҋ݅ͷॳظஈ֊ͰɺγεςϜશମͷॲཧϑϩʔਤΛ࡞੒
    w ࢓༷͕ߋ৽͞ΕΔͨͼɺҊ݅ͷؔ܎ऀʹઆ໌Λߦ͍ཧղ౓Λఈ্͛
    w ܝग़ઃఆΛίʔυ֎Ͱ؅ཧ͠ɺߋ৽࣌ͷ࡞ۀෛՙΛܰݮ
    w ߋ৽࣌ͷΦϖϨʔγϣϯϛεΛલఏͱͨ͠σʔλߏ଄Λઃܭ
    w ࣾ಺֎͔Βͷۓٸͷ໰͍߹ΘͤʹରԠ͢ΔͨΊɺΤϥʔίʔυΛ੔උ
27. ˜
    -:
    $PSQPSBUJPO
    Τϥʔ͕ൃੜ͢ΔՕॴʹରͯ͠ҰҙͷΤϥʔίʔυΛఆٛ͠ɺૣݟදΛ࡞੒
    Ҋ݅ͷؔ܎ऀ΍֤αʔϏεͷ։ൃऀʹఏڙ
    ॲཧ̗-̍ END  START ॲཧ̖ ॲཧ̗-̎ ิ଍ɿΤϥʔίʔυͷ੔උ ྫɿ"ʢͲͷίϯϙʔωϯτͷɺͳʹ͕ɺͲͷૢ࡞ͰɺͳͥΤϥʔ͕ൃੜͨ͠ͷ͔
    Λ֤ܻͷӳ਺ࣈͰࣔ͢ʣ
    ʢίϯϙʔωϯτ"ͷʛߋ৽ॲཧͰʛݖݶ֬ೝΛߦͬͨͱ͖ʛλΠϜΞ΢τͰࣦഊͨ͠ʣ "
28. ˜
    -:
    $PSQPSBUJPO
    ɹ͍͞͝ʹʢৼΓฦΓʣ 
29. ˜
    -:
    $PSQPSBUJPO
     ͍͞͝ʹʢৼΓฦΓʣ w ࣾ಺Ͱ΋ಛʹઐ໳஌ࣝΛ༗͢Δٕज़ऀ͔ΒͷࢧԉΛड͚Δ͜ͱ͕Ͱ͖ɺ૝ఆ֎ͷڍ ಈΛݕূͰ͖ͨ
    w Ҋ݅ॳظʹαʔϏε୲౰ऀͱඇػೳཁ݅ͷೝࣝ߹Θ͕ͤͰ͖ɺ࢓༷ͷޙ໭ΓΛ๷͛ ͨ
    w Ҋ݅ॳظʹγεςϜશମͷϑϩʔਤΛ࡞੒Ͱ͖ɺ࢓༷ͷߟྀෆ଍ΛૣΊʹؾ෇͚ͨ
    w ΤϥʔίʔυͱૣݟදΛఏڙͰ͖ɺ໢ཏతͳಈ࡞Λ֬ೝͰ͖ͨ
    w ݁Ռͱͯ͠ɺ͢΂ͯͷΤοδέʔεͷෆ۩߹ΛϦϦʔεલʹղফͰ͖ͨ
30. ˜
    -:
    $PSQPSBUJPO