Electron製社内コミュニケーションツール Zeedly

2018年7月14日 SoundGarden Tech #2 浜松でLTしたときのスライドです。

Transcript

1. Electron੡ ࣾ಺ίϛϡχέʔγϣϯπʔϧ Zeedly @mackato - AIRS, inc / Hamamatsu.rb 2018.07.14 SonicGarden Tech #2 ඿দ
2. About me • @mackato(ϚʔαɾΫʔχʔ) • ඿দग़਎/౦ژࡏॅ • ΤΞʔζגࣜձࣾ୅ද • Hamamatsu.rb • 1ࡀ4ϲ݄உࣇͷύύ • ΦϑγϣΞΞϯάϥʔ
3. About AIRS • WebΞϓϦ։ൃ(RailsɺDjango)ɺiOSΞϓϦ։ൃ(Swift) • WebγεςϜͷઃܭɾӡ༻ɾอक(AWS) • ౦ژຊࣾ(1໊൒ࡏ୐) • ඿দΦϑΟε(3໊ɻ͏ͪ1໊͸൒ࡏ୐) • ࡏ୐ύʔτφʔ(౦ژ1໊ɺ඿দ1໊)
5. ϦϞʔτ͚ͩͲ ຖ೔إ͸ݟ͍ͨ (ࣾ௕ͱͯ͠͸)
6. Sqwiggle • ॏ͍ • ؂ࢹ͞ΕͯΔײ͋Δ • ύϯΠνͰ࢓ࣄͮ͠Β͍
7. Zeedly • MacͷΠϯΧϝϥͰࣗࡱΓͯ͠ HipChatʹϝοηʔδ౤ߘ͢Δπʔϧ • Electron੡ • React.js • Semantic UI React
8. HipChat • Atlassian͕ఏڙ͢Δاۀ޲͚νϟοταʔϏε • 2012೥ʹHipChatࣾΛAtlassian͕ങऩ • JIRA౳ͷAtlassianπʔϧͱͷ࿈ܞ͕༰қ • SlackͷੈͷதͳͷͰݞ਎͕ͤ·͍ • Strideͱ͍͏ޙܧπʔϧ͕ͰͯΔɻ΋͏Φϫίϯʁ
9. Electron • σεΫτοϓΞϓϦΛHTMLʴCSSʴJavaScript౳Ͱ։ൃͰ͖ ΔϑϨʔϜϫʔΫ • GitHub͕ςΩετΤσΟλAtomͷͨΊʹ։ൃ • Dockerͱ͔Slack΋σεΫτοϓΞϓϦͷ։ൃʹ࢖ͬͯΔΒ ͍͠
10. React.jsʹ͍ͭͯ͸লུ
11. Semantic UI React • Semantic UI͸BootstrapΈ͍ͨͳWeb༻UIϑϨʔϜϫʔΫ • Semantic UI React͸Semantic UIϕʔεͷReact༻ίϯϙʔω ϯτू
12. DEMO
13. Retrospective • ElectronͰϝΠϯϓϩηεͱϨϯμϥʔϓϩηε͕Θ͔Εͯ ΔͷͭΒ͍(ΫϦοϓϘʔυͱ͔) • ੈͷதͷྲྀΕతʹHipChat΍ΊͯSlackʹҠߦ͓͚ͯ͠͹ྑ ͔ͬͨ • Semantic UI࢖ͬͯࠩผԽ͠Α͏ͱࢥ͚ͬͨͲݟͨ໨ Bootstrap
14. Roadmap • SlackରԠ • UI࡞ΓࠐΉ • ςετॻ͘ • ΦʔϓϯιʔεԽ
15. Thanks! ΤΞʔζ/AWS Cloud Express Roadshow in ඿দ 2018/09/11(Ր) 14:00 ʙ ࢀՃແྉ(࠙਌ձ෇͖)ʂ