サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team

Transcript

1. ϑϩϯτΤϯυΤΩεύʔτνʔϜʹ͍ͭͯ ߋ৽
   ೥݄೔

2. νʔϜͷଘࡏҙٛ αΠϘ΢ζͷϑϩϯτΤϯυΛ࠷ߴʹ͢Δ

3. νʔϜͷ׆ಈ಺༰ w ࢧԉ 
 ϓϩμΫτνʔϜ͕ΑΓଟ͘ͷՁ஋ΛϢʔβʔʹૉૣ͘ఏڙग़དྷΔΑ͏ʹɺ 
 ֤ϓϩμΫτͷϑϩϯτΤϯυ๊͕͑Δ໰୊Λઐ໳ੑΛ΋ͬͯղܾ͢Δ
   w ൃ৴ 


   8FCϑϩϯτΤϯυʹ͓͚Δ$ZCP[VͷϓϨθϯε޲্ͷͨΊʹɺ 
 ੵۃతʹ৘ใൃ৴Λߦ͏
   w ܒ໤ 
 ࣾ಺ͷ8FCϑϩϯτΤϯυͷٕज़ྗ޲্ͷͨΊͷܒ໤׆ಈΛߦ͏
   w ୳ڀ 
 ϓϩμΫτͷՄೳੑΛ޿͛ΔͨΊʹɺ8FCϑϩϯτΤϯυٕज़ͷௐࠪɾݕূΛߦ͏

4. νʔϜͷ׆ಈ w ϲ݄୯ҐͰϓϩμΫτࢧԉͱͯ͠ϑΥʔΧε͢Δ͜ͱΛઃఆ ͠ɺओ୲౰Λஔ͍ͯ׆ಈ͍ͯ͠·͢
   w νʔϜͷ݈શੑΛਤΔͨΊͷࢦඪͱͯ͠ɺνʔϜͷ׆ಈͷׂ߹͕ ʮࢧԉ ൃ৴ͱܒ໤ ୳ڀʯͰ͋Δ͜ͱΛ֬ೝ͍ͯ͠·͢
   w

   िʹ౓ͷৼΓฦΓͰɺϓϩμΫτࢧԉ΍୳ڀ಺༰ͷڞ༗ɺ׆ಈ ͷׂ߹ͷ֬ೝΛߦͳ͍ͬͯ·͢

5. νʔϜͷཱͪҐஔ ϑϩϯτΤϯυͷԣஅతͳ։ൃࢧԉνʔϜͰ͢

6. ࢧԉɾ୳ڀ಺༰ʹ͍ͭͯ

7. ࢧԉ׆ಈͷ಺༰ w ࢧԉ׆ಈ͸ଟذʹΘͨΓ·͢
   w ϓϩμΫτͷݹ͍044ΛϦχϡʔΞϧ
   w ϓϩμΫτͷϞμϯԽ
   w ྫʣ$MPTVSF
   5PPMT͔Β3FBDUʴ5ZQF4DSJQU؀ڥ΁
   w

   2"νʔϜͱҰॹʹϞϒϓϩάϥϛϯάͰ 
 ςετ࡞੒
   w 8FCαΠτͷύϑΥʔϚϯεௐࠪ
   w 
   FUD

8. 1VQQFUFFSͰෆཁͳ$44Λ੔ཧ 1VQQFUFFSͰෆཁͳ$44Λফ͢
   IUUQTCMPHDZCP[VJPFOUSZ

9. 4BTT͔ΒTUZMFEDPNQPOFOUT΁ͷҠߦ TUZMFEDPNQPOFOUTͷ࠾༻ͱطଘࢿ࢈Λࣺͯͨཧ༝
   IUUQTCMPHDZCP[VJPFOUSZ

10. LJOUPOFͷϑϩϯτΤϯυ࡮৽ʹ޲͚ͨऔΓ૊Έͷࢧԉ LJOUPOFͷϑϩϯτΤϯυ࡮৽ʹ޲͚ͨऔΓ૊Έ
    IUUQTCMPHDZCP[VJPFOUSZ

11. ϑϩϯτΤϯυ࡮৽ͷͨΊͷ
    %FW5PPMTͷ࡞੒ ϑϩϯτΤϯυ࡮৽ͷͨΊʹ DevTools Λ࡞ͬͯ։ൃΛḿΒͤΔ IUUQTCMPHDZCP[VJPFOUSZ

12. ୳ڀ׆ಈʹ͍ͭͯ w ֤ʑ͕ςʔϚΛ࣋ͬͯ୳ڀ͍ͯ͠·͢
    w ྫ
    w ϦονςΩετΤσΟλʔͷ୳ڀ
    w ϓϥάΠϯγεςϜͷ୳ڀ
    w

    044΁ͷίϯτϦϏϡʔγϣϯ
    FUD
    w ۀ຿ͷҰ؀ͱͯ͠୳ڀͷͨΊͷ࣌ؒΛ֬อ͍ͯ͠·͢
    w ՔಇͷҰఆׂ߹Λ୳ڀ࣌ؒʹॆͯΔ
    w ݄ʹҰ౓ͷ΋͘΋͘ձ

13. ΋͘΋͘ձ w Ұ೔தɺ୳ڀ׆ಈΛߦ͏
    w ͦͷ೔ͷऴΘΓʹ੒ՌΛൃද
    w Ұ೔Λ֬อ͢Δ͜ͱͰɺΑΓ౿ΈࠐΜͩ୳ڀ͕Մೳ
    w ଞνʔϜͱڞಉͰ։࠵͢Δ͜ͱ΋͋Γ·͢

14. ൃ৴ͱܒ໤׆ಈ

15. ൃ৴ͱܒ໤ͷ໨త w ࣾ಺ͷ8FCϑϩϯτΤϯυͷٕज़ྗ޲্ͷͨΊ
    w $ZCP[VͷϓϨθϯε޲্ͷͨΊ

16. ࣾ֎ɾࣾ಺׆ಈ w ΧϯϑΝϨϯεɾษڧձͰͷεϙϯαʔ
    w ΧϯϑΝϨϯεɾษڧձ΁ͷࢀՃɾొஃ
    w $ZCP[V
    'SPOUFOE
    8FFLMZ
    w αΠϘ΢ζϑϩϯτΤϯυ΢ΟʔΫϦʔ
    w

    ϒϩά
    w 044ίϯτϦϏϡʔγϣϯ
    w ॻ੶ͷࣥච

17. ΧϯϑΝϨϯεɾษڧձ΁ͷొஃ

18. ॻ੶ͷࣥච ϑϩϯτΤϯυΤΩεύʔτνʔϜͰ
    8&# %#
    13&44
    7PMͷಛूهࣄΛࣥච͠·ͨ͠ IUUQTCMPHDZCP[VJPFOUSZ

19. $ZCP[V
    'SPOUFOE
    8FFLMZ w ໨త
    w ࣾ಺ʹ޲͚ͯ8FCϑϩϯτΤϯυ৘ใΛΩϟονΞοϓͰ͖ΔΑ͏ʹ
    w ࣾ֎ʹ޲͚ͯϋογϡλάͳͲͰ࣮گ͠ɺ 
 ͲͷΑ͏ͳ͜ͱΛ΍͍ͬͯΔ͔஌ͬͯ΋Β͏ͨΊʹ
    w

    ಺༰
    w ༗ࢤ͕ຖिϑϩϯτΤϯυ৘ใΛϐοΫΞοϓ͠ɺ 
 ࣾ಺ͷࢀՃऀͨͪͰҙݟ΍ྺ࢙తܦҢͳͲΛަ͑ͭͭϫΠϫΠ࿩͠߹͏
    w ຖिՐ༵೔
    ࣌
    d
    ࣌
    ։࠵
    
    
    ˌαΠϘ΢ζϑϩϯτΤϯυ΢ΟʔΫϦʔ

20. $ZCP[V
    'SPOUFOE
    .POUIMZ w ໨త
    w ࣾ֎ʹ޲͚ͯ8FCϑϩϯτΤϯυ৘ใΛൃ৴
    w ಺༰
    w $ZCP[V
    'SPOUFOE
    8FFLMZͷҰൠެ։൛
    w

    ຖ݄࠷ऴिͷՐ༵೔
    ࣌
    d
    ࣌
    ʹ 
 :PV5VCF
    -JWFͰ։࠵
    w աڈͷ։࠵಺༰ಈը 
 IUUQTXXXZPVUVCFDPNQMBZMJTU MJTU1-15OEZO2,EY-;'&;H0;KU@[,(+8P8Z
    
    
    ˌαΠϘ΢ζϑϩϯτΤϯυϚϯεϦʔ IUUQTDZCP[VHJUIVCJPGSPOUFOENPOUIMZ

21. 'SPOUFOE
    #BS w ࣾ಺޲͚ษڧձΛϑϩϯτΤϯυΤΩεύʔτνʔ Ϝ͕։࠵͍ͯ͠·͢
    w ೥͔Β೥·Ͱʹճ։࠵͓ͯ͠Γɺ ʮ8FC
    ϖʔδͷύϑΥʔϚϯεʯɺʮ3FBDU
    ͷࠓͱ ͜Ε͔Βʯɺʮ(PPHMF
    *0
    ηογϣϯ·ͱΊʯɺ ʮXFCEFW
    -JWF
    ·ͱΊʯͳͲϑϩϯτΤϯυ ʹؔ͢Δ৘ใΛࣾ಺ʹڞ༗͖ͯ͠·ͨ͠ɻ

22. ϒϩάهࣄͷࣥච IUUQTCMPHDZCP[VJP

23. 044ίϯτϦϏϡʔγϣϯ 044
    ʹ
    JTTVF
    ΍
    13Λૹ͍ͬͯ·͢ ݅ ೥
    ίϯτϦϏϡʔγϣϯ਺ ݅ ೥݄d݄
    ίϯτϦϏϡʔγϣϯ਺

24. د෇ (JU)VC
    4QPOTPST΍0QFO
    $PMMFDUJWFΛ௨ͯ͠
    044
    ΍ஂମʹد෇Λߦ͍ͬͯ·͢ IUUQTPQFODPMMFDUJWFDPNDZCP[V IUUQTHJUIVCDPNDZCP[V

25. @nus3_ (Tokyo) νʔϜϝϯόʔҰཡ @__sakito__ (Tokyo) @shisama_ (Osaka) @nakajmg (Ibaraki) @b4h0-c4t

    (Tokyo) @__sosukesuzuki(Ibaraki) @shisama_ (Toyama) @sajikix (Tokyo)

26. 8F
    BSF
    IJSJOH🎉