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

by Masahiro Ihara

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

͓඼ॻ͖ • ࣗݾ঺հ • Kibelaͱ͸ • KibelaΛࢧ͑Δٕज़ • KibelaΛࢧ͑ΔαʔϏε • Kibelaͷࠓޙ • ·ͱΊ

Slide 3

Slide 3 text

ࣗݾ঺հ

Slide 4

Slide 4 text

ࣗݾ঺հ • Ҫݪਖ਼ത • גࣜձࣾϏοτδϟʔχʔ ୅දऔక໾ • ϠϑʔɺΫοΫύου౳Λܦͯ2015೥ʹBJࣾઃཱ • 100ϚΠϧʢ160ΩϩʣΛ૸ΔτϨΠϧϥϯφʔ ! • ౎಺Λ૸ͬͯҠಈ͍ͯ͠ΔͨΊ֤ॴͰ஌ਓʹ໨ܸ͞Ε͍ͯ· ͢ "

Slide 5

Slide 5 text

ࣗݾ঺հ ࠷ۙΤϥεςΟοΫϦʔμʔγοϓͱ͍͏ॻ੶ʹΤοηΠΛدߘ ͠·ͨ͠ɻ ΑΖ͚͠Ε͹Ұ࡭͓ئ͍͠·͢ʂʢஶऀͷౡా͞Μ͕تͼ· ͢ʣ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Kibelaͱ͸

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

https://kibe.la

Slide 10

Slide 10 text

Kibelaͱ͸ • ৘ใڞ༗πʔϧ • ݱঢ়Ͱ͸Qiita:TeamɺesaɺDocBaseɺConﬂuenceͱಉ͡ Α͏ͳ΋ͷͰ͢ • Groupadͱ͍͏ΫοΫύουͷࣾ಺πʔϧ͕਌ • ͸ͯͳάϧʔϓ͕਌ͷ਌ • ݸਓͷ஌ݟΛશମͷྗʹ

Slide 11

Slide 11 text

Kibelaͱ͸ • ݸਓͷBlogʢϙΤϜ౳ϑϩʔ৘ใʣ/શମͷWikiʢ·ͱΊ౳ ετοΫ৘ใʣ • MarkdownͰ౤ߘ • 5໊·Ͱجຊແྉ / ΞΫςΟϒϢʔβ՝ۚ • BoardʹΑΔ౤ߘઌ؅ཧˍACL • ͳͲͳͲ

Slide 12

Slide 12 text

Kibelaͱ͸ • 2015/01/01ʢ͝Ζʣ։ൃ։࢝ • ࠷ॳ͸ҰਓͰίπίπ͍ͭͬͯ͘·ͨ͠

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

KibelaΛࢧ͑Δٕज़

Slide 16

Slide 16 text

KibelaΛࢧ͑Δٕज़ • جຊํ਑ • ٕज़త௅ઓ͸ਫ਼ਆӴੜ্ඞཁ • ͔͠͠αʔϏεͷ੒௕͕࠷΋ॏཁ • ٕज़త௅ઓʹΑͬͯػೳΛຏ͍ͯࠩผԽʹ΋ܨ͛ΒΕΕ͹ ͦΕ͕ϕετ • αʔϏε։ൃΛՃ଎ͤ͞Δٕज़બఆ in Kibela

Slide 17

Slide 17 text

KibelaΛࢧ͑Δٕज़ • جຊํ਑ • OSSʹίϛοτ͢Δ & ͳ͚Ε͹ͭͬͯ͘ެ։͢Δ • plantuml-service • ci-npm-update • ts_routes-rails

Slide 18

Slide 18 text

KibelaΛࢧ͑Δٕज़ • ΞϓϦέʔγϣϯ • Ruby 2.3.1 / Rails 5.1.2 • React / TypeScript • EC2 • DB • RDS (PostgreSQL)

Slide 19

Slide 19 text

KibelaΛࢧ͑Δٕज़ • Ωϟογϡ • ElastiCache (Redis) • ݕࡧ • Amazon Elasticsearch Service • ݁ߏߴ͍… ! • ΠϯσοΫεͷ࠶࡞੒࣌ʹෛՙ্͕͕Γ͗͢ΔͷͰͩ͜͜ ͚Blue-Greeen DeploymentΛಋೖ

Slide 20

Slide 20 text

KibelaΛࢧ͑Δٕज़ • ϑϩϯτΤϯυ • React / TypeScript • SSR (Hypernova) • UIΨλΨλ໰୊

Slide 21

Slide 21 text

KibelaΛࢧ͑ΔαʔϏε • جຊํ਑ • ࣋ͪ෺Λ૿΍͞ͳ͍ • ࣗ෼ͨͪͰؤுΒͳ͍ • ଟগ͓͕͔͔ۚͬͯ΋SaaSΛ୳͢ • ͦΕ͕ϝΠϯͳαʔϏεͷํ͕༏Ε͍ͯΔ͸ͣ

Slide 22

Slide 22 text

KibelaΛࢧ͑ΔαʔϏε • λεΫ؅ཧ • Trello / GitHub • ChatOps • Slack / Ruboty • CI • CircleCI

Slide 23

Slide 23 text

KibelaΛࢧ͑ΔαʔϏε • ϩά • Google Analytics / Mixpanel / Datadog • Τϥʔ؂ࢹ • Sentry • ֤छLint • SideCI

Slide 24

Slide 24 text

KibelaΛࢧ͑ΔαʔϏε • σβΠϯ • Zeplin • αϙʔτ • Intercom • ՝ۚ • Stripe

Slide 25

Slide 25 text

KibelaΛࢧ͑ΔαʔϏε • I18n • PhaseApp • Gengo

Slide 26

Slide 26 text

Kibelaͷࠓޙ

Slide 27

Slide 27 text

Kibelaͷࠓޙ • ΤσΟλେվमʢDraft.js͔ΒCodeMirror΁ʣ • ΤΫεϙʔτʢσʔλ͸๻Βͷ΋ͷͰ͸ͳ͍ʣ • APIʢGraphQLʁʣ • iOS/Android/σεΫτοϓΞϓϦʢҎ֎ͱཁ๬͋Γʣ • ΦϯϓϨʢͰͳ͍ͱಋೖͰ͖ͳ͍νʔϜ΋͋Δʣ • ౳ʑઌ͸௕͍ !

Slide 28

Slide 28 text

·ͱΊ

Slide 29

Slide 29 text

·ͱΊ • ࠓͬΆ͍ٕज़/αʔϏεΛಋೖ͍ͯ͠Δ͕ಛผͳΘ͚Ͱͳͳ͍ ! • ·ͩ·ͩ଍Γͳ͍΋ͷͩΒ͚ " • Ҿ͖ଓ͖վળʹ౒Ίͯ·͍Γ·͢ # • Kibela͸5໊·Ͱ͸جຊແྉͰ͢ͷͰɺΑΖ͚͠Ε͹͝Ոఉ಺ ౳Ͱ΋͓࢖͍͍͚ͨͩΕ͹޾͍Ͱ͢ʂ $

Slide 30

Slide 30 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ ! ʢҿ΋͏ !ʣ