Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち

Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち

サンプルアプリはこちらです。 mockサーバーの起動が必要なので、注意してください。デプロイしているサンプルアプリは、サーバーとの通信をしないので、注意してください。 https://github.com/sadnessOjisan/Form-Museum

sadnessOjisan

May 18, 2019
Tweet

More Decks by sadnessOjisan

Other Decks in Technology

Transcript

  1. 3 SR F
    Y@ ILO
    #
    3 ( )

    View full-size slide


  2. U U 2 1F
    6 F
    .0 #!1
    • 3 . F 1 33
    X1 U
    • -"1
    • %/&+(
    ,
    • .0)*'$1

    View full-size slide


  3. X U 2 1
    o7
    .0 #!1F
    • . 1
    1
    • -"1
    • %/&+(
    ,
    • .0)*'$1
    m
    . 2 3 .

    View full-size slide


  4. • ke n s
    t 8
    • A y
    h 8:
    • 8
    M 8 g i
    . / - / . .

    View full-size slide



  5. • 9 9
    9
    9




    View full-size slide

  6. 2:: 9 9 3/ 92 8 5 : .8 3: 31 9: 99
    @ L
    - 35 8

    View full-size slide

  7. : ! 512 . 2!82 -20 5 532 @ 2
    L R
    /@ 58 29
    5 :9 .8

    View full-size slide


  8. • 1 6 A 6
    • 1

    View full-size slide



  9. • $%
    • 1 9
    • #"!



    View full-size slide



  10. /
    0 0:/0. . 2 1: 0 / : 4 4 2 00 -0:
    @ XY Y Y D GD D
    -

    View full-size slide


  11. • : /
    2 1
    • S /
    /
    .. .

    View full-size slide


  12. • ) (/
    • : F
    • 2 , C
    • C
    . / /

    View full-size slide



  13. 8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : -
    8 E : : E I :CC C4 : - .5342104 1 7 97E CC C 7 : -I E67 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - ",
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - ,"
    8 E : : E I :CC C4 : -
    7 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - : E 0"," 7 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - ",
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 7
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 1"}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 11"}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 119"}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 1192"}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - 8070"}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "}}
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : -
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "
    8 E : : E I :CC C4 : - .23404 1 7 97E CC C 7 : -I E67 : - "}}

    View full-size slide


  14. 2. 51
    .3 6
    6 4
    6 4

    View full-size slide

  15. • P 3 C
    • I

    View full-size slide

  16. • 6 0

    • 3 4

    View full-size slide


  17. • 7 C C
    • 73 3
    C

    View full-size slide



  18. • ) ( S
    S
    • S SF 3c
    • a
    8b E
    )

    View full-size slide




  19. • 2
    • 1 4

    View full-size slide



  20. • 4 3
    • 4 3




    View full-size slide



  21. 1
    • . 4 .
    • 4 2 2

    View full-size slide



  22. • 4


    • 4 4 9
    0 4 9

    View full-size slide


  23. • 5 0 5
    • 0

    View full-size slide



  24. • =5 > I=
    = 51
    • e1 I > = 5
    • =
    • =5 b 5


    View full-size slide



  25. • B
    • -
    • B
    • 5B
    • - -



    F S
    B B

    View full-size slide


  26. . 563
    1 6 6 2

    View full-size slide



  27. • F
    • 5
    J N
    • S
    • O 7 J
    N

    View full-size slide

  28. 55 - - / 8- 8 5 . . 8 - . 55 . 8

    View full-size slide

  29. / 0 -0
    / .0 /: / 60 . 0 . 0
    #
    • 0 0
    • 0
    • 0
    • 0 D

    View full-size slide

  30. • R6 3 E )
    • U )
    • E ) L
    • ) )


    View full-size slide



  31. • 6
    $%
    • ! $"

    • 6
    #

    View full-size slide



  32. • 8 A 6
    • 6 A I A

    • U
    Q

    View full-size slide



  33. • A 6
    • 6 A I A
    • 9
    • 9 U
    Q

    View full-size slide


  34. • Rc R :a R :
    i d b R n


    • ena l wt L i d
    b u
    • b
    w L fp b cFW y r :a
    R E by @taneba
    . 0/ .( 7/ / 0 (/
    Rc R ho
    ) s

    View full-size slide



  35. • A 7 A A A I
    • A 1 A
    • A1
    • A1

    View full-size slide



  36. • 472 c
    • 0
    0 a
    • e F
    :
    dfb by @taneba
    099 8 6119 42 9 . 19.28 /

    View full-size slide


  37. F 0 3
    F
    - c 7
    -
    F
    -

    View full-size slide



  38. • ))
    • un e b u 7
    • 4 4 mF
    • 0 ) ( a (-
    s 4r
    4l
    4
    o
    o
    v
    c
    4

    View full-size slide

  39. -
    • U
    • .- -6 , - 7,- , ,
    -
    • I

    View full-size slide



  40. • A A A A8 I
    • A 1 A 8
    • A1
    • A1

    View full-size slide





  41. !
    • M b 22 , 8
    , ,Bc G , 8
    ga
    • , ,e i
    Md
    , , Q F
    A GF , ,

    View full-size slide

  42. /

    • 8


    • 3
    • 3

    • 3

    View full-size slide







  43. • 4

    • E

    8
    L

    View full-size slide




  44. • T
    • E
    • c iok
    8 G 5
    I m
    d e
    R a U
    I g
    l t 5 Ir A
    8 G

    View full-size slide



  45. • A A 6 A A8 I
    • A6 A6 8
    • A
    • A

    View full-size slide




  46. • L
    • < a

    • a
    • 8 ,
    • R P
    • 8
    , 8 =
    T< < 8
    8 c
    U bE

    View full-size slide




  47. • P U
    • <

    • 9 8
    • 8 8 8 8 ET
    • L
    • 8
    =
    < < R E

    View full-size slide


  48. • P e 9
    • P l a I
    • 9 A F I
    A h A t
    • c o A F F A
    P 1 P

    View full-size slide


  49. • s 9 DF o t
    • m S F nr e
    nr AS al S
    • iv d S g
    g SP
    • 9S
    2 ( 2 )(

    View full-size slide