Node.js 進攻桌面開發

23,124 views
22,474 views

Published on

You can enjoy desktop development with Node.js and HTML5/CSS/WebGL right now. Here we also to announce that Stem project which is a JavaScript operating system, it makes developers be able to make things on embedded system with JavaScript only. There is no need to understand that difficult knowledge about embedded system when you work on Stem OS.

Published in: Technology
2 Comments
100 Likes
Statistics
Notes
No Downloads
Views
Total views
23,124
On SlideShare
0
From Embeds
0
Number of Embeds
5,798
Actions
Shares
0
Downloads
251
Comments
2
Likes
100
Embeds 0
No embeds

No notes for slide

Node.js 進攻桌面開發

  1. 1. Node.js 進攻桌面開發用 HTML5 開發跨平台的單機版應用程式!
  2. 2. Fred Chien 錢逢祥
  3. 3. Fred Chien 錢逢祥
  4. 4. fred-zone.blogspot.com
  5. 5. cfsghost At gmail.com
  6. 6. Mandice
  7. 7. 有多少人知道How many people know
  8. 8. JavaScript 辛酸血淚史 JavaScript 開發年資大調查
  9. 9. 沿街叫罵喊打奇怪的運作原理
  10. 10. 醜不拉嘰語法設計差
  11. 11. 動作緩慢效能不彰
  12. 12. 開發者都不開發者了會 Copy & Paste 就可以自稱會寫 還記得首頁製作百寶箱這個可怕的箱子嗎?
  13. 13. 殊不知Nobody knows
  14. 14. 鐘樓怪人也有可人的一面 Lovely
  15. 15. 史瑞克 仍可把到正妹
  16. 16. Node.jsV8 + APIs
  17. 17. 百年修得同船渡
  18. 18. 你這樣就滿足了嗎? Enough !?
  19. 19. 當泡麵師父都可以來賣電腦 泡麵科技產業
  20. 20. 我們怎麼可以止步不前?
  21. 21. 最少也應該吃泡麵洩恨
  22. 22. 然後努力搞點新花樣
  23. 23. JavaScript已經征服三大洲
  24. 24. 前端、後端、雲端
  25. 25. Whats Next?
  26. 26. JavaScript 桌面應用程式
  27. 27. Think About It
  28. 28. 性感的存在 瀏覽器
  29. 29. HTML5 CSSWebGL
  30. 30. HTML5 CSSWebGL
  31. 31. HTML5 CSSWebGL
  32. 32. My Application HTML5 CSS WebGL
  33. 33. 喔。不過就是沒邊框。window.open(page.html, *=no);
  34. 34. 把瀏覽器扒光而已嘛 誰都會
  35. 35. 看到全裸的美女無動於衷?
  36. 36. My Application HTML5 CSS WebGL
  37. 37. My Application Node.js Inside
  38. 38. node-webkitnode-webkit at github
  39. 39. 這意味著我不想要.....
  40. 40. HTTP Server Node.js
  41. 41. HTTP Server Node.jsGET/POST/... RESTful APIs Ajax ....etc
  42. 42. HTTP Server Node.jsGET/POST/... RESTful APIs Ajax ....etc
  43. 43. 我希望這樣寫一支程式 killsecret.html<html><head><title>Hey</title><script> var fs = require(fs); fs.unlinkSync(/home/fred/聊天記錄);</script></head></html>
  44. 44. node-webkit +killsecret.html
  45. 45. 立即殺光我的小秘密 沒有用到 HTTP 方法
  46. 46. node-webkit瀏覽器本身內建 Node.js
  47. 47. 追隨著 Chromium 的腳步 絕對比 IE 支援更多 Web 標準
  48. 48. 追隨著 Chromium 的腳步 HTML5/CSS3/WebGL... etc
  49. 49. 追隨著 Chromium 的腳步 還可以跨平台 Windows/Linux/Mac
  50. 50. 用 Node.js 熬七七四十九天 數以萬計的第三方模組
  51. 51. 用 Node.js 熬七七四十九天 經過後端考驗的穩定度
  52. 52. 其他更多功能將 JS 程式 Compile 成 Binary 檔
  53. 53. 其他更多功能將 JS 程式打包進執行檔內
  54. 54. 如何打造桌面應用程式 Usage
  55. 55. Your Application index.html js/ img/ css/
  56. 56. Your Application package.json index.html js/ img/ css/
  57. 57. package.json{ "name": "hello world", "main": "index.html"}
  58. 58. 執行Run
  59. 59. nw [App Path] ./nw /home/fred/myapp
  60. 60. 你也可以打包成 ZIP 檔 myapp.nw
  61. 61. 執行包成 ZIP 檔的程式
  62. 62. nw [zip file]./nw /home/fred/myapp.nw
  63. 63. 做成獨立執行檔myapp.exe (standalone)
  64. 64. copy /b nw.exe+app.nw myapp. exe Windows
  65. 65. $ cat /usr/bin/nw app.nw >myapp$ chmod +x myapp Linux
  66. 66. node-webkit
  67. 67. node-webkitmyapp.nw
  68. 68. node-webkitmyapp.nw
  69. 69. Live Demo
  70. 70. 更多實例
  71. 71. Markdown Editor
  72. 72. Tool for Web Developer
  73. 73. Reddit Client
  74. 74. 附帶一提
  75. 75. Node.js可以開發桌面應用
  76. 76. 舊電腦Raspberry Pi ARM Board ...
  77. 77. 跑 Node.js 應用?甚至使用 node-webit 跑 GUI 程式?
  78. 78. 純 JavaScript開發嵌入式系統?
  79. 79. 不是每個人都搞 Porting 買了很多 ARM 板丟一邊的舉手?
  80. 80. Stem
  81. 81. Stem讓你無痛跑 Node.js 應用的嵌入式 OS
  82. 82. StemSupport x86 and ARM
  83. 83. Stem千萬別用中文單唸這個名字,感謝。
  84. 84. Stem當然也別用 Google Translate
  85. 85. Downloadstem.mandice.org
  86. 86. 硬體這麼便宜懂 Node.js + Web 就可以 DIY 嵌入式應用
  87. 87. HW + Stem OS + Your App懂 Node.js + Web 就可以 DIY 嵌入式應用
  88. 88. Enjoy It
  89. 89. Question ?
  90. 90. Thanks !

×