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 Slide

  2. )
    ) +
    J @I
    @
    +

    View Slide

  3. )
    ) +
    J @I
    @
    +


    View Slide






  4. View Slide

  5. // . / / /

    View Slide


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

    View Slide


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

    View Slide


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

    View Slide



  9. • 9 9
    9
    9




    View Slide





  10. View Slide



  11. • 1
    1

    View Slide

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

    View Slide

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

    View Slide




  14. View Slide






  15. View Slide


  16. • 1 6 A 6
    • 1

    View Slide



  17. 17
    17
    &

    View Slide



  18. 1
    8
    &
    D
    D

    View Slide



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



    View Slide



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

    View Slide


  21. • : /
    2 1
    • S /
    /
    .. .

    View Slide


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

    View Slide



  23. 2
    3

    View Slide



  24. 2 4 4
    2

    View Slide



  25. 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 Slide


  26. 2. 51
    .3 6
    6 4
    6 4

    View Slide


  27. 7
    2
    2

    View Slide


  28. .

    View Slide



  29. .

    View Slide





  30. View Slide





  31. View Slide




  32. View Slide

  33. • P 3 C
    • I

    View Slide



  34. -+ -+

    View Slide



  35. View Slide

  36. • 6 0

    • 3 4

    View Slide


  37. • 7 C C
    • 73 3
    C

    View Slide



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

    View Slide







  39. View Slide



  40. View Slide





  41. View Slide




  42. • 2
    • 1 4

    View Slide



  43. • 4 3
    • 4 3




    View Slide



  44. 1
    • . 4 .
    • 4 2 2

    View Slide







  45. View Slide




  46. 6
    4

    View Slide




  47. 4

    View Slide







  48. View Slide



  49. • 4


    • 4 4 9
    0 4 9

    View Slide


  50. • 5 0 5
    • 0

    View Slide



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


    View Slide








  52. View Slide


  53. . 52
    5 5 3 1

    View Slide


  54. . 5 3
    1 4 2

    View Slide



  55. • B
    • -
    • B
    • 5B
    • - -



    F S
    B B

    View Slide


  56. . 563
    1 6 6 2

    View Slide



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

    View Slide

  58. 55 - - / 8- 8 5 . . 8 - . 55 . 8

    View Slide




  59. View Slide

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

    View Slide


  61. 6. 2
    3 1

    View Slide




  62. View Slide

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


    View Slide






  64. View Slide



  65. View Slide



  66. • 6
    $%
    • ! $"

    • 6
    #

    View Slide




  67. View Slide



  68. • 8 A 6
    • 6 A I A

    • U
    Q

    View Slide



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

    View Slide


  70. • 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 Slide



  71. • A 7 A A A I
    • A 1 A
    • A1
    • A1

    View Slide



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

    View Slide


  73. F 0 3
    F
    - c 7
    -
    F
    -

    View Slide



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

    View Slide


  75. 7
    5

    View Slide

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

    View Slide


  77. View Slide


  78. View Slide




  79. View Slide



  80. 0 8

    View Slide



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

    View Slide





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

    View Slide

  83. /

    • 8


    • 3
    • 3

    • 3

    View Slide







  84. • 4

    • E

    8
    L

    View Slide




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

    View Slide



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

    View Slide




  87. View Slide




  88. • L
    • < a

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

    View Slide




  89. • P U
    • <

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

    View Slide

  90. !


    "

    View Slide


  91. • 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 Slide


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

    View Slide