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-vueで Slackクライアント作ってみた
Search
Mitsuki Ogasahara
August 04, 2017
Technology
0
2.6k
会社の開発合宿で Electron-vueで Slackクライアント作ってみた
Mitsuki Ogasahara
August 04, 2017
Tweet
Share
More Decks by Mitsuki Ogasahara
See All by Mitsuki Ogasahara
コスト管理から向き合う技術的負債 / Accounting for Technical Debt Through Cost Management
yamitzky
0
0
Utility-first な CSS-in-JS 〜Tailwind CSS と Chakra UI を添えて〜 / Utility-First CSS-in-JS
yamitzky
5
1.3k
今から始める型安全 Python / Start Python Type Hints
yamitzky
13
4.7k
技術が好きで好きで好きでたまらないエンジニアが「取締役」になって思う、マネジメントキャリアパス / My Manager's Path
yamitzky
2
950
Python 3.9 時代の型安全な Pythonの極め方 / Mastering Type Safety in Python 3.9 Era
yamitzky
35
29k
なぜサーバーレスとDockerなのか 〜 インフラ運用を最小化するサービス開発 〜 / Why We Choose Serverless AND Docker
yamitzky
0
3.9k
サーバーレスを活用して少数精鋭で開発するニュースアプリ #devsumi
yamitzky
4
2.8k
ここが辛いよサーバーレス だが私は乗り越えた #builderscon
yamitzky
14
7.7k
GitLabのSlack連携を魔改造して作る開発を楽しくする仕組み
yamitzky
1
2.5k
Other Decks in Technology
See All in Technology
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
540
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
140
Engineer Career Talk
lycorp_recruit_jp
0
190
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
組織成長を加速させるオンボーディングの取り組み
sudoakiy
2
210
100 名超が参加した日経グループ横断の競技型 AWS 学習イベント「Nikkei Group AWS GameDay」の紹介/mediajaws202411
nikkei_engineer_recruiting
1
170
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
370
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
500
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
180
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
6
660
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
190
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Music & Morning Musume
bryan
46
6.2k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Thoughts on Productivity
jonyablonski
67
4.3k
Building Adaptive Systems
keathley
38
2.3k
Transcript
ձࣾͷ։ൃ߹॓Ͱ &MFDUSPOWVFͰ 4MBDLΫϥΠΞϯτ࡞ͬͯΈͨ খּݪΈ͖ͭ / @yamitzky
w ͜ͷεϥΠυɺࣾ-5ࢿྉΛࣾ֎͚ʹΞϨϯδ ͨ͠ͷͰ͢ w ιʔεެ։͍ͯ͠ͳ͍ͷͰ͋·ΓࢀߟʹͳΒͳ͍ ͔͠Ε·ͤΜ ҙ
w 4MBDLΫϥΠΞϯτʹෆຬ͕͋ͬͨ w ͕ࣗෳϓϩδΣΫτʹෳνϟϯωϧʹ ·͕ͨͬͯΔͷ͕େ͖ͳཧ༝ w &MFDUSPOͰσεΫτοϓΞϓϦ࡞ͬͯΈ͔ͨͬͨ w 7VFͱ7VFYΛͪΌΜͱ৮ͬͯΈ͔ͨͬͨ Ϟνϕʔγϣϯ
w &MFDUSPO w Ϛϧν04ͷΞϓϦέʔγϣϯΛ࡞ΔͨΊͷ044 w ʮ1$͚ιϑτʯ͚ͩͲɺٕज़Σϒͱ/PEF w 7VFKT w Ϗϡʔ༻ϥΠϒϥϦɻ3FBDUͳͲͱಉ͡ϨΠϠʔ
w 7VFY w 7VFKTͷঢ়ଶཧ༻ϑϨʔϜϫʔΫɻ3FYVYͳͲͱಉ͡ϨΠϠʔ w 1BSTJNNPO w ύʔαʔίϯϏωʔλɻޙड़ ٕज़ελοΫ
w FMFDUSPOWVFΛ͑ίϚϯυͰηοτΞοϓ w ಈ͘ΞϓϦέʔγϣϯͷςϯϓϨΛ࡞ͬͯ͘ΕΔ ElectronͱVueͷ૬ੑ͕ྑ͔ͬͨ $ npm install -g vue-cli
$ vue init simulatedgreg/electron-vue my-project
w 3FBDUͰ͍͏3FEVYΈ͍ͨͳঢ়ଶཧϥΠϒϥϦ w ୯ҰετΞ w 3FEVYΑΓ7VFͷઃܭࢥʹد͍ͬͯΔ w HFUUFS DPNQVUFE Έ͍ͨͳ֓೦
w ঢ়ଶมߋʮNVUBUJPOʯͰඇಉظ༻ͷʮBDUJPOʯ ༻ҙ͞Ε͍ͯΔ w େنͳ։ൃʹ͍͚ͦ͏ͳखԠ͑ VueͱVuex
w &MFDUSPOͷঢ়ଶཧϞσϧɺΟϯυ͝ͱʹ ಠཱ͍ͯ͠Δ w ྫ͑ʮઃఆʯͷը໘ͱʮλΠϜϥΠϯʯͷը໘ ঢ়ଶ ม Λڞ༗͍ͯ͠ͳ͍ w JQDͱWVFYͰෳը໘ͷঢ়ଶڞ༗͕Ͱ͖Δ
IUUQTHJUIVCDPNWVFKTWVFYJTTVFT ෳը໘ͷVuex
w 4MBDLه๏͔Β͍͍ײ͡ʹ)5.-Λੜ͢Δ044 ଘࡏ͠ͳ͍ ˠࣗྗͰ4MBDLه๏ύʔαʔ͕ඞཁ w ʮύʔαʔΛ࡞ΔͨΊͷϥΠϒϥϦʯΛͬͯ ָΛͨ͠ ˠύʔαʔίϯϏωʔλ ύʔαʔίϯϏωʔλ
w ˣ4MBDLͷ6*ʹࣅ͍ͯΔ͕ɺࣗ࡞͍ͯ͠Δ ύʔαʔίϯϏωʔλ
w Ұ୴ਖ਼نදݱ͚ͩͰ͜Μͳײ͡Ͱ࡞ͬͨˣ Parsimmon
Ͱ͖ͨͷ
w ෳνϟϯωϧ͔ΒͳΔʮάϧʔϓʯͰ·ͱΊͯݟ ΕΔ w ʮৗʹશը໘ʯʹͰ͖ΔͷͰɺ࡞ۀ͠ͳ͕ΒΟϯ υΛஔ͍͓͚ͯΔ w $44Λ͍͔ͭ͘ΧελϚΠζͰ͖Δ w Զ͕ߟ͑ͨ࠷ڧͷ4MBDLΫϥΠΞϯτ
Ͱ͖ͨͷ
w 0"VUI Ͱ͖ͯͳ͍ͷ
w &MFDUSPOº7VFº7VFYΑ͔ͬͨ w 8FCٕज़ͰΞϓϦ࡞Δͷࠓޙ૿͖͑ͯͦ͏ ·ͱΊ