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.7k
Tests for the Lean Startup
mackato
2
250
Other Decks in Technology
See All in Technology
VLMサービスを用いた請求書データ化検証 / SaaSxML_Session_1
sansan_randd
0
130
モバイルゲームの開発を支える基盤の歩み ~再現性のある開発ラインを量産する秘訣~
qualiarts
0
760
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
13
3.8k
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
280
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
420
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
600
Gemini in Android Studio - Google I/O Bangkok '25
akexorcist
0
100
robocopy の怖い話/scary-story-about-robocopy
emiki
0
410
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
320
OpenTelemetry の Log を使いこなそう
biwashi
5
1.1k
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
110
With Devin -AIの自律とメンバーの自立
kotanin0
2
850
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
RailsConf 2023
tenderlove
30
1.2k
Bash Introduction
62gerente
613
210k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Code Reviewing Like a Champion
maltzj
524
40k
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 ʙ
ࢀՃແྉ(࠙ձ͖)ʂ