サイボウズフロントエンドエキスパートチームについて / 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) @mugi_uno (Toyama) @sajikix (Tokyo)
26. 8F
    BSF
    IJSJOH🎉