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

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

sadnessOjisan
May 18, 2019
Technology
11
2.9k

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

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

sadnessOjisan

May 18, 2019
Tweet

More Decks by sadnessOjisan

See All by sadnessOjisan
現実世界におけるスキーマ設計の妥協
sadnessojisan
19
6.5k
my new error
sadnessojisan
0
16
監視せなあかんし、五大紙だけにオオカミってな🐺🐺🐺🐺🐺
sadnessojisan
5
3.6k
Recap CDN, Edge, WebAssembly | ワインと鍋.js#1
sadnessojisan
2
1.6k
SSG is a compiler
sadnessojisan
8
6.9k
preactの仕組みを理解する軽量版教育用preactを作ってる話
sadnessojisan
4
2.7k
次はたぶん挫折しないredux(react-redux社内勉強会資料)
sadnessojisan
1
1.1k
親に向かってなんだそのz-indexは
sadnessojisan
12
8.3k

Other Decks in Technology

See All in Technology
品質観点でみたインセプションデッキとその改善
nagworld
1
120
そのとき歴史は動かなかった 〜 JTCのウォーターフォール研究者がバックログを発明した日〜
bonotake
0
260
レイヤードアーキテクチャにおける 例外との向き合い方
yukihiromori
0
1.2k
Amazon SES のバウンス率が急上昇 〜Amazon SES を止めてしまった日〜
tomuro
1
510
JPOUG#7 Oracle Database 23c New Features
nori_shinoda
1
770
物理シミュレーションと数理最適化の知見を導入した機械学習手法
yellowshippo
1
860
モジュラモノリスにおけるトランザクション設計の考え方 / transaction design on modular monolith
nazonohito51
14
5k
TypeScript ⼩ネタとか
sansantech
PRO
0
290
PHPからはじめるコンピュータア ーキテクチャ / PHP Meets Silicon: A Fun Dive into Computer Structures
tomzoh
3
180
YouTubeへのライブ配信機能をリリースするまで
yurihondo
0
760
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
2
830
Designing an Incident Response Process at Scale
opeonikute
0
140

Featured

See All Featured
Building Flexible Design Systems
yeseniaperezcruz
317
36k
Code Review Best Practice
trishagee
53
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
50k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
17
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
10
1.2k
Building Effective Engineering Teams - LeadDev
addyosmani
20
920
Testing 201, or: Great Expectations
jmmastey
26
6k
Three Pipe Problems
jasonvnalue
89
9.2k
Design by the Numbers
sachag
272
18k
Intergalactic Javascript Robots from Outer Space
tanoku
263
26k
Product Roadmaps are Hard
iamctodd
42
8.7k
Building Applications with DynamoDB
mza
87
5.2k

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