もう一度JSON Schemaの話をしよう ~ Form / Validation / View ~

もう一度JSON Schemaの話をしよう
~ Form / Validation / View ~

Meguro.es #8 2017/2/7
https://meguroes.connpass.com/event/47839/

1. ΋͏Ұ౓JSON Schemaͷ࿩Λ͠Α͏ ~ Form / Validation / View ~ Meguro.es #8 2017/2/7 Akatsuki Inc.ɹߴদ ਅฏ
2.  ▪ ߴদ ਅฏ (@shimpeiws) ▪ WebΤϯδχΞ @ ΞΧπΩ LXࣄۀ෦ ɹɾRailsͱJavaScriptΛ൒ʑ͘Β͍ॻ͍͍ͯΔ ▪ LX(ϥΠϒΤΫεϖϦΤϯε)ࣄۀ෦ ɹɾཱྀφΧɾΞΫςΟϏςΟɺཱྀߦɺΠϯό΢ϯυͳͲ ɹɾϦΞϧͳମݧͷػձΛఏڙ͢ΔαʔϏε౳Λ޿ؚ͘Ή ࢲ͸୭
3.  ໨࣍ 1. ͜Μͳ͜ͱ͕͔ͨͬͨ͠ 3. Form / Validation / View 2. ΋͏Ұ౓JSON Schemaͷ࿩Λ͠Α͏
4. 1. ͜Μͳ͜ͱ͕͔ͨͬͨ͠ 
5.  ▪ ࠷ۙͷ։ൃͰۀ຿ཁ্݅ ͳ͜ͱ͕ͨ͘͠ͳͬͨ ɹɾΞΠςϜϚελొ࿥࣌ʹબ͹ΕͨΧςΰϦʹԠͯ͡… ɹɹɾΞΠςϜͷҰ෦ͷৄࡉ৘ใͷೖྗ߲໨͕Մม͢Δ ɹɹɾՄมͨ͠ೖྗ߲໨ʹରͯ͠όϦσʔγϣϯ͍ͨ͠ ɹɹɾೖྗ߲ͨ͠໨͸೔ຊޠͷϥϕϧΛ͚ͭͯϢʔβʹදࣔ͢Δ ͜Μͳ͜ͱ͕͔ͨͬͨ͠
6.  ▪ ͭ·Γ࣮૷తʹ͸ ɹɾΧςΰϦຖʹRDBͷεΩʔϚ੾Δͷ͸ඇݱ࣮త͔ͩΒ… ɹɹɾεΩʔϚϨεͷΑ͏ͳࣗ༝౓Λอͪͭͭɺ ɹɾͰ΋ΧςΰϦຖʹϑΥʔϚοτ͸ग़དྷΔݶΓ౷Ұ͍͔ͨ͠Β… ɹɹɾೖྗ࣌ʹ͸όϦσʔγϣϯ͸ͭͭ͠ɺ ɹɾ΋ͪΖΜϢʔβʹදࣔ΋͢ΔͷͰ… ɹɹɾΧςΰϦʹԠͯ͡ग़ྗϑΥʔϚοτ΋มΘΔ ͱ͍͏ͷΛ࣮ݱ͍ͨ͠!!! ͜Μͳ͜ͱ͕͔ͨͬͨ͠
7.  ▪ ߟ͑ͨ ɹɾεΩʔϚϨεʹ͢Δʹ͸… ɹɹɾྫ͑͹MongoDB ɹɹ ɾ3.2͔ΒೖͬͨυΩϡϝϯτόϦσʔγϣϯ͸ͪΐͬͱັྗ ɹɹ ɾMongoDBΒ͍͠෦෼͸ඞཁͱ͍ͯ͠ͳ͍(JSONͷΩʔͰҾ͚Δͱ͔ɺੑ ೳ໘ͱ͔…) ɹɹɾӡ༻΋ߟ͑ͯطଘͷMySQLͷJSONܕΛ࢖͏ͷ͕མͱ͠ॴʹͳͬͨ ɹɹ ɾ߲໨ͷఆٛͱόϦσʔγϣϯ͸Ͳ͏͠Α͏͔…. ɹɹ ɾͦ͜ͰJSON Schemaͷ࿩!!! ͜Μͳ͜ͱ͕͔ͨͬͨ͠
8. 2. ΋͏Ұ౓JSON Schemaͷ࿩Λ͠Α͏ 
9. ▪ JSON Schema ɹɾਓؒʹ΋Ϛγϯʹ΋ϦʔμϒϧͳυΩϡϝϯτ ɹɾvallidation͕Ͱ͖Δ ɹɾJSON Schemaࣗ਎΋JSON  ΋͏Ұ౓+40/
   4DIFNBͷ࿩Λ͠Α͏
   http://json-schema.org/
10. ▪ JSON Schema  ΋͏Ұ౓+40/
    4DIFNBͷ࿩Λ͠Α͏
    http://json-schema.org/examples.html http://json-schema.org/latest/json- schema-core.html#rfc.section.4.2
11. ▪ ͜͏͍͏จ຺Ͱ࠷ۙྑ͘ฉ͘ͷ͸…  ΋͏Ұ౓+40/
    4DIFNBͷ࿩Λ͠Α͏
    http://swagger.io/ https://apiblueprint.org
12. ▪ ͜ΕΒͷπʔϧͷఏڙ͢Δ΋ͷ ɹɾυΩϡϝϯτͷࣗಈੜ੒ ɹɾAPIΫϥΠΞϯτͷࣗಈੜ੒ ɹɾόϦσʔγϣϯΛ͔͚Δ -> ࠓճ͸Ұ൪ॏཁ!!! ɹɾϞοΫαʔόͷ࡞੒  ΋͏Ұ౓+40/
    4DIFNBͷ࿩Λ͠Α͏
    http://qiita.com/taizo/items/5a969ace57394a2d5b4a
13. ▪ Rubyؔ࿈  ΋͏Ұ౓+40/
    4DIFNBͷ࿩Λ͠Α͏
    Ruby༻ͷJSON SchemaόϦσʔγϣϯϥΠϒϥϦ JSON Schemaपลπʔϧ + ֦ு - ϑΝΠϧ෼ׂ - Markdownܗࣜͷ࢓༷ॻͷग़ྗ - ͳͲͳͲ
14. ▪ Reactؔ࿈  ΋͏Ұ౓+40/
    4DIFNBͷ࿩Λ͠Α͏
    JSON Schema͔ΒReactͷϑΥʔϜΛੜ੒???
15. 3. Form / Validation / View 
16.  ▪ From ɹɾmozilla-services/react-jsonschema-form ɹɾJSON Schema͔ΒFormΛಈతʹੜ੒ ▪ Validation ɹɾruby-json-schema/json-schema ɹɾJSON SchemaͰValidationΛ͔͚ͯActive Record΁ͷܨࠐΈΛࣗ࡞ ▪ View ɹɾFrom͔Βདྷͨ஋͸ɺMySQLͷJSONܕʹอ࣋ ɹɾ߲໨ͷ೔ຊޠϥϕϧ͸JSON SchemaͷtitleଐੑΛ࢖͏ 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
17.  ▪ Form (mozilla-services/react-jsonschema-form) ɹɾఏڙ͞ΕͨFormίϯϙʔωϯτʹϓϩύςΟΛ౉͢ɺͦΕ͚ͩ 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
18.  ▪ Form (mozilla-services/react-jsonschema-form) 
    'PSN
    
    7BMJEBUJPO
    
    7JFX JSON Schem UI Schema
19.  ▪ Form (mozilla-services/react-jsonschema-form) 
    'PSN
    
    7BMJEBUJPO
    
    7JFX Custom Widgets
20.  ▪ Form (mozilla-services/react-jsonschema-form) ɹɾϑΥʔϜ͕ग़ͨ!!! 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
21.  ▪ Form (mozilla-services/react-jsonschema-form) ɹɾجຊతʹJSON SchemaΛ༩͑Ε͹ಈ͘ ɹɾΧελϜ΢ΟδΣοτΛ࢖ͬͯmaterial-uiΛ࢖ͬͨUIʹࠩ͠ସ͍͑ͯΔ ɹɾϦΞϧλΠϜόϦσʔγϣϯՄೳ ɹɾsubmit͢Δͱఆٛͨ͠JSON SchemaͷܗͰσʔλ͕औಘͰ͖Δ 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
22.  ▪ Validation(ruby-json-schema/json-schema ͔Β Active Record΁) ɹɾϛχϚϜͰ ͰόϦσʔγϣϯ͸Ͱ͖Δ ɹɾͨͩɺΤϥʔϝοηʔδ͕ͪΐͬͱ…. 
    'PSN
    
    7BMJEBUJPO
    
    7JFX "The property '#/' did not contain a required property of 'other' in schema 4487c1b4-3407-5554-8231- de446fe62cee"
23.  ▪ Validation(ruby-json-schema/json-schema ͔Β Active Record΁) ɹɾதͰΤϥʔϝοηʔδ͕૊ΈཱͯΒΕͯ͠·͍ͬͯΔ… ɹɾIssue͸ɺ͋Δ (https://github.com/ruby-json-schema/json-schema/issues/247) 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
24.  ▪ Validation(ruby-json-schema/json-schema ͔Β Active Record΁) ɹɾΦϒδΣΫτ͔ΒΤϥʔՕॴΛ୳ͯࣗ͠෼ͰΤϥʔΛ٧ΊΔValidatorΛ࡞੒ 
    'PSN
    
    7BMJEBUJPO
    
    7JFX
25.  ▪ View ɹɾ೔ຊޠͷϥϕϧ໊ΛͲ͜Ͱ؅ཧ͢Δ΂͖͔ɺ໰୊ ɹɾJSON Schema಺ʹtitleଐੑ͕͚ͭΒΕΔͷͰͦΕΛ࢖͏(͸ͣ..) 
    'PSN
    
    7BMJEBUJPO
    
    7JFX titleଐੑʹϥϕϧΛ͓࣋ͬͯ͜͏͔ͱ
26.  ▪ JSON SchemaΛى఺ʹ ɹɾΞΠςϜϚελొ࿥࣌ʹબ͹ΕͨΧςΰϦʹԠͯ͡… ɹɹɾΞΠςϜͷҰ෦ͷৄࡉ৘ใͷೖྗ߲໨͕Մม͢Δ ɹɹɾՄมͨ͠ೖྗ߲໨ʹରͯ͠όϦσʔγϣϯ͍ͨ͠ ɹɹɾೖྗ߲ͨ͠໨͸೔ຊޠͷϥϕϧΛ͚ͭͯϢʔβʹදࣔ͢Δ ͱ͍͏ͷΛ࣮ݱͨ͠!!! ·ͱΊ
27. 8F
    BSF
    IJSJOH