Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

28347314c7fc698b4ac0e01113545e25?s=47 mackato
July 14, 2018

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

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

28347314c7fc698b4ac0e01113545e25?s=128

mackato

July 14, 2018
Tweet

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 ʙ

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