or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx
用 Electron
實踐跨平臺桌面程式
Yukai Huang @ SITCON 2017
關於我
桌面應用程式
Desktop Application
吧
跨平臺
妥協
Web Technology Rocks!
Electron
運用網頁技術的
桌面應用程式框架
展示
Outline
Electron 是什麼
大事記
"Evolution of Electron" by Cheng Zhao
組成
用三神器來寫桌面程式
那剩下 13% 呢?
Node.js modules
+
原生 API (作業系統層)
Node.js Modules
以及 npm 上的海量套件
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →原生 API
應用程式選單(menu)、系統列(tray)、桌面通知(Notification)等等
多行程架構
Main Process
&
Renderer Process
對比
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →https://github.com/ilyavorobiev/atom-docs
原生 API 只能在 Main Process 呼叫
Renderer process 透過
ipc 或是 remote
來使用原生 API
小結
用 electron 做的玩具們
炫耀時間漫畫閱讀器
兩份 index.html
然後
噗浪桌面版
處裡 OAuth 跳轉
HackMD 桌面版
傳教時間
你網頁寫多快,桌面程式就能寫多快The Good Parts
程式碼不是開源就是沒混淆
Copy & Paste 讚!
吐嘈
Hype Driven DevelopmentMake Desktop Application Great Again!
大 GUY 4 這樣
https://goo.gl/70XLmE
推坑時間
Visual Studio Code
也是用 Electron 做的,速度完勝 Atom
這邊大概都是硬派使用者吧Vim Plugin(easy motion, surround)
Refs