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
11k
問題解決のエピソード(消防本部におけるElectron.vueでの業務改善)/ improvement at the fire department
消防本部において行った報告書作成業務の効率化についての取り組み。
ryo
November 19, 2018
Tweet
Share
More Decks by ryo
See All by ryo
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
4
1.5k
SaaS公式MCPサーバーをリリースして得た学び
kawamataryo
7
2k
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
560
ts-morphのパフォーマンス改善Tips
kawamataryo
0
55
webpack to Rspack
kawamataryo
0
63
GitHub Actions と Datadog でコードベースの定点観測
kawamataryo
7
2k
個人開発駆動学習 / personal development driven learning
kawamataryo
1
240
GitHub Trending Bot, Sky Follower Bridge の紹介
kawamataryo
0
440
[Minecraft × ChatGPT] マイクラで作りたいものを伝えると魔法のように作ってくれるコマンドを作る
kawamataryo
0
2.4k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
330
21k
Designing for Performance
lara
610
69k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building Applications with DynamoDB
mza
96
6.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
186
54k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Docker and Python
trallard
45
3.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Pragmatic Product Professional
lauravandoore
36
6.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
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ͷϏϧ υ࣌ʹಡΈࠐΉඞཁ͕͋Δɻͦ͜ΞϓϦଆͷγεςϜͱͯ͠Έࠐ ΊΕྑ͔ͬͨɻ
Ҏ্