Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.js & Electronデスクトップアプリを作ろう

Avatar for maito1201 maito1201
January 24, 2021
Programming
2
1.8k

Vue.js & Electronデスクトップアプリを作ろう

July Tech Festa 2021 Winterで発表した内容https://speakerdeck.com/maito1201/july-tech-festa-2021winter-digestのダイジェスト版です
Avatar for maito1201

maito1201

January 24, 2021
Tweet

More Decks by maito1201

See All by maito1201
Go1.24 Release Party Goのiterを更に使いこなそう
Avatar for maito1201 maito1201
0
85
Go1.22 Release Party archiveパッケージの新機能を検証する
Avatar for maito1201 maito1201
0
65
アレクサアプリを開発してみたら中々大変だった話
Avatar for maito1201 maito1201
0
690

Other Decks in Programming

See All in Programming
PipeCDのプラグイン化で目指すところ
Avatar for Warashi warashi
1
270
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
1
9.1k
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
Avatar for bash0C7 bash0c7
1
710
Flutterで備える！Accessibility Nutrition Labels完全ガイド
Avatar for 野瀬田　裕樹 yuukiw00w
0
160
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
350
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
350
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
760
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
Avatar for Agata Naomichi agatan
1
330
Hypervel - A Coroutine Framework for Laravel Artisans
Avatar for Albert Chen albertcht
1
110
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
640
iOS 26にアップデートすると実機でのHot Reloadができない？
Avatar for Aoi Umigishi umigishiaoi
0
130
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
160

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
730
Done Done
Avatar for chrislema chrislema
184
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
52k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

Transcript

  1. デスクトップアプリを作ろう Start now!

  2. None

  3. About Me @it_guitar

  4. None

  5. What is Electron?

  6. What is Electron?

  7. What is Electron?

  8. What is Electron?

  9. What is Electron?

  10. None

  11. npm install electron Electron Quick Start

  12. https://nodejs.org/en/ Electron Quick Start

  13. Electron Quick Start

  14. m install electron Electron Quick Start

  15. https://github.com/electron/electron-quick-start Electron Quick Start

  16. m install electron Electron Quick Start

  17. Electron Quick Start

  18. Electron Quick Start

  19. Electron Quick Start

  20. Electron Quick Start

  21. Electron Quick Start

  22. Electron Quick Start

  23. Electron Quick Start

  24. Electron Quick Start

  25. Electron Quick Start

  26. Electron Quick Start

  27. Electron Quick Start

  28. require('electron') Electron Quick Start

  29. Electron Quick Start

  30. Electron Quick Start

  31. Electron Quick Start

  32. Electron Quick Start

  33. Electron Quick Start

  34. What is Electron?

  35. What is Electron?

  36. None

  37. Develop Electron

  38. https://nklayman.github.io/vue-cli-plugin-electron-builder/ Develop Electron

  39. m install electron Develop Electron

  40. Develop Electron m install electron

  41. Develop Electron m install electron

  42. Develop Electron m install electron

  43. Develop Electron

  44. Develop Electron

  45. Develop Electron

  46. Develop Electron

  47. Develop Electron

  48. https://future-architect.github.io/articles/20210107/ Build Electron

  49. None

  50. npm install electron Build Electron

  51. Build Electron

  52. Build Electron

  53. Build Electron

  54. Build Electron

  55. https://www.electron.build/configuration/configuration Build Electron

  56. None

  57. infrastructure

  58. infrastructure

  59. infrastructure

  60. infrastructure

  61. infrastructure

  62. infrastructure

  63. infrastructure

  64. infrastructure

  65. infrastructure

  66. infrastructure

  67. infrastructure

  68. infrastructure

  69. infrastructure