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
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
Pwned Labsのすゝめ
ken5scal
2
570
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.9k
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
550
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership, regardless of position
madoxten
0
510
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
340
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.6k
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
3
1.1k
MIMEと文字コードの闇
hirachan
2
1.5k
Platform Engineeringで クラウドの「楽しくない」を解消しよう
jacopen
4
200
マルチアカウント環境における組織ポリシーについて まとめてみる
nrinetcom
PRO
2
110
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
4
6.8k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Product Roadmaps are Hard
iamctodd
PRO
51
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cult of Friendly URLs
andyhume
78
6.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Practical Orchestrator
shlominoach
186
10k
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 ʙ
ࢀՃແྉ(࠙ձ͖)ʂ