個人の発信を組織の力にする情報共有ツール「Kibela」のご紹介とそれを支える技術 / Introducing Kibela at Geeks Who Drink 2017-07-21

個人の発信を組織の力にする情報共有ツール「Kibela」のご紹介とそれを支える技術 / Introducing Kibela at Geeks Who Drink 2017-07-21

ヌーラボさんのイベント「Geeks Who Drink - Webの先進技術3連発Edition」のLTで使用したKibelaのご紹介です。
https://nulab.connpass.com/event/59876/

B16a7b3fa409bb986aef592e21b46ecc?s=128

Masahiro Ihara

July 21, 2017
Tweet

Transcript

  1. ݸਓͷൃ৴Λ૊৫ͷྗʹ͢Δ৘ใڞ༗ πʔϧʮKibelaʯͷ͝঺հͱͦΕΛࢧ ͑Δٕज़ 2017/07/21 Masahiro Ihara ( @ihara2525 )

  2. ͓඼ॻ͖ • ࣗݾ঺հ • Kibelaͱ͸ • KibelaΛࢧ͑Δٕज़ • KibelaΛࢧ͑ΔαʔϏε •

    Kibelaͷࠓޙ • ·ͱΊ
  3. ࣗݾ঺հ

  4. ࣗݾ঺հ • Ҫݪਖ਼ത • גࣜձࣾϏοτδϟʔχʔ ୅දऔక໾ • ϠϑʔɺΫοΫύου౳Λܦͯ2015೥ʹBJࣾઃཱ • 100ϚΠϧʢ160ΩϩʣΛ૸ΔτϨΠϧϥϯφʔ

    ! • ౎಺Λ૸ͬͯҠಈ͍ͯ͠ΔͨΊ֤ॴͰ஌ਓʹ໨ܸ͞Ε͍ͯ· ͢ "
  5. ࣗݾ঺հ ࠷ۙΤϥεςΟοΫϦʔμʔγοϓͱ͍͏ॻ੶ʹΤοηΠΛدߘ ͠·ͨ͠ɻ ΑΖ͚͠Ε͹Ұ࡭͓ئ͍͠·͢ʂʢஶऀͷౡా͞Μ͕تͼ· ͢ʣ

  6. ࣗݾ঺հ ౦ژͰ͕͢8/2ʹݩGoogleͷٴ઒͞ΜͱΠϕϯτ΍Γ·͢ʂ

  7. Kibelaͱ͸

  8. None
  9. https://kibe.la

  10. Kibelaͱ͸ • ৘ใڞ༗πʔϧ • ݱঢ়Ͱ͸Qiita:TeamɺesaɺDocBaseɺConfluenceͱಉ͡ Α͏ͳ΋ͷͰ͢ • Groupadͱ͍͏ΫοΫύουͷࣾ಺πʔϧ͕਌ • ͸ͯͳάϧʔϓ͕਌ͷ਌

    • ݸਓͷ஌ݟΛશମͷྗʹ
  11. Kibelaͱ͸ • ݸਓͷBlogʢϙΤϜ౳ϑϩʔ৘ใʣ/શମͷWikiʢ·ͱΊ౳ ετοΫ৘ใʣ • MarkdownͰ౤ߘ • 5໊·Ͱجຊແྉ / ΞΫςΟϒϢʔβ՝ۚ

    • BoardʹΑΔ౤ߘઌ؅ཧˍACL • ͳͲͳͲ
  12. Kibelaͱ͸ • 2015/01/01ʢ͝Ζʣ։ൃ։࢝ • ࠷ॳ͸ҰਓͰίπίπ͍ͭͬͯ͘·ͨ͠

  13. Kibelaͱ͸ • 2017/03/01ϦϦʔε • ΤϯδχΞ4໊ʢݩΫοΫύουɺݩΫοΫύουࢠձ ࣾɺݩΫοΫύουΠϯλʔϯɺݱΫοΫύουʣ • PM݉ΤϯδχΞ1໊ʢݱΫοΫύουʣ • σβΠφ1໊ʢݩΫοΫύουσβΠφͷ঺հʣ

  14. Kibelaͱ͸ • ޠݯ • ʮ໦΂Βʯ • ໦ͷ΁ΒͷΑ͏ʹɺ࢖͑͹࢖͏΄Ͳखʹͳ͡Ήಓ۩ʹͳΔ Α͏ʹ

  15. KibelaΛࢧ͑Δٕज़

  16. KibelaΛࢧ͑Δٕज़ • جຊํ਑ • ٕज़త௅ઓ͸ਫ਼ਆӴੜ্ඞཁ • ͔͠͠αʔϏεͷ੒௕͕࠷΋ॏཁ • ٕज़త௅ઓʹΑͬͯػೳΛຏ͍ͯࠩผԽʹ΋ܨ͛ΒΕΕ͹ ͦΕ͕ϕετ

    • αʔϏε։ൃΛՃ଎ͤ͞Δٕज़બఆ in Kibela
  17. KibelaΛࢧ͑Δٕज़ • جຊํ਑ • OSSʹίϛοτ͢Δ & ͳ͚Ε͹ͭͬͯ͘ެ։͢Δ • plantuml-service •

    ci-npm-update • ts_routes-rails
  18. KibelaΛࢧ͑Δٕज़ • ΞϓϦέʔγϣϯ • Ruby 2.3.1 / Rails 5.1.2 •

    React / TypeScript • EC2 • DB • RDS (PostgreSQL)
  19. KibelaΛࢧ͑Δٕज़ • Ωϟογϡ • ElastiCache (Redis) • ݕࡧ • Amazon

    Elasticsearch Service • ݁ߏߴ͍… ! • ΠϯσοΫεͷ࠶࡞੒࣌ʹෛՙ্͕͕Γ͗͢ΔͷͰͩ͜͜ ͚Blue-Greeen DeploymentΛಋೖ
  20. KibelaΛࢧ͑Δٕज़ • ϑϩϯτΤϯυ • React / TypeScript • SSR (Hypernova)

    • UIΨλΨλ໰୊
  21. KibelaΛࢧ͑ΔαʔϏε • جຊํ਑ • ࣋ͪ෺Λ૿΍͞ͳ͍ • ࣗ෼ͨͪͰؤுΒͳ͍ • ଟগ͓͕͔͔ۚͬͯ΋SaaSΛ୳͢ •

    ͦΕ͕ϝΠϯͳαʔϏεͷํ͕༏Ε͍ͯΔ͸ͣ
  22. KibelaΛࢧ͑ΔαʔϏε • λεΫ؅ཧ • Trello / GitHub • ChatOps •

    Slack / Ruboty • CI • CircleCI
  23. KibelaΛࢧ͑ΔαʔϏε • ϩά • Google Analytics / Mixpanel / Datadog

    • Τϥʔ؂ࢹ • Sentry • ֤छLint • SideCI
  24. KibelaΛࢧ͑ΔαʔϏε • σβΠϯ • Zeplin • αϙʔτ • Intercom •

    ՝ۚ • Stripe
  25. KibelaΛࢧ͑ΔαʔϏε • I18n • PhaseApp • Gengo

  26. Kibelaͷࠓޙ

  27. Kibelaͷࠓޙ • ΤσΟλେվमʢDraft.js͔ΒCodeMirror΁ʣ • ΤΫεϙʔτʢσʔλ͸๻Βͷ΋ͷͰ͸ͳ͍ʣ • APIʢGraphQLʁʣ • iOS/Android/σεΫτοϓΞϓϦʢҎ֎ͱཁ๬͋Γʣ •

    ΦϯϓϨʢͰͳ͍ͱಋೖͰ͖ͳ͍νʔϜ΋͋Δʣ • ౳ʑઌ͸௕͍ !
  28. ·ͱΊ

  29. ·ͱΊ • ࠓͬΆ͍ٕज़/αʔϏεΛಋೖ͍ͯ͠Δ͕ಛผͳΘ͚Ͱͳͳ͍ ! • ·ͩ·ͩ଍Γͳ͍΋ͷͩΒ͚ " • Ҿ͖ଓ͖վળʹ౒Ίͯ·͍Γ·͢ #

    • Kibela͸5໊·Ͱ͸جຊແྉͰ͢ͷͰɺΑΖ͚͠Ε͹͝Ոఉ಺ ౳Ͱ΋͓࢖͍͍͚ͨͩΕ͹޾͍Ͱ͢ʂ $
  30. ͋Γ͕ͱ͏͍͟͝·ͨ͠ ! ʢҿ΋͏ !ʣ