ヤフーのユーザー5,400万人から"同意"を得るための技術（HTML/CSS/JavaScript）

こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同意」をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫について、実装上の不具合も交えてご紹介します。 なお、ご紹介する内容は、UIT × Bonfire Front-end Meetup #1 での発表が起点となっています。詳細についてより深く知りたい方は、発表資料 や Podcast をあわせてご参照ください。 会社合併と、新プライバシーポリシーのご案内 LINEとヤフー、それぞれで同意モジュールがあります。Web向けのほか、iOS・Androidアプリ向けにも提供しました。 Webの同意モジュールでは「Modal版」と「Ful

[habarhaba]

同意を取っているというか…ユーザーにとってはボタン押せないと閉じないモーダルとしか認識されてないだろう

[laislanopira]

正月にスマホの話を親戚としたら、「最近LINEに変なメッセージが出るけど怖いから押してない」と言われてみたらこれ

[yogasa]

サービス人質に同意を取るのは楽しいか。まあヤフーは使わないから構わんけど……

[eachtime]

つまらんブラウザのバッドノウハウ。タイトルと記事内容の乖離が激しい。

[Sakana_Sakana]

実装ご苦労様です。ただ、その苦労と実際に裁判で問題無いかは別なんだよな日本語読めないけどスクロールしたら先に進めたとか読まずに先に進んだとか、

[fnm]

凄いと思うよ。いくつかのウェブサービスで独占か寡占していて、オプトアウトしたまま実質的に使えないサービスを複数もっている状態だったとしても、ね。そこを無視した技術的な話で参考なるのは分かってるけどね。

[mohri]

“LINEヤフー株式会社が提供するサービスでは、例え0.1%のエッジケースの不具合であっても影響範囲が大きい課題であり、緻密な設計と実装が求められる” 5400万人の0.1％は5万人、ということかな

[kuracom]

「不具合の事例と対策」とても参考になる。「環境差異を減らす工夫」見るとこれは大変だな… ユーザー数が莫大だとごく一部でも大人数になるか。

[eos2323]

これのせいで親戚のサポートが必要だったんだけどな

[doranekonekomata]

極論だけど"20世紀のhtmlでの情報伝達"みたいな物を考慮しておく べきかも.特に,音声読み上げとか点字などへの対応という観点から.

[tsuboty]

まずは情報漏洩なんとかしてくれ。

[chris_llp]

役立つ記事なんだが、読んでて途中からダンジョンあるあるみたいな感じがして、いろんなこと思い出した。

[moqojiy]

見出しの5400万人が54人でも変わらんではと思った

[mas-higa]

"広告がクリックできない" すばらしい

[havanap]

たいへんだ・・・

[circled]

1. まずEUからのアクセスを遮断してGDPRを回避します。 2. 日本人からは強制的に同意をとります。 3. 利益🤑

[bascinet]

記事に関係無い話題で盛り上がりすぎだろ

[nimroder]

そうやって同意させて集めたLINEの個人情報がまた流出したんですがね

[aike]

ヤフーメールの、あなたは数カ月利用がないので再開手続きをしてください、過去メールはまだ消してないですが利用再開した瞬間消しますっていうのは酷い体験だったな。あれ以来ヤフーは避けてる。

[ihirokyx]

“幅広い環境へのサポートを想定した実装”

[dorapon2000]

“今回は対策として、scrollableな要素に対して「インセット」を設けておき、インセット（内側の余白）を基準としたスクロール完了の検知を行っています。”

[tomato3713]

“Element.scrollTop を採用しています。AndroidのChromeではこちらのメソッドで正確な値を取得できない課題があり、1px未満の単位で誤差が発生してしまう事象が報告されています。”

[toaruR]

赤い靴の少女

[nakex1]

「すべてのお客様が迷わずストレスなく確実に同意をできることが求められる」。同意の確実さを確かめるために，最後にアンケートの体で変更内容についてのテストを配置して正答率の計測をやったらおもしろそう。

[nmcli]

ほう