Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Hatena Engineer Seminar #8で発表したスライドです。

14084b6462b19a8512ce5208a76f8925?s=128

fand/amagitakayosi

July 12, 2017
Tweet

Transcript

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

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

  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. ͋Γ͕ͱ͏͍͟͝·ͨ͠