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

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໊)
4. None

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 ʙ

    ࢀՃແྉ(࠙਌ձ෇͖)ʂ