Tech Lunch 2019-07-10

@atomita

transitionendって

animationのコントロールのために、transitionend eventを使って、animationが終わってからelementを削除することをやっていたら、どうもtransitionendが呼ばれないことがあって、以前よくtransitionを使ってた可能性が高いjhonyspicyに相談

現象としては

  • 同じtransition(opacityでfadeOut)を持つ、2つのelementを連続(片方のtransition中に)してanimationさせて、transitionendでelementを削除ってしたら、transitionendが1度しか呼ばれない
  • 同じtransition(opacityでfadeIn)を持つ、4つのelementを作って連続(片方のtransition中に)してanimationさせると、transitionendが3度しか呼ばれない(ことがある)
    • 試しにやってみたら4度呼ばれた…

https://codepen.io/atomita/pen/JQeQVM

jhonyspicy曰く、最近はわからないけど、昔は安定して動作してなかったので使わなかったって

うーん、困った

P.S.
どうもelementの追加/削除がtransitionendが呼ばれるかどうかに影響しているよう
困ったことにかわりはないけど…

projectのreview中のやつ

ちょうど開いていたので、ここがあーで、こっちがこーで、てな感じでちょっと共有


@jhonyspicy

Stripe Radar

先週Stripeの勉強会(P_Stripes (Stripe ユーザーグループ)in 沖縄 Vol.5)がありまして、
それに参加させていただきました。

そこで「Stripe Radar」なるものの紹介がありまして、
ルールを設定しておくと”不自然な決済”をある程度防ぐことができる。
という内容でした。

どういったルールが設定できるのかまだ把握はしていませんがニュアンスだけ書きますと
「10分以内に同じ商品を5回までしか買えない」など
そういう感じの設定ができるみたいです。

アカウントの乗っ取りなどが起こってしまった時に
被害を抑えられると思いますのでチェックしておきたいです。