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

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

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ͱ͸
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ ! ʢҿ΋͏ !ʣ