100人100通りのフロントエンド

Cybozu Meetup フロントエンド #2

Transcript

1. ਓ௨Γͷ
   ϑϩϯτΤϯυ !LPCB
2. ࣗݾ঺հ w খྛ
   ప
   !LPCB
   w ϑϩϯτΤϯυΤΩεύʔτνʔϜ
   w 
   த్ೖࣾ
4. αΠϘ΢ζͷϓϩμΫτ
5. αΠϘ΢ζͷϓϩμΫτ w ϏδωεΞϓϦ࡞੒Ϋϥ΢υ
   w தݎɺେن໛޲͚άϧʔϓ΢ΣΞ
   w தখن໛޲͚άϧʔϓ΢ΣΞ
   w ෳ਺ਓͰϝʔϧΛڞ༗ɺ؅ཧ
   w νʔϜΛੜΈग़͢άϧʔϓ΢ΣΞ
6. https://kintone.cybozu.co.jp/jp/event/hive/
8. https://www.kintone.com/
9. νʔϜϫʔΫᷓΕΔࣾձΛ૑Δ
10. https://cybozushiki.cybozu.co.jp/articles/m001471.html
11. αΠϘ΢ζͷϑϩϯτΤϯυ
12. αΠϘ΢ζͷϑϩϯτΤϯυ ϓϩμΫτ ΢ΣϒαΠτ ςετ ηΩϡϦςΟ σβΠϯ ΧελϚΠζ %FWFMPQFS
    /FUXPSL
13. αΠϘ΢ζͷϑϩϯτΤϯυ w େن໛ɺ8FC͕ओઓ৔ɺϓϩμΫτͷण໋͸௕͍
    w 8FCΞϓϦέʔγϣϯΤϯδχΞ͕ϑϩϯτΤϯυ΋ॻ͘
    w ࢖ΘΕ͍ͯΔϥΠϒϥϦ͸༷ʑ
    w ϓϩμΫτͷΤϯδχΞҎ֎ʹ΋ଟ͘ͷਓ͕ؔΘΔ
    w σβΠφʔͱͷؔΘΓํ΋༷ʑ
    w ϓϥοτϑΥʔϜͱͯ͠ͷLJOUPOF
    (BSPPO
15. ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ʙ
    w ϓϩμΫτԣஅతʹϑϩϯτΤϯυʹؔΘΔ͜ͱશͯ ͕είʔϓ
    w ϝϯόʔืूதʂʂ
    w ϩΰ
    CZ
    !LPDIJUBLV
16. ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ϑϩϯτΤϯυʹؔ࿈͢Δ໰୊ΛҰॹʹղܾ͢Δ
    w ϑϩϯτΤϯυ؀ڥͷ੔උ
    w ৘ใൃ৴
    w ษڧձͷ։࠵
    w ࣾ֎׆ಈʢ044ɺൃදʣ
17. ϓϩμΫτνʔϜͱҰॹʹ w $MPTVSFͱOQNɺXFCQBDLͷ૊Έ߹ΘͤΛ໛ࡧͨ͠Γ
    w KTDPEFTIJGUͰม׵εΫϦϓτॻ͍ͨΓ
    w &4-JOU
    TUZMFMJOUͷಋೖΛҰॹʹ΍ͬͨΓ
    w 'MVYԽͷϞϒʹࢀՃͨ͠Γ
    w ϥΠϒϥϦͷόʔδϣϯΞοϓରԠͨ͠Γ
    w LJOUPOF্Ͱࠔ͍ͬͯΔ͜ͱΛݟ͚ͭͨΒҰॹʹ΍Δ
18. LJOUPOFϓϥάΠϯ w LJOUPOF͸ɺ)5.-$44+BWB4DSJQUͰϓϥάΠϯΛ ࡞੒ͯ͠ΧελϚΠζͰ͖Δ
    w ϓϥάΠϯΤίγεςϜ͕޿͕͍ͬͯΔ
    w
    ύʔτφʔɺ΀Β͙ҕһձ
    w ϓϥοτϑΥʔϜͱͯ͠ͷϑϩϯτΤϯυ
19. LJOUPOFϓϥάΠϯ https://krew.grapecity.com/article/case-management.htm
20. ͜Ε·Ͱ αϯϓϧϓϥάΠϯΛίϐʔ͢Δ͔ɺࣗ෼Ͱ࡞Δ
    wNBOJGFTUKTPOΛਓྗͰฤू
    QMVHJOTELQBDLBHFTIΛ࢖ͬͯ[JQ
    LJOUPOFʹ[JQΛΞοϓ͢Δ
    w Τϥʔ͕͋Ε͹मਖ਼
21. ͭͬͨ͘΋ͷ @kintone/plugin-packer … pluginΛzipʹ @kintone/plugin-manifest-validator … pluginͷmanifest.jsonΛvalidate @kintone/plugin-uploader … pluginΛkintoneʹࣗಈΞοϓϩʔυ @kintone/webpack-plugin-kintone-plugin … plugin-packer ʴ webpack @kintone/create-plugin … inspired by create-react-app
22. ͍· $ npx @kintone/create-plugin awesome-plugin : ࣭໰ʹ౴͑Δ : $ cd awesome-plugin $ npm start : Succeeded: dist/plugin.zip ? Input your kintone's domain (example.cybozu.com): example.cybozu.com ? Input your username: xxx ? Input cybozu's password: [hidden] : dist/plugin.zip has been uploaded!
23. https://developer.cybozu.io/hc/ja
24. ؀ڥͷ੔උ w !DZCP[VFTMJOUDPOpHͷ࡞੒
    w 1SFUUJFSಋೖͷυΩϡϝϯτ࡞੒ɺ&4-JOUରԠ
    w OQNύοέʔδͷߋ৽؅ཧͷௐࠪ
    w ͜ͷޙɺ!UFQQFJT͕ൃද͠·͢
26. ৘ใൃ৴
27. 'SPOUFOE
    #BS
28. $BTVBM
    'SPOUFOE
    #BS
29. ϑϩϯτΤϯυϥϯν Thanks to JSer.info!!
30. 044 w جຊతʹ͸ɺͲΜͲΜ(JU)VCͰެ։͍ͯ͘͠ελΠϧ
    w 044ͷϥΠϒϥϦʹରͯ͠΋ɺࣾ಺͔ΒͷϑΟʔυόο Ϋ΍ෆ۩߹͕͋Ε͹13ૹͬͯमਖ਼͢Δ
    w 044ͱͷڑ཭Λ͚ۙͮΔ
    w ࣾ಺ʹͯ044ϙϦγʔͷࡦఆ΋ਐΜͰ͍Δ
32. 044
33. 044
34. 044
35. 044
36. ࠓޙ
37. ࠓޙ w ϓϥάΠϯपΓͷ͞ΒͳΔ%9վળ
    w มԽΛड͚ೖΕΒΕΔϑϩϯτΤϯυͷߏங
    w ϓϥάΠϯΛ҆શʹ࣮ߦ͢ΔͨΊͷαϯυϘοΫε
    w 8FCύϑΥʔϚϯε΁ͷऔΓ૊Έ
    w ϦονςΩετΤσΟλ
    w σβΠϯγεςϜ
    w ϞόΠϧ8FC
    18"
    (SBQI2-ʜ
38. ·ͱΊ w ϑϩϯτΤϯυͱ͍ͬͯ΋ѻ͏ൣғʹ੍ݶ͸ͳ͍
    w ϑϩϯτΤϯυʹؔΘ͍ͬͯΔਓʢνʔϜʣ͕ͨ͘͞ Μ͋Δ
    w αΠϘ΢ζͷϑϩϯτΤϯυʹ͸ٕज़త௅ઓ͕ͨ͘͞ Μ͋Δ
    w ϑϩϯτΤϯυʹઐ໳తʹऔΓ૊ΉνʔϜ͕Ͱ͖ͨ
39. 8F
    "SF
    )JSJOH XXXXBOUFEMZDPNQSPKFDUT ͋ͳͨͷ
    ϑϩϯτΤϯυΛ
    αΠϘ΢ζͰ
    ࣮ݱ͠·ͤΜ͔ʁ
40. "OZ
    2VFTUJPOT