🆕 https://mnya.tw/cc/word/1343.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經完成安裝 Node.js，也同時完成安裝 npm 與 Yarn 這兩個套件管理程式啦！那接下來就是開始準備我們的專案...
#Node_js #Yarn #專案初始化 #專案 #gulp_js #gulp #任務管理工具 #安裝與使用 #學業筆記 #前端技術 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #npm #JavaScript #JS #套件管理程式 #專案管理工具

🆕 https://mnya.tw/cc/word/1345.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇已經成功將 Gulp 任務管理工具安裝完成，也能運作了！接著我們要運用 Yarn 這款套件管理程式來安裝 Gulp 的套件「gulp-connect」...
#Node_js #Yarn #專案 #gulp_js #Gulp #任務管理工具 #Gulp大展身手 #學業筆記 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #JavaScript #JS #套件管理程式 #專案管理工具 #gulp_connect #前端開發伺服器 #gulpfile_js

🆕 https://mnya.tw/cc/word/1347.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具，現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin

🆕 https://mnya.tw/cc/word/1349.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
「Autoprefixer」這款套件（CSS 後處理器）運用最新「Can I Use.」的資訊幫助開發者可以自動化添加或移除這些供應商前綴，超級方便...
#Node_js #Gulp #運行 #Autoprefixer #批次處理 #CSS供應商前綴問題 #CSS供應商前綴 #CSS #供應商前綴 #Yarn #Can_I_Use #gulp_postcss #gulp_sourcemaps #網站技術 #JavaScript #JS

🆕 https://mnya.tw/cc/word/1351.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情，這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS

🆕 https://mnya.tw/cc/word/1353.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
最近正在運用《Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》這篇文章的技術幫整個萌芽系列網站進行圖片壓縮，不過有注意...
#Node_js #處理多層目錄檔案 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #多媒體 #靜圖處理 #JavaScript #JS #Gulp #Array #forEach

🆕 https://mnya.tw/cc/word/1355.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」，再來講 Gulp 提供的監看功能，只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理

🆕 https://mnya.tw/cc/word/1358.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦！這篇文章我們要更完整的敘述封裝檔案這件事情，不過由於 CSS 已經說過了，這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename

🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝

🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript） 的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝

🆕 https://mnya.tw/cc/word/1472.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章，過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔，但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理

🆕 https://mnya.tw/cc/word/1705.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js】
Node-RED 建構在 Node.js 之上，也就是說需要先行安裝好該環境，這款工具才能運作。早期由 IBM 所開發，後來在 2016 年交給 OpenJS 基金會維護及運作網站等...
#Node_RED #流程圖視覺化串接資料 #流程圖 #視覺化 #串接資料 #IoT開發工具 #物聯網開發工具 #IoT #物聯網 #開發工具 #網站技術 #Node_js

🆕 https://mnya.tw/cc/word/1706.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js】
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝，還沒有實際去用一些節點來傳輸資料與顯示資料等，因此這次想藉著簡單的亂數輸出來顯示到儀表板，做個簡易的小練習...
#Node_RED #製造亂數顯示到儀表板的小練習 #製造亂數 #亂數 #儀表板 #小練習 #網站技術 #Node_js

🆕 https://mnya.tw/cc/word/1730.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🔒資訊安全 , ⚙️Node.js , 🟥Node-RED】
Node-RED 預設是無帳號與密碼的，因此若建立在公開的伺服器上就是不安全的，任何人都可以透過 IP 或網域連上平台，且直接修改及部屬編輯器上的節點...
#Node_RED #啟用使用者身分驗證 #啟用 #使用者身分驗證 #使用者 #身分驗證 #建立帳號密碼 #保護資訊安全 #網站技術 #資訊安全 #Node_js

🆕 https://mnya.tw/cc/word/1731.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 📑SQL , 🟥Node-RED】
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情，只要拖拉節點，寫一點點的 Code，就能做到挺複雜的事情，而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料...
#Node_RED #讀取 #查詢 #MySQL資料庫 #MySQL #資料庫 #資料表 #網站技術 #Node_js

🆕 https://mnya.tw/cc/word/1736.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 📦Git】
Node-RED 預設是用單一個 flows.json 管理所有流程及節點，而開啟專案（項目／Projects）功能後，您可以指定某些流程及節點所隸屬的專案，每個專案都會有各自的...
#Node_RED #開啟專案功能 #開啟項目功能 #專案功能 #項目功能 #建立首個新專案 #建立新專案 #專案 #項目 #網站技術 #Node_js #Git版本控制 #Git #版本控制

🆕 https://mnya.tw/cc/word/1738.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 🟥Node-RED】
Node-RED 可以當作是收集、處理、輸出資料的中心，因此更要加以研究如何運用它抓資料、運算資料跟導出資料！這次我打算將 Node-RED 生成的亂數值塞入 MSSQL 資料庫中的資料表...
#Node_RED #將資料寫入至MSSQL資料庫中的資料表 #MSSQL #Microsoft_SQL_Server #SQL_Server #SQL #資料庫 #資料表 #網站技術 #Node_js

🆕 https://mnya.tw/cc/word/1739.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
使用 Docker 安裝及運行 Node-RED 可以讓它成為作業系統上的一個應用服務，您可以在關閉終端畫面的情況下仍繼續運作著它，透過 Docker 的特性，您可以做版本管理...
#使用Docker安裝及運行Node_RED教學 #安裝 #運行 #教學 #網站技術 #Node_js #Node_RED #Docker

🆕 https://mnya.tw/cc/word/1740.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
假設說您有一個 Node-RED 跑在 Docker 的容器中，但它的版本太舊想更新怎麼辦？首先請確保您當初有將 Node-RED 的資料卷掛載好...
#使用Docker更新Node_RED教學 #更新 #教學 #容器 #網站技術 #Node_js #Node_RED #Docker

🆕 https://mnya.tw/cc/word/1752.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️Node.js , 🟥Node-RED】
雖然說 Node-RED 的 Dashboard 內建介面所提供的 tab 切換功能很方便，左上角點開「≡」就可以選擇要切換的 tab，但若可以...
#Dashboard #button #ui_control #切換tab #切換 #tab #網站技術 #Node_js #Node_RED