iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

ElectronJS 系列

希望藉由此次鐵人賽 , 利用介紹小程式的方式 , 整理這半年 , 所使用到的 Electron 知識 & 開發歷程

鐵人鍊成 | 共 34 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文
DAY 1

[ Day 1 ] - Electron 簡介

Electron 簡介 前端工程師可以藉由 Electron 開發桌面程式 我們常用的 vscode . slack 桌機板 . messenger 桌機板...

2020-09-01 ‧ 由 Tree 分享
DAY 2

[ Day 2 ] - 桌面小圖示(一) - 第一支 electron 應用程式

今天我們開始製作第一支 electron 應用程式 預計會長這樣 環境準備 win 10 node.js 小貓圖片 圖片來源 - ilikesti...

2020-09-02 ‧ 由 Tree 分享
DAY 3

[ Day 3 ] - 桌面小圖示(二) - Electron 架構說明

[ Day 3 ] - 桌面小圖示(二) - Electron 架構說明 昨天我們快速製作了一個 "玩耍的小貓" , 可是細節與觀念的部分沒...

2020-09-03 ‧ 由 Tree 分享
DAY 4

[ Day 4 ] - 桌面小圖示(三) - 鍵盤快速鍵與更多的貓咪

如果昨天沒有做出來 , 可以從 第 3 天成品 下載成品 然後用 npm start 看到無限的神奇狗 只有一隻貓咪 , 或是一隻狗狗 , 好像療癒系數不太...

2020-09-04 ‧ 由 Tree 分享
DAY 5

[ Day 5 ] - 桌面小圖示(四) - 系統通知區與縮小的貓咪

如果昨天沒有做出來 , 可以下載 第 4 天成品 然後用 npm start 看到許多的貓咪 小貓很可愛 , 但是我們要認真工作時 , 他太可愛了 ,...

2020-09-05 ‧ 由 Tree 分享
DAY 6

[ Day 6 ] - 桌面小圖示(五) - 用 electron-builder 打包應用程式給其他人

如果昨天沒有做出來 , 可以從 第 5 天成品 然後用 npm start 看到許多的貓咪 當我們製作完成可愛的小貓應用程式 , 我們當然希望分享給其他人這...

2020-09-06 ‧ 由 Tree 分享
DAY 7

[ Day 7 ] - electron 學習資源列表

下載 第 6 天成品 使用 npm build 打包出安裝檔或免安裝程式 , 將安裝檔分享出去讓更多人看到這可愛的小貓 我們的桌面小應用程式於昨日告一段落...

2020-09-07 ‧ 由 Tree 分享
DAY 8

[ Day 8 ] - 動物聊天室(一) - vue 與 electron

[ Day 8 ] - 動物聊天室(一) - vue 與 electron 在第三天的時候 , 本魯提過官網上的介紹 Electron 架構在 Chromiu...

2020-09-08 ‧ 由 Tree 分享
DAY 9

[ Day 9 ] - 動物聊天室(二) - IPC 與訊息交換

[ Day 9 ] - 動物聊天室(二) - IPC 與訊息交換 第三天時 , 本魯提過 IPC 這個名詞 , 並說這是 Main Process 與 Bro...

2020-09-09 ‧ 由 Tree 分享
DAY 10

[ Day 10 ] - 動物聊天室(三) - firestore 介紹

[ Day 10 ] - 動物聊天室(三) - firestore 介紹 原本以為 firebase-admin 套件可以在 electron+vue 上面簡單...

2020-09-10 ‧ 由 Tree 分享