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.5k
会社の開発合宿で 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
1.1k
今から始める型安全 Python / Start Python Type Hints
yamitzky
13
4.6k
技術が好きで好きで好きでたまらないエンジニアが「取締役」になって思う、マネジメントキャリアパス / My Manager's Path
yamitzky
2
860
Python 3.9 時代の型安全な Pythonの極め方 / Mastering Type Safety in Python 3.9 Era
yamitzky
35
27k
なぜサーバーレスとDockerなのか 〜 インフラ運用を最小化するサービス開発 〜 / Why We Choose Serverless AND Docker
yamitzky
0
3.8k
サーバーレスを活用して少数精鋭で開発するニュースアプリ #devsumi
yamitzky
4
2.7k
ここが辛いよサーバーレス だが私は乗り越えた #builderscon
yamitzky
14
7.5k
GitLabのSlack連携を魔改造して作る開発を楽しくする仕組み
yamitzky
1
2.3k
Dockerfileを素早く書くtips&ライブデモ
yamitzky
2
1.8k
Other Decks in Technology
See All in Technology
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
390
反実仮想機械学習とは何か
usaito
PRO
11
4.6k
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
250
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
130
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
350
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
560
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
380
Databricks における 『MLOps』
databricksjapan
2
170
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
380
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
250
Cracking the KubeCon CfP
inductor
2
240
Featured
See All Featured
Happy Clients
brianwarren
92
6.4k
The Invisible Customer
myddelton
114
12k
What's in a price? How to price your products and services
michaelherold
237
11k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Navigating Team Friction
lara
178
13k
The Mythical Team-Month
searls
216
42k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
What's new in Ruby 2.0
geeforr
337
31k
Code Review Best Practice
trishagee
55
15k
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ٕज़ͰΞϓϦ࡞Δͷࠓޙ૿͖͑ͯͦ͏ ·ͱΊ