Ninja Authoring Tool – HTML5 網頁圖形、表單和動畫編輯器

雖然 HTML5 的功能很強大，但是，從頭學起再加上要會製作動畫及漂亮的圖型和表單的話，那可就要花費不少時間哩 ! 還好，阿舍最近看到一個不錯的東西，名字也滿有趣的，就叫做「Ninja Authoring Tool (阿舍自譯 : 忍者創作工具) 」，這個 Ninja Authoring Tool 是 Chrome 瀏覽器的擴充，不過，除要從 Chrome 線上應用程式商店來找到和安裝以外，還要下載和安裝一個 Ninja Local Cloud 的小 Server 才能使用，還好，不會很難的哩 !

Credit  Ninja Authoring Tool

Ninja Authoring Tool 的功能可以直接用來設計給使用者輸入的 HTML 表單，也可以利用內建的繪圖工具來畫畫，同時，也能配合 Timeline 的功能來製作動畫，而創作的結果可以直接轉換成標準的 SVG、WebGL、HTML5、CSS3 和 Javascript 程式碼的方式儲存，因此，只要用瀏覽器，不需要有伺服端就可以開啟用 Ninja Authoring Tool 創作的網頁哩 ! 不過，目前主要還是只有支援 Chrome 瀏覽器而已哩 ! 阿舍有把 Ninja Authoring Tool 裝到 Chrome 來試用了一下，用起來還滿順手的，也滿直覺的哩 ! 阿舍偶爾還有彷彿是在操作 Flash 編輯器的錯覺哩 ! 呵 ...

Ninja Authoring Tool 為什麼可以這麼好用呢 ? 主要的原因之一，就是 Ninja Authoring Tool 利用了 Montage 這個 HTML5 Framework，Montage 提供讓網頁或手機程式的開發者可以透過 JavaScript 來產生豐富的 HTML5 效果，所以說，Ninja Authoring Tool 應該可以算是 Montage 的操作介面吧 ! 除此之外，Montage 也有提供 Data binding 和事件管理的功能，如果你是對採用 node.js 來進行後端開發的人的話，Montage 就很適合用來做前端的開發哩 !

阿舍個人是覺得，有了 Ninja Authoring Tool 這套軟體後，如果你不想一個個的瞭解 HTML5 的 Tag 怎麼用，Canvas API 怎麼寫，WebGL 是什麼的話，好好的學會用這套 Ninja Authoring Tool 的話，也是可以做出支援 HTML5 的網頁和應用程式哩 ! 另外，Ninja Authoring Tool 內建就有一個程式碼的編輯器，所以，也可以把 Ninja Authoring Tool 當作 IDE 來用哩 ! 還有，Ninja Authoring Tool 和 Montage 都是採用 BSD 授權的開放原始碼軟體，有興趣也可以把它下載來改一改哩 ! 呵 ! ...

參考資料:
Ninja power: open-source HTML5 toolset aims to enable richer Web apps

推薦閱讀

• 問題沒解決嗎? 更多的 Ubuntu 教學在 這裡
• Prompt Injection: 提示詞注入安全漏洞
• 二款 Mac 無痛安裝的 Stable Diffusion 軟體
• 用 AI 寫部落格文章好不好 ?
• 沒有免費的 Midjourney 和 Colab 又不想花錢怎麼辦 ?
• 不學 Prompt 技巧也能善用 ChatGPT 的簡單方法
• 企業 AI 應用：不只是聊天機器人
• Automatic 比 Automatic1111 更好用 ? 都是 Stable Diffusion WebUI
• Stable Diffusion 的 /describe 圖生文功能
• AI 畫出讓人可怖的美圖 ！

有疑問？ 問題還是沒解決嗎? 歡迎下方留言提問和討論 😁