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
240
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
230
Other Decks in Technology
See All in Technology
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
630
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
210
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
160
AWS を使う上で知っておきたいオンプレミス知識/aws-on-premise-essentials
emiki
1
4.2k
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
自動生成を活用した、運用保守コストを抑える Error/Alert/Runbook の一元集約管理 / Centralized management of Error/Alert/Runbook to minimize operational costs using automated code generation
biwashi
10
2.2k
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
200
Oracle Cloud Infrastructure:2024年4月度サービス・アップデート
oracle4engineer
PRO
1
120
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
200
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
5
330
SREとその組織類型
tatsuo48
8
1.5k
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
350
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Making Projects Easy
brettharned
108
5.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
Faster Mobile Websites
deanohume
297
30k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
The Invisible Side of Design
smashingmag
294
49k
Building an army of robots
kneath
300
41k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Code Reviewing Like a Champion
maltzj
513
39k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Building Applications with DynamoDB
mza
88
5.6k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
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 ʙ
ࢀՃແྉ(࠙ձ͖)ʂ