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での業務改善)/ improve...
Search
ryo
November 19, 2018
3
10k
問題解決のエピソード(消防本部におけるElectron.vueでの業務改善)/ improvement at the fire department
消防本部において行った報告書作成業務の効率化についての取り組み。
ryo
November 19, 2018
Tweet
Share
More Decks by ryo
See All by ryo
webpack to Rspack
kawamataryo
0
9
GitHub Actions と Datadog でコードベースの定点観測
kawamataryo
7
1.8k
個人開発駆動学習 / personal development driven learning
kawamataryo
1
170
GitHub Trending Bot, Sky Follower Bridge の紹介
kawamataryo
0
280
[Minecraft × ChatGPT] マイクラで作りたいものを伝えると魔法のように作ってくれるコマンドを作る
kawamataryo
0
2.1k
Resumable な JavaScript フレームワーク Qwik を学ぶ / qwik-resumable
kawamataryo
0
3.3k
JSからTSへ移行した Vue.jsプロダクトの型チェックを 漸進的に強化する/ reinforcing the type
kawamataryo
0
3.2k
Webで動画解析 〜Google Meetの挙手とリアルの挙手を連動させるChrome拡張作った話〜 / sync-raise-hand
kawamataryo
0
190
suppress-ts-errors を使って TypeScriptの型チェックを漸進的に強化する / Introducing-suppress-ts-errors
kawamataryo
2
540
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Building Applications with DynamoDB
mza
90
6.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Six Lessons from altMBA
skipperchong
27
3.5k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building Adaptive Systems
keathley
38
2.3k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Transcript
ղܾͷΤϐιʔυ ʙফຊ෦ʹ͓͚ΔElectron + vueͰͷۀվળʙ ມɹྋ
ɹղܾͨ͠ͱʁ
ٹٸใࠂॻ࡞ۀͷ ංେԽ
ߴྸԽٴͼෆదར༻ͷຮԆʹΑ Γɺۙɺٹٸग़ಈ͕݅େ෯ʹ૿ ՃɻͦΕʹ͍ɺٹٸใࠂॻ࡞ۀ ͕ංେԽ͠ɺຊۀʢग़ಈɾ܇࿅ʣ ʹࢧোΛ͖ͨ͢Α͏ʹͳ͍ͬͯͨɻ
) ) ) ) ) ) ) ̒Ͱ 4000݅૿Ճ ˓ࢢͷٹٸग़ಈ݅ͷਪҠ ͷഎܠ
ٹٸग़ಈ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢࢴϕʔεͰࢹʣ ঝೝɾอ मਖ਼ґཔ ᶃ ᶄ ᶅ
ᶆ ᶇ ٹٸใࠂॻ࡞ͷྲྀΕ
ۀʹ͔͔Δ࣌ؒ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢࢴϕʔεʣ Ұ݅͋ͨΓ ؒग़ಈ݅ ݅
࣌ؒ ۀʹؔΘΔ߹ܭ࣌ؒʢʣ ࣌ؒ Ұ݅͋ͨΓ ؒग़ಈ݅ ݅ ࣌ؒ
ʢࢀߟʣใࠂॻೖྗγεςϜ ग़ಈޙɺ͜ͷγεςϜͰ׆ಈهͷೖྗٴͼใࠂॻͷҹΛߦ͏ɻ
ʢࢀߟʣใࠂॻҹը໘ લϖʔδͷγεςϜΑΓใࠂॻҹΛߦ͍ɺग़ྗ͞Εͨ&YDFMը໘ɻ ͪ͜ΒΛҹͯ͠ࢹʹΑΔνΣοΫΛߦ͍ɺྃͨ͠Βఏग़ɾอͱͳΔ
ͬͱޮԽͰ͖ΔͷͰʁ
ٹٸग़ಈ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢࢴϕʔεɾࢹʣ ঝೝɾอ मਖ਼ґཔ ᶃ ᶄ ᶅ
ᶆ ᶇ ͷѲ ࡞ۀ࣌ؒͷ΄΅શͯ
ͷѲ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢࢴϕʔεʣ w จষ࡞ͷϧʔϧʢఆܕจʣΛΘ͔͍ͬͯͳ͍ਓ͕͍Δ w ͦͦλΠϐϯά͕͍ʢͷਓʣ w
ࢴϕʔεͷࢹʹΑΔνΣοΫ w ਓʹΑΓνΣοΫ߲͕ҟͳΔ w ࡉ͔͍ϧʔϧ͕ඇৗʹଟ͍ ᶃ ᶄ
ͷղܾࡦ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢࢴϕʔεʣ w બ߲ͷνΣοΫͰຊจΛࣗಈੜͰ͖Εɺϧʔϧ ͱλΠϐϯάͷղܾͰ͖ΔͷͰʁ w ຊγεςϜ͔Βͷग़ྗ࣌ɺ&YDFMͷஈ֊Ͱɺ7#"ʹΑ
ΔࣗಈΤϥʔνΣοΫΛߦ͑ɺࢹͷνΣοΫΛ؆ ུԽͰ͖ΔͷͰʁ ղܾࡦᶃ ղܾࡦᶄ
՝ղܾͷͨΊʹ ੍࡞ͨ͠γεςϜ
ᶃٹٸใࠂॻจষ࡞πʔϧ
ɾత ຊจ࡞ΛޮԽ ͷղܾࡦ ༻ٕͨ͠ज़ ɾ&MFDUSPO ɾWVFKT ɾCPPUTUSBQ
ػೳ̍จষ࡞ػೳ ߲Λબ͢Δ͚ͩͰຊจΛࣗಈੜ͢Δɻ
ػೳաڈࣄҊݕࡧػೳ աڈͷग़ಈࣄҊͷ༰ΛΩʔϫʔυͰݕࡧɻ ఆܕจͰॲཧͰ͖ͳ͍ɺෳࡶͳࣄҊͷࡍͷࢀߟʹɻ
ػೳ࣬පྨݕࡧػೳ ইප໊͔Β࣬පྨΛݕࡧɻ ҎલͦͷɺωοτͰௐ͍ͯͨɻ
ᶄใࠂॻΤϥʔνΣοΧʔ
త ΤϥʔνΣοΫΛࣗಈԽɻ ̎ͷղܾࡦ ༻ٕͨ͠ज़ ɾ7#" ɾਖ਼نදݱ
ػೳࣗಈΤϥʔνΣοΫ ຊγεςϜͷग़ྗͨ͠Ұ࣌ϑΝΠϧΛ&YDFMʹࣗಈίϐʔ͠ ΤϥʔνΣοΫɻΤϥʔ༰ͷॻ͖ग़͠ɻ
ػೳࣗಈ྆໘ҹ γʔτʢද໘ͱཪ໘ʣͷ྆ҹΛϘλϯͻͱͭͰɻ
γεςϜͷಋೖ݁Ռ
ٹٸग़ಈ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢ&YDFM ࢴϕʔεʣ ঝೝɾอ मਖ਼ґཔ ᶃ ᶄ
ᶅ ᶆ ᶇ ٹٸใࠂॻ࡞ͷྲྀΕʢ৽ʣ
ۀʹ͔͔Δ࣌ؒͷมԽ ใࠂॻ ࡞ɾҹ ͰͷνΣοΫ ʢQD ࢴʣ Ұ݅͋ͨΓ Ҏલʣ ؒग़ಈ݅
݅ ࣌ؒ ࣌ؒ Ұ݅͋ͨΓ Ҏલʣ ؒग़ಈ݅ ݅ ࣌ؒ ࣌ؒ ۀʹؔΘΔ߹ܭ࣌ؒ ॖͨ࣌ؒ͠ ࣌ؒ
w ॳɺࣗͷॴଐ͍ͯ͠Δॺ͚ͩͰ༻͍͕ͯͨ͠ɺ্ ෦ʹརศੑΛೝΊΒΕɺશॺॴʢ˓ࢢॺॴʣͰར༻͞ ΕΔ͜ͱͱʹɻ w ޮԽͷ݁Ռɺٹٸ܇࿅ʹ͑Δ͕࣌ؒ૿ՃɺຊۀͷεΩ ϧΞοϓʹܨ͕ͬͨɻ ಋೖͷܦաͱՌ
·ͱΊ
ٹٸใࠂॻ࡞ۀͷංେԽͱ͍͏ղܾʹ͍ͭͯͷΤϐιʔυɻ ߴྸԽͱෆదར༻ͷຮԆͰɺٹٸग़ಈ͕݅ۙٸܹʹ૿ՃɻͦΕ ʹ͍ɺٹٸใࠂॻ࡞ۀ͕ංେԽ͠ɺຊۀʢ܇࿅ɺग़ಈʣʹࢧো Λ͖ͨ͢Α͏ʹͳ͍ͬͯͨɻͦ͜Ͱɺͦͷ࡞ۀΛͳΜͱ͔ޮԽग़དྷ ͳ͍͔ͱߟ͑ɺใࠂॻຊจࣗಈੜπʔϧͱΤϥʔνΣοΧʔͱ͍͏ γεςϜΛࣗ࡞ɻใࠂॻ࡞࣌ؒΛେ෯ʹॖɻॳɺࣗͷॴଐ ͷΈͰ͍͕ͬͯͨɺ্࢘ʹརศੑΛೝΊΒΕɺਫށࢢͷશॺॴͰ ΘΕΔΑ͏ʹͳΔɻ݁ՌɺۀʹؔΘΔ࣌ؒΛؒ ͔࣌ؒΒ
࣌ؒʹݮʢ֓ࢉʣɻ࡞ۀͷෛ୲͕ݮΔ͜ͱͰɺ܇࿅࣌ؒ Λ֬อͰ͖ΔΑ͏ʹͳΓɺຊۀͷεΩϧΞοϓʹߩݙͨ͠ɻ
ิ
࡞࣌ʹಛʹࠔͩͬͨͱ͜Ζ
*5Ϧςϥγʔ͕ͳ͍ਓͰ ͍͍͢γεςϜͰ͋Δ͔ʁ
ྫɿɹΤϥʔνΣοΫૢ࡞खॱͷվળ ҎલͷΤϥʔνΣοΫͷखॱ ຊγεςϜͰҹॲཧΛ࣮ߦ ग़ྗ͞Εͨ&YDFMͷγʔτ̍ͱγʔτ̎Λίϐʔ ΤϥʔνΣοΧʔͷγʔτͱγʔτ̎ʹషΓ͚ ΤϥʔνΣοΫϘλϯͰΤϥʔΛνΣοΫ Τϥʔ͕ͳ͚Εҹ खॱɺͷγʔτͷίϐʔ͕͔Βͳ͍ਓ͍Δɻ ૢ࡞ʹࣗ৴͕ͳ͍͔ΒͬͯΒ͑ͳ͍ɻ
վળޙͷΤϥʔνΣοΫͷखॱ ຊγεςϜͰҹॲཧΛ࣮ߦ ΤϥʔνΣοΧʔͷνΣοΫϘλϯΛԡ͢ ˞ࣗಈతʹຊγεςϜग़ྗͷҰ࣌ϑΝΠϧ͔ΒγʔτΛίϐʔ ΤϥʔνΣοΧʔʹϖʔετͯ͠νΣοΫΛ࣮ߦ Τϥʔ͕ͳ͚Εҹ खॱΛݮΒ͢͜ͱͰૢ࡞ͷ؆қ͞ΛΞϐʔϧɻ *5Ϧςϥγʔͷͳ͍ਓʹར༻ͯ͠Β͑ΔΑ͏ʹͳͬͨɻ ྫɿɹΤϥʔνΣοΫૢ࡞खॱͷվળ
Δ՝
ɾγεςϜͷଐਓԽ 7#"͕͔ΔਓͰͳ͍ͱνΣοΫ߲ͷՃ͕ग़དྷͳ͍ɻνΣοΫ ߲ͷՃػೳͱͯ͠ߏங͢Εྑ͔ͬͨɻ ɾσʔλΠϯϙʔτͷ աڈࣄҊݕࡧͷݩͱͳΔσʔλʹ͍ͭͯɺݱঢ়ຊγεςϜ͔Β $47ΤΫεϙʔτͯ͠ɺͦΕΛKTPOʹύʔεͯ͠ɺ&MFDUSPOͷϏϧ υ࣌ʹಡΈࠐΉඞཁ͕͋Δɻͦ͜ΞϓϦଆͷγεςϜͱͯ͠Έࠐ ΊΕྑ͔ͬͨɻ
Ҏ্