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.7k
会社の開発合宿で Electron-vueで Slackクライアント作ってみた
Mitsuki Ogasahara
August 04, 2017
Tweet
Share
More Decks by Mitsuki Ogasahara
See All by Mitsuki Ogasahara
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
yamitzky
0
490
コスト管理から向き合う技術的負債 / Accounting for Technical Debt Through Cost Management
yamitzky
0
30
Utility-first な CSS-in-JS 〜Tailwind CSS と Chakra UI を添えて〜 / Utility-First CSS-in-JS
yamitzky
5
1.5k
今から始める型安全 Python / Start Python Type Hints
yamitzky
13
4.8k
技術が好きで好きで好きでたまらないエンジニアが「取締役」になって思う、マネジメントキャリアパス / My Manager's Path
yamitzky
2
1.1k
Python 3.9 時代の型安全な Pythonの極め方 / Mastering Type Safety in Python 3.9 Era
yamitzky
35
30k
なぜサーバーレスとDockerなのか 〜 インフラ運用を最小化するサービス開発 〜 / Why We Choose Serverless AND Docker
yamitzky
0
4k
サーバーレスを活用して少数精鋭で開発するニュースアプリ #devsumi
yamitzky
4
2.9k
ここが辛いよサーバーレス だが私は乗り越えた #builderscon
yamitzky
14
7.8k
Other Decks in Technology
See All in Technology
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
170
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
540
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
1
290
Geminiとv0による高速プロトタイピング
shinya337
1
270
ビズリーチにおけるリアーキテクティング実践事例 / JJUG CCC 2025 Spring
visional_engineering_and_design
1
130
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
7.9k
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
2
17k
Claude Code に プロジェクト管理やらせたみた
unson
6
4.4k
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
140
AI専用のリンターを作る #yumemi_patch
bengo4com
6
4.3k
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
2
17k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
A better future with KSS
kneath
238
17k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
We Have a Design System, Now What?
morganepeng
53
7.7k
Bash Introduction
62gerente
613
210k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Visualization
eitanlees
146
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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ٕज़ͰΞϓϦ࡞Δͷࠓޙ૿͖͑ͯͦ͏ ·ͱΊ