Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
会社の開発合宿で Electron-vueで Slackクライアント作ってみた
Mitsuki Ogasahara
August 04, 2017
Technology
0
2.1k
会社の開発合宿で Electron-vueで Slackクライアント作ってみた
Mitsuki Ogasahara
August 04, 2017
Tweet
Share
More Decks by Mitsuki Ogasahara
See All by Mitsuki Ogasahara
Utility-first な CSS-in-JS 〜Tailwind CSS と Chakra UI を添えて〜 / Utility-First CSS-in-JS
yamitzky
5
620
今から始める型安全 Python / Start Python Type Hints
yamitzky
12
4.2k
技術が好きで好きで好きでたまらないエンジニアが「取締役」になって思う、マネジメントキャリアパス / My Manager's Path
yamitzky
2
500
Python 3.9 時代の型安全な Pythonの極め方 / Mastering Type Safety in Python 3.9 Era
yamitzky
33
20k
なぜサーバーレスとDockerなのか 〜 インフラ運用を最小化するサービス開発 〜 / Why We Choose Serverless AND Docker
yamitzky
0
3k
サーバーレスを活用して少数精鋭で開発するニュースアプリ #devsumi
yamitzky
4
2.3k
ここが辛いよサーバーレス だが私は乗り越えた #builderscon
yamitzky
14
7.1k
GitLabのSlack連携を魔改造して作る開発を楽しくする仕組み
yamitzky
1
1.9k
Dockerfileを素早く書くtips&ライブデモ
yamitzky
2
1.7k
Other Decks in Technology
See All in Technology
モダンデータスタックとかの話(データエンジニアのお仕事とは)
foursue
0
240
mROS 2のススメ
takasehideki
0
290
Power Query 日時の変換でちょっと焦ったケース +1 / Power Query Some cases
ishiayaya
0
150
僕の Microsoft Teams (+α) 便利技紹介 2022年春
taichinakamura
0
2.6k
Power BI Report Ops
hanaseleb
0
150
srenext2022-skaru
mixi_engineers
0
390
Motto Go Forward スライドトップと Goを支える文化とコミュニティ してご利用ください 〜なぜ我々はコミュニティにコントリ ビュートするのか〜
luccafort
0
190
目と耳を持った自然言語処理 - スタートアップにおける価値創出のために
yag_ays
PRO
0
520
次期LTSに備えよ!AOS 6.1 HCI Core 編
smzksts
0
170
街じゅうを"駅前化"する電動マイクロモビリティのシェアサービス「LUUP」のIoTとSRE
0gm
1
510
プロダクトグロースと技術のベースアップを両立させるRettyのアプリ開発スタイル / Achieve Product Growth and Tech Update
imaizume
1
270
AWS Control TowerとAWS Organizationsを活用した組織におけるセキュリティ設定
fu3ak1
2
610
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Faster Mobile Websites
deanohume
294
28k
Bash Introduction
62gerente
596
210k
Web development in the modern age
philhawksworth
197
9.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
172
8.3k
Designing Experiences People Love
moore
130
22k
BBQ
matthewcrist
74
7.9k
Designing with Data
zakiwarfel
91
3.9k
What’s in a name? Adding method to the madness
productmarketing
11
1.5k
We Have a Design System, Now What?
morganepeng
35
2.9k
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ٕज़ͰΞϓϦ࡞Δͷࠓޙ૿͖͑ͯͦ͏ ·ͱΊ