はてなにおけるフロントエンド会のとりくみについて

Transcript

1. ͸ͯͳʹ͓͚Δ
   ϑϩϯτΤϯυձͷ
   ͱΓ͘Έʹ͍ͭͯ @amagitakayosi Hatena Engineer Seminar #8 վΊ·ͯ͠amagiͰ͢

2. ͜Μ͹Μ͸ʂΞϚΪͱਃ͠·͢ վΊ·ͯ͠amagiͰ͢ վΊ·ͯ͠amagiͰ͢ JE
   BNBHJUBLBZPTJ

3. ͨ·ʹϑϩϯτΤϯυͬΆ͍ൃදͯ͠·͢

4. None

5. ͸ͯͳʹ͸
   ʮϑϩϯτΤϯυΤϯδχΞʯ ͱ͍͏৬छ͸ଘࡏ͠ͳ͍

6. ͸ͯͳͷϑϩϯτΤϯυ։ൃ • WebΞϓϦέʔγϣϯΤϯδχΞ͕
 ϑϩϯτ͔ΒαʔόʔαΠυ·Ͱ
 ԿͰ΋΍Δ • ΋ͪΖΜ֤ʑʹಘखෆಘख͸ଘࡏ͢Δ

7. νʔϜ͋ͨΓͷΤϯδχΞ͕গͳ͍ • ྫ: MackerelνʔϜ • MackerelຊମɺϓϥάΠϯ౳ͷOSS… • ΤϯδχΞ6໊શһ͕શ෦Λ୲౰

8. ͜ͷελΠϧͷϝϦοτ • λεΫΛॊೈʹΞαΠϯͰ͖Δ • ଐਓੑΛഉআ͠΍͍͢ • νʔϜؒͰͷϝϯόʔೖΕସ͕͑͠΍͍͢

9. ஌ݟڞ༗͕Ή͔ͣ͘͠ͳ͖ͬͯͨ • ϒϥ΢β΍ϥΠϒϥϦʹؔ͢Δ৘ใ • ΫϥΠΞϯτଆͷઃܭ • JS, CSSͷ഑৴ํ๏

10. ஌ݟڞ༗͕Ή͔͍ͣ͠ • ϒϥ΢β΍ϥΠϒϥϦʹؔ͢Δ৘ใ • ΫϥΠΞϯτଆͷઃܭ • JS, CSSͷ഑৴ํ๏ νʔϜ͝ͱʹ
    ํ๏͕όϥόϥ

11. ೥ʹ
    ʮϑϩϯτΤϯυձʯ
    Λ݁੒

12. ͸ͯͳͷٕज़άϧʔϓ • Լ෦૊৫ͱͯ͠ʮαϒձʯ͕ଘࡏ͢Δ • ηΩϡϦςΟձ • εϚʔτձ • ϑϩϯτΤϯυձ ←

    NEW!

13. ൃ଍ͷૂ͍ • ϕετϓϥΫςΟεΛڞ༗͢Δ • ϑϩϯτΤϯυ΁ͷؔ৺Λ࣋ͬͯ΋Β͏ • ϑϩϯτΤϯυք۾ʹ͓͚Δ
 ͸ͯͳͷϓϨθϯεΛߴΊΔ

14. ʮࣾ಺ඪ४ʯ͸ܾΊͳ͍ • ϑϩϯτΤϯυͷ஌ݟ͸
 ͙͢ʹ௠෗Խͯ͠͠·͏ • ͋͘·Ͱ஌ݟͷڞ༗ʹͱͲΊΔ

15. ׆ಈ಺༰ • ஌ݟڞ༗ձ • ϑϩϯτΤϯυϥϯν • Podcast഑৴ ɹɹɹɹɹɹɹͳͲͳͲ

16. ஌ݟڞ༗ձ

17. ֤νʔϜͷݱঢ়Λ੔ཧ͍ͨ͠ • ֤νʔϜ͔ΒҰਓͣͭ
 ϑϩϯτΤϯυʹৄ͍͠ϝϯόʔΛট଴ • νʔϜͷݱঢ়΍՝୊ͳͲΛൃද͢Δ • ઃܭɺϥΠϒϥϦɺ՝୊ɺetc…

18. ౰൪੍Ͱ৘ใަ׵ • ࣄલʹൃදऀΛܾΊͯ
 ࣾ಺wikiʹ·ͱΊͯ΋Β͏ • MTGͰൃද & ࣭ٙԠ౴

19. ֤νʔϜͷϑϩϯτࣄ৘͕ڞ༗͞Εͨ

20. ࢥͬͨΑΓେมͩͬͨ • ϝϯόʔͷ४උ͕େม • ۀ຿࣌ؒ಺ʹ։࠵͢Δͱ
 ·ͱ·͕ͬͨ࣌ؒͱΕͳ͍ • ൃදܗࣜͩͱؾܰʹࡶஊͮ͠Β͍

21. ϑϩϯτΤϯυϥϯν

22. ຖिਫ༵ͷனٳΈʹ։࠵ • ϥϯνΛ৯΂ͭͭɺχϡʔεΛݟͨΓ
 ϑϩϯτΤϯυʹؔ͢ΔࡶஊΛ͢Δ • ϝϯόʔ͸୭Ͱ΋΢ΣϧΧϜ

23. ݩωλ͸ͪ͜Β

24. ϥϯνͷ಺༰ • ϑϩϯτΤϯυؔ࿈ͷχϡʔε • JSer.info, JavaScript Weekly, etc… • ϝϯόʔͷۙگ

    • νʔϜͷϑϩϯτΤϯυʹ͍ͭͯ • झຯͷ։ൃʹ͍ͭͯ

25. ୭Ͱ΋ؾܰʹࢀՃͰ͖Δ • ϑϩϯτ΄ͱΜͲ৮Βͳ͍ਓͰ΋ • ࣾ௕Ͱ΋ • ࣾ֎ͷํͰ΋

26. ࣾ֎ͷํΛ͓ট͖ͨ͠ճ

27. ΍ͬͯΑ͔ͬͨ • ֤͕ࣗຖि͕Μ͹ͬͯ
 χϡʔεಡΉඞཁ͕ͳ͘ͳͬͨ • ϑϩϯτΤϯυͷ࿩୊ʹ͍ͭͯ
 ૬ஊͨ͠ΓࣗຫͰ͖Δ৔͕Ͱ͖ͨ

28. ϥϯνλΠϜ։࠵ͷσϝϦοτ • ༧ఆ͕ඃΓ͕ͪ • ன৸Ͱ͖ͳ͍

29. ϑϩϯτΤϯυϥϯνΛ࿥Ի • ձ࿩ͷ಺༰Λ͋ͱ͔ΒࢀরͰ͖ΔΑ͏ʹ • ग़੮Ͱ͖ͳ͍ਓ޲͚ • ͋ͷϥΠϒϥϦɺͳΜ໊ͯલ
 ͚ͩͬͨͬ……ʁͱ͔

30. ࣾ಺αʔϏεͰެ։

31. ࣾ಺αʔϏεͰެ։ ࣾ֎ʹެ։ͨ͠Β
    ͍͍ͷͰ͸ʁ

32. 1PEDBTU

33. 1PEDBTUͰΞ΢τϓοτ • ϥϯν৯΂ͭͭࣾ֎Ξ΢τϓοτͰ͖ͯ
 ҰੴೋௗͰ͸ʁ • ϑϩϯτʹؔ͢ΔPodcast͸গͳ͍

34. ͦΕͳΓʹ࠶ੜ͞ΕͨΓ
 1PEDBTUΧςΰϦҐʹͳͬͨΓͨ͠

35. ࠷ۙ഑৴ͯ͠ͳ͘ͳ͍ʜʜʁ

36. !!!!!

37. Ұ୴1PEDBTUதஅͯ͠·͢ • ฤूɺϨϏϡʔʹख͕͔͔ؒΔ • ࣾ֎ൿͷ৘ใ͸Χοτͨ͠Γ • ٕज़ʹؔ͢ΔΞ΢τϓοτͳͷͰ
 ޿ใɺΤϯδχΞͷνΣοΫ͕ඞཁ

38. ͦͷଞ
    

39. ࣾ಺4MBDLͰ஌ݟΛڞ༗ • #javascript ʹ JSؔ࿈χϡʔεΛྲྀ͢ • ࢓ࣄͰ͜·ͬͨΒ૬ஊ • TypeScriptͷ৽όʔδϣϯ͕ग़Δͱ
 ੝Γ্͕Δ

40. ࣾ಺4MBDLͷΑ͏͢

41. ϑϩϯτΤϯυ#FFS • ϑϩϯτΤϯυϥϯνʹདྷͯͳ͍ਓʹ΋
 ༗ӹͳ৘ใΛڞ༗͍ͨ͠ • ࣾ಺ͷٕज़ษڧձ (ʙ19:00) ͷ͋ͱʹ
 ϑϩϯτΤϯυͷ࿩୊ΛৼΓฦΔ "

42. ;Γ͔͑Γ
    
    
    ͜Ε͔Β

43. ࣾ಺ͷϑϩϯτΤϯυʹߩݙͰ͖ͯΔʁ ✔ ࣾ಺ͷϑϩϯτΤϯυࣄ৘Λ
 wikiʹ·ͱΊͨΓ ✔ Slackͷ૬ஊͰ໰୊ղܾͨ͠Γ ✔ ϥϯνͰ঺հ͞ΕͨϥΠϒϥϦΛ
 ϓϩμΫγϣϯʹ౤ೖͨ͠Γ

44. ՝୊ ✘ ࢀՃϝϯόʔ͕ݻఆ͞Εͯ͠·ͬͨΓ ✘ ޻਺͕͔͔ͬͯ͠·ͬͨΓ

45. ܧଓ͕େࣄʂ • ΍ΔؾυϦϒϯͰ͸ଓ͔ͳ͍ • ͠ΜͲ͔ͬͨΒɺ΍Γํม͑ͯ͜ • ఆظతʹKPTͯ͜͠

46. ͋Γ͕ͱ͏͍͟͝·ͨ͠