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

Transcript

1. 1.

   ਓ௨Γͷ
   ϑϩϯτΤϯυ !LPCB

2. 2.

   ࣗݾ঺հ w খྛ
   ప
   !LPCB
   w ϑϩϯτΤϯυΤΩεύʔτνʔϜ
   w 
   த్ೖࣾ

3. 3.

   None
4. 4.

   αΠϘ΢ζͷϓϩμΫτ

5. 5.

   αΠϘ΢ζͷϓϩμΫτ w ϏδωεΞϓϦ࡞੒Ϋϥ΢υ
   w தݎɺେن໛޲͚άϧʔϓ΢ΣΞ
   w தখن໛޲͚άϧʔϓ΢ΣΞ
   w ෳ਺ਓͰϝʔϧΛڞ༗ɺ؅ཧ
   w

   νʔϜΛੜΈग़͢άϧʔϓ΢ΣΞ
6. 6.

   https://kintone.cybozu.co.jp/jp/event/hive/

7. 7.

   None
8. 8.

   https://www.kintone.com/

9. 9.

   νʔϜϫʔΫᷓΕΔࣾձΛ૑Δ

10. 10.

    https://cybozushiki.cybozu.co.jp/articles/m001471.html

11. 11.

    αΠϘ΢ζͷϑϩϯτΤϯυ

12. 12.

    αΠϘ΢ζͷϑϩϯτΤϯυ ϓϩμΫτ ΢ΣϒαΠτ ςετ ηΩϡϦςΟ σβΠϯ ΧελϚΠζ %FWFMPQFS
    /FUXPSL

13. 13.

    αΠϘ΢ζͷϑϩϯτΤϯυ w େن໛ɺ8FC͕ओઓ৔ɺϓϩμΫτͷण໋͸௕͍
    w 8FCΞϓϦέʔγϣϯΤϯδχΞ͕ϑϩϯτΤϯυ΋ॻ͘
    w ࢖ΘΕ͍ͯΔϥΠϒϥϦ͸༷ʑ
    w ϓϩμΫτͷΤϯδχΞҎ֎ʹ΋ଟ͘ͷਓ͕ؔΘΔ
    w

    σβΠφʔͱͷؔΘΓํ΋༷ʑ
    w ϓϥοτϑΥʔϜͱͯ͠ͷLJOUPOF
    (BSPPO
14. 14.

    None
15. 15.

    ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ʙ
    w ϓϩμΫτԣஅతʹϑϩϯτΤϯυʹؔΘΔ͜ͱશͯ ͕είʔϓ
    w ϝϯόʔืूதʂʂ
    w ϩΰ
    CZ
    !LPDIJUBLV

16. 16.

    ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ϑϩϯτΤϯυʹؔ࿈͢Δ໰୊ΛҰॹʹղܾ͢Δ
    w ϑϩϯτΤϯυ؀ڥͷ੔උ
    w ৘ใൃ৴
    w ษڧձͷ։࠵
    w

    ࣾ֎׆ಈʢ044ɺൃදʣ
17. 17.

    ϓϩμΫτνʔϜͱҰॹʹ w $MPTVSFͱOQNɺXFCQBDLͷ૊Έ߹ΘͤΛ໛ࡧͨ͠Γ
    w KTDPEFTIJGUͰม׵εΫϦϓτॻ͍ͨΓ
    w &4-JOU
    TUZMFMJOUͷಋೖΛҰॹʹ΍ͬͨΓ
    w 'MVYԽͷϞϒʹࢀՃͨ͠Γ
    

    w ϥΠϒϥϦͷόʔδϣϯΞοϓରԠͨ͠Γ
    w LJOUPOF্Ͱࠔ͍ͬͯΔ͜ͱΛݟ͚ͭͨΒҰॹʹ΍Δ
18. 18.

    LJOUPOFϓϥάΠϯ w LJOUPOF͸ɺ)5.-$44+BWB4DSJQUͰϓϥάΠϯΛ ࡞੒ͯ͠ΧελϚΠζͰ͖Δ
    w ϓϥάΠϯΤίγεςϜ͕޿͕͍ͬͯΔ
    w
    ύʔτφʔɺ΀Β͙ҕһձ
    w ϓϥοτϑΥʔϜͱͯ͠ͷϑϩϯτΤϯυ

19. 19.

    LJOUPOFϓϥάΠϯ https://krew.grapecity.com/article/case-management.htm

20. 20.

    ͜Ε·Ͱ αϯϓϧϓϥάΠϯΛίϐʔ͢Δ͔ɺࣗ෼Ͱ࡞Δ
    wNBOJGFTUKTPOΛਓྗͰฤू
    QMVHJOTELQBDLBHFTIΛ࢖ͬͯ[JQ
    LJOUPOFʹ[JQΛΞοϓ͢Δ
    w Τϥʔ͕͋Ε͹मਖ਼

21. 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. 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. 23.

    https://developer.cybozu.io/hc/ja

24. 24.

    ؀ڥͷ੔උ w !DZCP[VFTMJOUDPOpHͷ࡞੒
    w 1SFUUJFSಋೖͷυΩϡϝϯτ࡞੒ɺ&4-JOUରԠ
    w OQNύοέʔδͷߋ৽؅ཧͷௐࠪ
    w ͜ͷޙɺ!UFQQFJT͕ൃද͠·͢

25. 25.

    None
26. 26.

    ৘ใൃ৴

27. 27.

    'SPOUFOE
    #BS

28. 28.

    $BTVBM
    'SPOUFOE
    #BS

29. 29.

    ϑϩϯτΤϯυϥϯν Thanks to JSer.info!!

30. 30.

    044 w جຊతʹ͸ɺͲΜͲΜ(JU)VCͰެ։͍ͯ͘͠ελΠϧ
    w 044ͷϥΠϒϥϦʹରͯ͠΋ɺࣾ಺͔ΒͷϑΟʔυόο Ϋ΍ෆ۩߹͕͋Ε͹13ૹͬͯमਖ਼͢Δ
    w 044ͱͷڑ཭Λ͚ۙͮΔ
    w ࣾ಺ʹͯ044ϙϦγʔͷࡦఆ΋ਐΜͰ͍Δ

31. 31.

    None
32. 32.

    044

33. 33.

    044

34. 34.

    044

35. 35.

    044

36. 36.

    ࠓޙ

37. 37.

    ࠓޙ w ϓϥάΠϯपΓͷ͞ΒͳΔ%9վળ
    w มԽΛड͚ೖΕΒΕΔϑϩϯτΤϯυͷߏங
    w ϓϥάΠϯΛ҆શʹ࣮ߦ͢ΔͨΊͷαϯυϘοΫε
    w 8FCύϑΥʔϚϯε΁ͷऔΓ૊Έ
    w

    ϦονςΩετΤσΟλ
    w σβΠϯγεςϜ
    w ϞόΠϧ8FC
    18"
    (SBQI2-ʜ
38. 38.

    ·ͱΊ w ϑϩϯτΤϯυͱ͍ͬͯ΋ѻ͏ൣғʹ੍ݶ͸ͳ͍
    w ϑϩϯτΤϯυʹؔΘ͍ͬͯΔਓʢνʔϜʣ͕ͨ͘͞ Μ͋Δ
    w αΠϘ΢ζͷϑϩϯτΤϯυʹ͸ٕज़త௅ઓ͕ͨ͘͞ Μ͋Δ
    w

    ϑϩϯτΤϯυʹઐ໳తʹऔΓ૊ΉνʔϜ͕Ͱ͖ͨ
39. 39.

    8F
    "SF
    )JSJOH XXXXBOUFEMZDPNQSPKFDUT ͋ͳͨͷ
    ϑϩϯτΤϯυΛ
    αΠϘ΢ζͰ
    ࣮ݱ͠·ͤΜ͔ʁ

40. 40.

    "OZ
    2VFTUJPOT