Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Electron製社内コミュニケーションツール Zeedly
Search
mackato
July 14, 2018
Technology
2
270
Electron製社内コミュニケーションツール Zeedly
2018年7月14日 SoundGarden Tech #2 浜松でLTしたときのスライドです。
mackato
July 14, 2018
Tweet
Share
More Decks by mackato
See All by mackato
iPhoneアプリのバックエンドとしてServerless Framework使ってみた
mackato
5
1.6k
Tests for the Lean Startup
mackato
2
250
Other Decks in Technology
See All in Technology
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
1
130
AIエージェント元年@日本生成AIユーザ会
shukob
1
240
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
350
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
310
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
230
JavaにおけるNull非許容性
skrb
2
2.7k
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
310
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
83k
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
180
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
410
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
19k
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
520
Building Your Own Lightsaber
phodgson
104
6.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How STYLIGHT went responsive
nonsquared
98
5.4k
Site-Speed That Sticks
csswizardry
4
410
Producing Creativity
orderedlist
PRO
344
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Transcript
Electron ࣾίϛϡχέʔγϣϯπʔϧ Zeedly @mackato - AIRS, inc / Hamamatsu.rb 2018.07.14
SonicGarden Tech #2 দ
About me • @mackato(ϚʔαɾΫʔχʔ) • দग़/౦ژࡏॅ • ΤΞʔζגࣜձࣾද • Hamamatsu.rb
• 1ࡀ4ϲ݄உࣇͷύύ • ΦϑγϣΞΞϯάϥʔ
About AIRS • WebΞϓϦ։ൃ(RailsɺDjango)ɺiOSΞϓϦ։ൃ(Swift) • WebγεςϜͷઃܭɾӡ༻ɾอक(AWS) • ౦ژຊࣾ(1໊ࡏ) • দΦϑΟε(3໊ɻ͏ͪ1໊ࡏ)
• ࡏύʔτφʔ(౦ژ1໊ɺদ1໊)
None
ϦϞʔτ͚ͩͲ ຖإݟ͍ͨ (ࣾͱͯ͠)
Sqwiggle • ॏ͍ • ࢹ͞ΕͯΔײ͋Δ • ύϯΠνͰࣄͮ͠Β͍
Zeedly • MacͷΠϯΧϝϥͰࣗࡱΓͯ͠ HipChatʹϝοηʔδߘ͢Δπʔϧ • Electron • React.js • Semantic
UI React
HipChat • Atlassian͕ఏڙ͢Δاۀ͚νϟοταʔϏε • 2012ʹHipChatࣾΛAtlassian͕ങऩ • JIRAͷAtlassianπʔϧͱͷ࿈ܞ͕༰қ • SlackͷੈͷதͳͷͰݞ͕ͤ·͍ •
Strideͱ͍͏ޙܧπʔϧ͕ͰͯΔɻ͏Φϫίϯʁ
Electron • σεΫτοϓΞϓϦΛHTMLʴCSSʴJavaScriptͰ։ൃͰ͖ ΔϑϨʔϜϫʔΫ • GitHub͕ςΩετΤσΟλAtomͷͨΊʹ։ൃ • Dockerͱ͔SlackσεΫτοϓΞϓϦͷ։ൃʹͬͯΔΒ ͍͠
React.jsʹ͍ͭͯলུ
Semantic UI React • Semantic UIBootstrapΈ͍ͨͳWeb༻UIϑϨʔϜϫʔΫ • Semantic UI ReactSemantic
UIϕʔεͷReact༻ίϯϙʔω ϯτू
DEMO
Retrospective • ElectronͰϝΠϯϓϩηεͱϨϯμϥʔϓϩηε͕Θ͔Εͯ ΔͷͭΒ͍(ΫϦοϓϘʔυͱ͔) • ੈͷதͷྲྀΕతʹHipChatΊͯSlackʹҠߦ͓͚ͯ͠ྑ ͔ͬͨ • Semantic UIͬͯࠩผԽ͠Α͏ͱࢥ͚ͬͨͲݟͨ
Bootstrap
Roadmap • SlackରԠ • UI࡞ΓࠐΉ • ςετॻ͘ • ΦʔϓϯιʔεԽ
Thanks! ΤΞʔζ/AWS Cloud Express Roadshow in দ 2018/09/11(Ր) 14:00 ʙ
ࢀՃແྉ(࠙ձ͖)ʂ