104學習

JavaScriptMVC

這項技能代表具備運用特定前端框架來開發結構化、模組化網頁應用的能力。它強調分離資料、視圖與控制邏輯,提升程式碼的可維護性與擴充性。在團隊合作中,有助於統一開發流程與標準,加速專案開發效率。熟悉此技能的工程師通常能更有效率地管理大型單頁應用,提高使用者體驗,並減少後續維護成本。對於追求前端開發職涯發展者而言,具備此技能能增加競爭力。

提升你的實力,朝專業更進一步

精選課程

充實自己,讓能力持續成長

打造高投入團隊:遊戲化工作設計與激勵機制實作班【9/17】
打造高投入團隊:遊戲化工作設計與激勵機制實作班【9/17】
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
基層幹部管理實務:提升現場指導力、強化團隊凝聚力【10/14】
基層幹部管理實務:提升現場指導力、強化團隊凝聚力【10/14】
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI為你的企業賦能ChatGPT改變傳統工作流程
AI為你的企業賦能ChatGPT改變傳統工作流程
AI高效領導術:主管必備60大應用場景全攻略
AI高效領導術:主管必備60大應用場景全攻略
AI助理GitHub Copilot | 提升前端開發效率
AI助理GitHub Copilot | 提升前端開發效率
掌握Claude Code從零打造企業級全端開發應用實戰班
掌握Claude Code從零打造企業級全端開發應用實戰班

精選證照

考取專業證照,讓能力被市場看見

物件導向視窗及資料庫程式設計 (Java/C#/VisualBasic) |
「物件導向視窗及資料庫程式設計」證照核心旨在驗證開發者融合物件導向理論、視窗圖形使用者介面與資料庫應用的綜合實務能力。不論使用 Java、C# 或 Visual Basic 語法,持證者皆具備利用類別與物件建構視窗應用程式的技術,並能熟練處理事件驅動程式設計。此外,持證者亦精通資料庫連線、SQL 指令操作及資料存取邏輯,具備將前台介面與後端資料庫無縫整合的關鍵職能,是企業評估現代視窗軟體開發與資料庫應用人才的專業客觀指標。
尚未查核發照單位
丙級電腦輔助立體製圖 |
由於產業升級及製圖方法與設備的改進,為配合電腦繪圖軟體以立體方式從事輔助設計製圖工作及提升專業人員技能水準與研發工作之效率,特定本檢定規範。 丙級電腦輔助立體製圖技術士之工作內涵,是指擔任單件立體圖繪製及圖面管理等工作,包括應用磁碟作業系統、安裝軟體與使用電腦週邊設備、設定繪圖環境、控制圖形顯示幕、輸出圖形與管理圖面等基本工作及繪製單件立體圖、單件立體剖視圖等項。
勞動部勞動力發展署技能檢定中心
敏捷專案管理師PMI-ACP |
PMI-ACP® 是由國際專案管理學會(PMI®)推出的國際級敏捷專業證照,考試依據 PMI 最新全球實務分析(GPA)與任務分析(JTA)設計,並全面採用 PMI 官方授權教材與標準化教案,由 PMI 授權培訓夥伴(ATP)依一致規格授課,確保學員具備全球一致且高品質的專業素養與實務能力,真正接軌國際敏捷職場,建立跨框架整合思維與高品質交付能力的國際專業標準。 PMI-ACP® 融合 Scrum、Kanban、XP、Lean 等多元敏捷方法,強調跨產業應用能力與情境判斷能力,涵蓋敏捷轉型引導、產品價值創造、團隊協作效能與持續改進等核心能力。強化產品開發與交付角色的整合思維,使證照更貼近快速變動的市場需求,成為企業推動敏捷轉型與提升交付品質的關鍵戰力。 適合對象包括產品負責人(PO)、Scrum Master、專案經理、敏捷實踐者,以及已取得其他敏捷認證、希望建立更完整敏捷能力架構的專業人士。
PMI 國際專案管理學會
專案管理軟體應用Project 2007 |
Project 2007證照驗證持有人具備使用微軟Project 2007專案管理軟體進行計畫排程、資源分配及進度追蹤的能力,能有效協助專案團隊掌握專案進展並提升管理效率,適合專案經理及相關專業人員提升專案執行與管理技能。
財團法人中華民國電腦技能基金會
Master CIW Enterprise Developer |
CIW(Certified Internet Webmaster) 認證是目前唯一針對互聯網專業人員的國際權威認證。CIW培訓著重於技術水平的提高和商業實踐的具體運用,使企業在網絡商業環境中提高市場競爭能力。 Master CIW Enterprise Developer 為精通建置多層式資料庫 (n-tier database) 與網路應用程式的Java, Java APIs, Java Database Connecitivity (JDBC) 解決方案、中介開發軟體工具 (middle tools)、分散式物件模組 (distributed object models),如CORBA/ORB 和 IIOP的舊有專屬系統之連接 (legacy connectivity) 等解決方案的專業能力認證。CIW是一種基於互聯網專業技能的培訓認證,適合設計、開發、管理、安全防護、技術支持互聯網及企業網相關業務的人士。
Prosoft Learning Corp.
SSE Adobe Dreamweaver CC |
Adobe Dreamweaver的視覺化介面設計,讓程式設計師和視覺設計師可以在自己熟悉的環境中更直覺、更有效的作業;利用Dreamweaver的內建功能來製作動畫效果、加入影音多媒體…等,讓網頁製作輕鬆又方便,擁有一張Adobe Dreamweaver CC認證,不單是您在求職或職場生涯中報酬率最高的投資,更是您在網路世界致勝的關鍵。
Silicon Stone Education (SSE)

精選貼文,掌握第一手知識

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 JavaScript)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/JavaScript: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 全端工程師 必備工具: 🔵 HTML/CSS/JavaScript + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 1234
韓培倫・peiRoom

前端/後端/全端工程師的必備工具與證照有哪些?相關懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面,包括基礎的網頁開發知識( HTML、CSS 和 Java Script)、前端框架( React.js、Vue.js 和 Angular..等)、以及與團隊合作的工具等。以下是前端工程師的必備技能清單: 前端工程師 必備工具: ⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能,用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架,幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具,幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具,優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具,與設計師溝通並將設計轉換成實際前端代碼。 推薦證照: ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發,Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發,涵蓋網頁開發的核心技能。 相關課程推薦: Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 成為前端工程師|Java Script 入門:帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5 第一次就上手,前端工程新手指南 https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c 後端工程師 必備工具: ⚡ SQL(PostgreSQL、MySQL)及 NoSQL(MongoDB): 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具,用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程,確保代碼更快更安全地進入生產環境。 推薦證照: ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台,這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 推薦課程: 成為後端工程師 | 踏上程式起點,逐步掌握 Java 語言特性與物件導向程式設計 https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47 全端工程師 必備工具: 🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架,確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架,用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具,用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用,確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計,讓前後端溝通順暢。 推薦證照: 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證,涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud,這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發,選擇合適的工具、掌握相關技能並考取相關證書,都是提升專業能力和職業發展的關鍵。保持學習的動力,不斷提升自我,是在快速變化的技術領域中保持競爭力的必備條件。
104學習・職涯學習課程專文推薦

從畫筆到數位創作──內思高工多媒體設計科的專業養成與創意實踐

在數位內容快速發展的時代,多媒體設計已成為結合創意與技術的重要領域。位於新竹的內思高工多媒體設計科,透過「手繪為本、數位為用」的課程架構,帶領學生從基礎美感培養出發,逐步延伸至動畫、影像與互動設計,建立跨媒介的整合能力。多媒體設計科庭裕主任指出,設計教育的核心不只是讓學生學會工具操作,而是培養「能夠思考與表達的能力」。「AI可以生成圖像,但它不是創意的源頭,真正的設計還是來自人的想法與判斷。」主任強調,學生必須先具備基本的觀察與創作能力,再透過數位工具與AI輔助延伸,而非完全依賴技術取代思考。 從手繪出發:「每日一畫」建立設計的基礎能力 內思高工多媒體設計科的課程設計,以明確的分年學習架構展開。高一階段以手繪與設計基礎為主,透過繪畫、圖學與基礎設計課程,建立學生的美感與表現能力。其中,「每日一畫」是最具代表性的訓練之一,學生需每天完成繪畫練習,扎實培養將想法轉化為圖像的能力。 圖:學生練習「每日一畫」作品 主任認為,設計的第一步不是直接操作電腦,而是「能不能把腦袋裡的東西畫出來」。「手的感覺是最直接的,想法要先透過手呈現,才有可能進一步轉化成數位作品。」這樣的學習過程,對許多學生而言並不輕鬆。並且,設計並非是單純的藝術表達,而是一種溝通與傳遞的方式。多媒體設計科的彭同學提到,自己原本只是單純喜歡畫畫,但進入科系後才發現,設計並不只是畫自己喜歡的內容,而是需要考慮「他人是否能接受」,甚至必須符合特定需求。「以前是畫自己喜歡的東西,但現在會去想,這個設計是不是別人也會覺得好。」這樣的轉變,也反映出設計工作與他人之間緊密的關聯性。 數位技能導入:從創作到媒介整合 進入高二後,課程逐步導入數位工具與媒體應用,包括電腦繪圖、3D動畫、影像製作與虛擬實境等內容。學生開始學習如何將手繪基礎轉化為數位作品,並使用AI製作及修正產生更廣泛的媒介形式。 其中,「互動動畫設計實作」課程特別具代表性。學生需以自身興趣為出發點,規劃主題、撰寫腳本、進行拍攝與剪輯,完成一支完整的影音作品。這樣的課程不僅訓練技術操作,更整合了企劃、表達與敘事能力。多媒體設計科的潘同學分享,自己原本期待能夠專注於拍攝影片,但實際學習後發現,需要先建立繪畫與設計基礎,才能讓影像創作更完整。「原本以為就是一直拍影片,但後來發現學到更多,包含畫畫、設計和不同媒材的應用。」這樣的學習歷程,讓學生逐漸理解,多媒體並非單一技能,而是一種跨領域整合能力。 此外,課程中也導入攝影與構圖訓練,讓學生理解影像的基本語言。主任指出,無論是動畫、設計或影像創作,視覺構成能力都是核心,「構圖、光影、畫面感,這些都是共通的基礎」。 圖:學生數位作品紀錄 從創意到實踐:設計思考的深化 在能力逐步累積後,課程進一步強調設計思考與創意發想。學生透過參加校內「創意構思競賽」,練習具體設計概念,並接受業界與教師的評估,從參賽經驗中學習如何讓創意回應真實需求。 主任指出,學生常出現的問題,是過度沉浸於個人想像,卻忽略設計的目的。「設計不是只為自己,而是要解決問題。」因此,課程會引導學生進行資料蒐集、使用者分析與實際驗證,讓創意能落地成為可行的設計。這樣的訓練,也培養學生面對修改與挑戰的能力,也建立了面對挫折的心理韌性。彭同學回憶,在進行大型水墨作品時,曾因不確定如何下筆而感到焦慮,但最終透過自我練習與同儕討論,完成作品。「完成的時候會覺得很有成就感。」她說。主任則強調,設計能力的建立需要時間累積,「先模仿,再轉化,最後形成自己的風格」,這是一個必經的歷程。 圖:彭同學水墨畫成果 高三階段,學生需整合三年所學,完成專題製作並對外展出。這不僅是學習成果的呈現,也讓學生有機會接受外界回饋。在專題製作中,學生可依興趣選擇方向,包括動畫、影像、平面設計或產品設計等。潘同學分享,自己在畢業專題中負責微電影製作,從劇本撰寫到拍攝與剪輯皆親自參與,他回憶「影片完成的時候會覺得很滿意。」 從學習到未來:多元發展的可能性 在升學發展方面,多媒體設計科學生多以升學為主,延伸至視覺傳達、商品設計、室內設計、建築與多媒體相關科系。主任指出,設計群本身具有高度延展性,「只要有美感基礎,可以發展的領域很多」。 學生的選擇也呈現多元樣貌。彭同學希望未來朝產品設計發展,而潘同學則考慮以建築作為主要專業,同時持續發展影像創作。這樣的路徑,也反映出多媒體設計科所培養的,不只是單一技能,而是一種可延伸的能力基礎。 在創作與實作之間,培養可持續發展的能力 內思高工多媒體設計科,以手繪為起點,逐步導入數位與AI的媒體應用,建立從創意發想到實作完成的完整學習歷程。在這樣的訓練中,學生不僅學會設計技術,更在反覆修正與實踐中,培養出表達能力、問題解決能力與創意思維。 對國中生與家長而言,多媒體設計科所提供的,不只是進入設計領域的入門訓練,而是一條將「想法」落地為技能的學習路徑。在這樣的過程中,學生能為未來的升學與職涯發展奠定穩固基礎。 開箱多媒體設計科學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

前端工程師2025年必學技能清單:10大工具與技術指南,職場增能懶人包整理

前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等),包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具,幫助您在職涯中站穩腳步,開發出高效且吸引人的網站與應用。 1. HTML、CSS 和 JavaScript HTML: 用於結構化網頁內容,是前端開發的基礎語言。 CSS: 負責設計和佈局,使網站具有視覺吸引力。 Java Script: 增加互動性,處理用戶事件和動態內容。 ⚡推薦課程⚡ 成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集) https://nabi.104.com.tw/course/tibame/f5b246b2-ec79-4f0d-8ef5-2fdf8d6f5bcb 成為前端工程師|Java Script 入門:帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/830671fb-2c58-48fa-9a5a-6c1f1798598a 【更多課程學習】https://user266414.pse.is/6ps94k 2. 前端框架和庫 React.js: 一個用於構建用戶界面的 JavaScript 庫,能夠快速開發單頁應用(SPA)。 Vue.js: 一個漸進式框架,適合於小型到大型應用的開發。 Angular: 一個全面的前端框架,適合大型企業級應用。 Svelte: 新興的前端框架,以其高效的性能和簡化的開發體驗而受歡迎。 ⚡推薦課程⚡ Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 3. 版本控制工具 Git: 版本控制系統,用於跟蹤代碼變更,方便團隊協作。 GitHub 或 GitLab: 托管代碼庫,協作開發和版本管理的主要平台 ⚡推薦課程⚡ Git 速成攻略:2.5 小時變身版本控制達人 https://nabi.104.com.tw/course/tibame/20a2bbd6-ee21-4d92-8899-18e59ea3b97f AI助理GitHub Copilot | 提升前端開發效率 https://nabi.104.com.tw/course/tibame/c4795096-ae10-43a5-b5e3-2a6548c30e8c GitHub Copilot AI賦能開發實戰訓練班 https://nabi.104.com.tw/course/tibame/2617c99d-b815-442d-89b4-aa35a360273a 4. 預處理與構建工具 Sass 或 Less: CSS 預處理器,能夠提高樣式表的可維護性和可重用性。 Webpack、Parcel 或 Vite: 模塊打包工具,用於優化資源加載、處理 JavaScript 模塊化等。 【更多課程學習】https://user266414.pse.is/6psa64 5. 響應式設計與跨平台兼容 響應式網頁設計: 掌握使用 CSS 媒體查詢(Media Queries)以適應不同屏幕尺寸的布局技巧。 跨瀏覽器兼容性: 確保網站在不同的瀏覽器(如 Chrome、Firefox、Safari、Edge)上的一致性。 ⚡推薦課程⚡ RWD響應式網頁設計入門 https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8 工程師救星-用Bootstrap速成響應式網頁開發 https://nabi.104.com.tw/course/tibame/9e4a630f-6e3b-4261-adf6-a6ac1edf1ea8 6. 調試與測試 Chrome DevTools: 瀏覽器內建的開發者工具,用於調試 JavaScript、分析網頁性能。 前端測試框架: 如 Jest、Mocha、Cypress,用於自動化測試和單元測試。 7. API 與 AJAX 技術 Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信,拉取數據或發送數據。 RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。 8. 設計工具和基礎設計原則 Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。 UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則,確保設計既美觀又實用。 ⚡推薦課程⚡ UI/UX 新時代指南:產品設計 x 商業思維 x AI 工具 https://nabi.104.com.tw/course/ppa/d9785ca3-7de2-4567-aae5-2c771a5471e8 UI/UX新手實務班|UI介面設計,洞悉使用者體驗 https://nabi.104.com.tw/course/tibame/1550e806-07b1-49a2-a8e8-42668911d4ca 9. 性能優化 代碼分割與懶加載: 減少初次加載時間,提升網站性能。 圖片優化與資源壓縮: 優化圖片格式與大小,減少網頁加載時間。 10. SEO(搜索引擎優化) 理解基本的 SEO 概念,確保網站在搜索引擎中具有良好的可見度,包括結構化數據的應用和適當的標題標籤。 ⚡推薦課程⚡ SEO搜尋引擎優化七大密技|攻上頂端排名寶座 https://nabi.104.com.tw/course/tibame/b0d286b0-9106-406c-beff-c53918ab2270 具備以上這些技能,能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
104學習・職涯學習課程專文推薦

Vibe Coding時代催生新職缺!「程式清潔」在做什麼?

AI寫程式的「Vibe Coding」掀起熱潮,開發者得以快速生成程式碼,但也意外催生出新興職缺「程式清潔師」。一份調查顯示,95%的工程師仍需手動修復錯誤、額外調整AI生成的程式碼,確保專案安全與穩定。究竟Vibe Coding是革命還是混亂?而「程式清潔」這份新工作,又在做什麼? 文/田孟心編譯 由天下雜誌授權轉載 人們期待,未來大量寫程式工作可能都交由AI氛圍編碼(Vibe Coding)完成,但事實上,高達95%的工程師發現他們還是要手動修復程式碼。負責把混亂程式碼清理好的新角色,正在LinkedIn等求職平台大受歡迎。 氛圍編碼(Vibe Coding)正大行其道。 這個從今年初開始盛行的「自動化寫程式」概念,由電腦科學家卡帕西(Andrej Karpathy)提出。卡帕西表示,有了AI工具後,寫程式將「完全跟隨當下情境氛圍,擁抱指數級成長,甚至忘記程式碼的存在」。 市場研究和IT顧問公司Gartner預測,未來三年內,40%的企業新軟體將由AI機器人創建。 然而,內容平台fastly最近的一份調查顯示,95%的工程師表示,他們還是要花額外的時間來調整AI生成的程式碼。 工程師們發現,AI生成的程式碼存在許多問題,從產生幻覺,到刪除重要的資訊,甚至可能造成專案的安全風險。若不花時間修復,最終的成品可能會漏洞百出。 「使用氛圍編碼,就像請一名聰明的六歲孩子把咖啡壺帶到餐桌,為家人倒杯咖啡,」資深工程師羅芙(Carla Rover)說明,它們有可能做得到,但也極有可能失敗,「而且失敗了,他們很可能不告訴你。」 另一位資深工程師梅勒扎丹(Feridoon Malekzadeh)也將氛圍編碼形容成孩子,不過是「青少年」,「你得請它做15次才能做成一件事,」「最終,他們可能會做出來,外加一些你沒要求的事,並可能把很多東西弄壞。」 梅勒扎丹計算過,她大約花費50%的時間編寫需求,10%的時間進行氛圍編碼,再用40%的時間進行修復。 程式清潔工,愈來愈受歡迎 這一切使AI生成的程式碼,已經成為一個難題,也因此催生了一種新的工程師崗位,稱為「氛圍程式碼清理專家」(Vibe Coding Cleanup Specialist)。 在求職平台LinkedIn上,已經有愈來愈多相關關鍵字的職缺——代表清理、修復程式碼,正在成為一項獨立的工作。 通常,這類職缺更歡迎資深工程師,因為他們才有相應的能力從一團乍看可行的程式碼中找到問題。 資深解決方案架構師哈克(AS Md. Ferdousul Haque)統整,常見的錯誤有:語法錯誤、邏輯錯誤、幻覺資料庫或API(引用不存在的套件、方法或參數)、虛擬資料等狀況,有時候很考驗技術人員的細心與經驗。 哈克舉例,AI工具Gemini幫忙改了一份GitHub個人資料,整體效果不錯,卻在某個網址後面加了一個句號,使得圖片無法顯示。此時,就需要他這名人類手動介入。 科技公司Solution Architecture的工程師麥利(Viored Mirea)指出,雇用一名氛圍編碼清理師非常重要,尤其是AI寫出來的程式碼可能給企業帶來安全風險,「氛圍編碼可能會讓機密資訊外洩,或是對個人資料進行錯誤處理,」他強調,「始終應該有人類要對結果負責。」 然而,也有專家對市場出現這樣的現象感到唏噓。 雲端與通用人工智慧企業負責人愛彼哈納(Abhinav)認為,雇用這樣的「清潔工」簡直荒謬,「企業試圖讓每個人都會氛圍編碼,在專案上省錢,然後卻要花雙倍的錢再去找一個能把混亂局面整理好的人。」 Squad資深技術總監波古斯拉斯基(Oleg Boguslavsky)同意,企業要引進氛圍編碼,必須確保每個人都能掌握驗證、修復的技能,否則,花錢請這些額外的專家,在經濟上將比預期更低效。 (資料來源:TechCrunch, Gizmodo, LinkedIn) (原文標題:Vibe Coding催生大量新職缺,「程式清潔工」在做什麼?) 推薦閱讀: 【AI工作指南】數發部《AI產業人才認定指引》!盤點AI認證資源、熱門職缺 「Vibe Coding」是什麼?以後還需要程式設計師嗎? AI世代最夯新職位》為什麼他們零經驗,年收20萬美元起跳? 助你當老闆!瑞典AI獨角獸Lovable如何靠「氛圍編碼」年賺30億? [joblist_plugin title='更多104【AI工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=AI%E5%B7%A5%E7%A8%8B%E5%B8%AB&order=15&page=1' amount='3']
【104職場力】・AI

用AI快速做商品廣宣圖:Manus AI一鍵生成視覺文案行銷素材,電商小編必學

電商和社群小編每天都和時間賽跑,如何用AI快速產生高品質的商品廣宣文案與視覺圖片?本文以Manus AI示範,只要上傳隨手拍的產品照,輸入簡單的需求,就能自動產生專業的文案與圖片!跟著詳細步驟教學,讓AI工作成為行銷工作的最佳夥伴,本文節錄自《用AI做設計》。 文/施威銘研究室 本文目錄(點擊可快速前往) 電商小編的救星!隨手拍的照片也能變成廣宣圖【Manus AI】用AI自動產生廣宣文案及圖片 電商小編的救星!隨手拍的照片也能變成廣宣圖 在電商快速發展的時代,品牌商與代理商經常需要做各種產品廣宣,並進行多平台的行銷推廣。然而,專業攝影往往得花大量的時間與資源,對於忙碌的電商小編來說,並非每次都能安排專業的攝影。 現在有了AI即使是隨手拍的產品照,都能輕鬆轉成廣宣素材,重點是不用自己去背、想文案,只要上傳照片就能在短時間內完成。 隨手拍的桌上型電扇,背景雜亂、光線不佳。透過AI的處理,馬上變成一張廣宣素材(圖/旗標出版提供) 【Manus AI】用AI自動產生廣宣文案及圖片 【使用AI】Manus 電商小編與社群小編每天都在和時間賽跑,得產出大量高品質的廣宣文案與視覺圖片。面對不斷湧現的行銷需求,該如何在有限的時間內,產出吸睛且符合品牌調性的內容?AI正是你的得力助手,只要上傳隨手拍的產品照,輸入簡單的需求,就能瞬間產生專業的文案與圖片,減輕工作負擔。底下我們以Manus AI做示範。 Manus:https://manus.im/home 【Step 1】 請開啟網頁瀏覽器,輸入「https://manus.im/home」網址,連到manus網站,這是一個通用型的AI網站,可以幫你解決各項工作及生活中的問題,進入網站後點選畫面右上角的開始使用鈕,接著使用Google帳戶註冊即可開始使用各項服務。 按下開始使用(圖/旗標出版提供) 點選Google帳戶或使用Apple ID註冊(圖/旗標出版提供) 【Step 2】 首次註冊會得到1000免費積分以及每日登入的300積分,你可以先用免費積分試用各項功能,再決定是否付費(註:官方贈送的免費積分可能會隨時變動,在此僅供參考)。 首次註冊、登入會得到免費積分,請按下知道了關閉此訊息(圖/旗標出版提供) 【Step 3】 接著,在輸入框中輸入你的需求(提示語),在此我們想將隨手拍的照片製作成促銷廣告。 輸入需求(請製作一張直幅的促銷廣告,文字使用繁體中文)+上傳檔案 輸入需求並上傳檔案(圖/旗標出版提供) 【Step 4】 送出需求後,manus就會開始處理,大約等個20多秒就會生成圖片及廣告文案。 自動生成廣告文案、生成兩張圖供我們參考,點選縮圖可放大瀏覽(圖/旗標出版提供) 自動去除照片中雜亂的背景,並加上文案,可惜文字大多是亂碼(後續可使用影像處理軟體來修改)(圖/旗標出版提供) 廣告文案包含主標題、副標題及產品特點,這些都是AI自動產生的(圖/旗標出版提供) 【Step 5】 由於AI生成的中文字大多為亂碼,在此我們可以將AI生成的圖片及文案下載到電腦裡,後續再用影像處理軟體來修改文字。 (圖/旗標出版提供) 下載檔案(圖/旗標出版提供) 下載後的檔案為壓縮檔,會存放在電腦中的Downloads資料夾,解開壓縮檔就可以進行後續的修改(圖/旗標出版提供) 【Step 6】 你可以使用AdobeExpress或是Photoshop的生成填色功能,將中文亂碼的部份去除並與背景融合,再自行輸入文字。 AdobeExpress:https://www.adobe.com/tw/express/ Photoshop:https://www.adobe.com/tw/products/photoshop.html (圖/旗標出版提供) 【TIP】如果覺得要刪除中文亂碼並與背景融合很麻煩,你也可以直接將manus生成的圖餵給ChatGPT,請它「生成一張去除文字的圖」。這樣後續只要輸入文字就可以了。 節錄自:旗標出版《用 AI 做設計:沒時間?沒素材?沒靈感?就 Call AI 救援》/施威銘研究室 著 推薦閱讀: AI生成圖卡教學!ChatGPT打造專屬社群配圖,告別圖片荒 「模糊照片背景」免費AI工具推薦!輕鬆告別雜亂、重點更聚焦 ChatGPT-4o更新圖片生成模式升級!照片Q版貼圖、漫畫生成怎麼做? ChatGPT生成Excel圖表不卡關!xy軸設定、中文顯示問題輕鬆搞定
【104職場力】・AI

EC-Council 認證加持:資安思維升級,為政府專案提出安全改善建議

恆逸開課時間查詢:https://www.uuu.com.tw/Course/Show/1500/1 恆逸學員嚴紹瑋:產業背景:資訊科技與系統整合服務產業 工作職務內容:使用 Spring 框架進行後端程式開發及維護 🚀 提升 Java 核心基礎與安全效能 平時工作主要使用 Java 進行開發設計,因此希望透過此課程進一步強化核心基礎與程式設計思維,並在開發過程中兼顧效能與資訊安全。 🔒 資安實作理解與工作連結 授課講師將許多抽象的資安理論,轉化成淺顯易懂的範例,例如透過 SQL Injection、XSS、Session Hijacking 等攻擊手法示範,並讓我們實際操作演練,使我能清楚理解安全漏洞的成因,以及在程式設計時該如何修改程式或進行設定以防堵。這樣一來,我不僅知道「要注意資安」,更能真正理解為何要這樣做,以及不做可能帶來的後果。另外,講師也很願意回答問題,不管是課堂上操作卡住,或是我提出與工作相關的情境,他都會耐心說明,甚至給出一些我平常可能想不到的建議。這對我幫助很大,因為我可以馬上將學到的東西與自己的工作串聯起來。 ⚙️ 資安實戰演練助我工作防護 我印象最深的是講師在示範 SQL Injection 的單元。他先給我們一個看似普通的登入表單,接著在輸入的字串中插入一些 SQL 指令,竟然就能繞過驗證、直接登入系統。這讓我立刻聯想到工作上常撰寫的查詢語法,如果沒有做好輸入驗證或參數化處理,很可能就會被攻擊者利用。另外,課程中也提到 XSS(跨站腳本攻擊)。透過講師實際示範將惡意程式碼嵌入網頁,再看到使用者端 cookie 被竊取的過程,我才真正理解到「前端輸入驗證」與「後端過濾」的重要性。這些都是課程中我覺得最實用、最有收穫的地方。 🎯 資安思維融入開發實踐 目前工作上參與的都是政府機關的大型專案,對於資安的要求非常嚴謹。透過此課程,讓我平時開發時,除了功能本身能否正確執行外,也會進一步思考這樣的設計是否存在漏洞,並且在專案開發過程中,我能主動提出安全性改善建議,也能協助同事檢查程式碼是否存在潛在風險。以前在設計 SQL 語法時,主要只考慮查詢效率及撰寫的便利性,很少想到安全性問題。經過此課程後,我將課堂中學到的參數化查詢與輸入驗證套用到專案中,在撰寫 SQL 語法時,盡量避免使用字串拼接的方式,並加強輸入檢核,有效避免了 SQL Injection 的風險。取得 EC-Council 的認證,代表我具備一定程度的資安知識,雖然公司並無明確規定加薪或升遷,但我相信對於往後的職涯肯定有所助益。 索取課程優惠:https://www.uuu.com.tw/Forms/CourseInfoRequest?courseId=CASEJava&mediaSrc=104
精誠資訊恆逸教育訓練中心・EC-Council CASE Java 應用程式安全工程師認證

工作分配選對人,團隊績效再翻倍!

文: 小婉家族研究生 何美惠   | 工商心理實驗室 原標題:享受挑戰,樂在工作 挑戰性的工作能激發個人思維靈活性並提升競爭力。研究顯示,面對複雜任務,員工傾向投入更多努力,從中獲得成就感和情感滿足。管理者應依個性分配工作,賦予積極進取者更多挑戰,以發揮其潛力。此外,選擇適合的任務複雜度,能有效提升學習者的情緒投入和學習成果。 工作中總是充滿挑戰,能讓人思緒靈活,顯得更具有競爭力,Liu等(2020)提及任務複雜度,人們評估任務需求並分配更多的努力來解決更複雜的事物,喜歡系統地搜索高相關性決策,任務複雜度為影響人類績效和行為的重要任務特徵(Liu & Li, 2012)。Donovan等(2017)提出當員工從事複雜跨職能工作團隊中相較於簡單和重複的任務時,較能索取完整資源且更顯得有競爭力,因此管理者在工作安排上,因應每個人的個性不同,分配不同的工作任務,將具有企圖心且積極度的員工賦予高複雜任務,具有更好的績效(Macey et al.,2009)。 多堂免費大師講座,提升你的職場思維與視野 >> 根據學習情緒的控制價值理論(Pekrun,1992)認為環境因素會因個人對事情的價值評估,進而對情緒產生間接影響,主要取決於對事情的控制與價值的認知評估。對於知識更豐富的學習者來說,由於從低複雜性的任務中沒有什麼新東西可以學習,這些學習者可能會產生挫敗感(Schrader & Nett, 2018)對他們的學習可能會受到抑制。當被賦予過於簡單的任務時,高知識技術學習者的表現可能會比預期的差。然而,學習者也可能傾向於選擇他們認為更困難的任務而不是簡單的任務,以獲得更高的情感獎勵,當新手面臨相對更複雜的任務挑戰時,樂趣會增加,認知資源的使用和學習表現也會增加。因此,具有挑戰性的新手在更困難的任務上的表現比預期的要好(Likourezos & Kalyuga, 2017)。 小婉家族研究生 美美 參考資料: Donovan, J. J., Hafsteinsson, L. G., & Lorenzet, S. J. (2017). The interactive effects of achievement goals and task complexity on enjoyment, mental focus, and effort. Journal of Applied Social Psychology, 48(3), 136-149. Likourezos, V., & Kalyuga, S. (2017). Instruction-first and problem-solving-first approaches: Alternative pathways to learning complex tasks. Instructional Science, 45(2), 195–219. Liu, P., & Li, Z. (2012). Task complexity: A review and conceptualization framework. International Journal of Industrial Ergonomics, 42(6), 553–568. Liu, X., Peng, H., & Pu, B. (2020). Age differences in the decision information search: The roles of task complexity and task relevance. Cognitive Development, 54, 100877. Macey, W. H., Schneider, B., Barbera, K. M., & Young, S. A. (2009). Employee engagement: Tools for analysis, practice and competitive advantage. Hoboken, NJ: Wiley-Blackwell. Retrieved from https://doi. org/10.1002/9781444306538 Pekrun, R. (1992). Expectancy-value theory of anxiety: Overview and implications. In D. G. Forgays, T. Sosnowski, & K. Wresniewski (Eds.), Anxiety: Recent developments in cognitive, psychophsysiological and health research (pp. 23-41). Washington, DC: Hemisphere. Schrader, C., & Nett, U. (2018). The perception of control as a predictor of emotional trends during gameplay. Learning & Instruction,54, 62–72. https://doi.org/10.1016/j.learninstruc.2017.08.002 看更多來自工商心理實驗室的好文 >> 在職場中你容易被情緒勒索嗎?這五大人格特質最易受影響 職場八卦:氣質性嫉妒與組織認同的交織 能者多勞?還是忍著過勞? 小心引發工作倦怠 Z世代安靜離職消失了嗎?不,它進化成「怨恨缺勤」 學習時間管理就能提升效率?探索你的「時間特質」找到關鍵 提升員工帶動企業的成長!最划算的教育訓練方案首選>> 企業內訓、公開班及線上課程需求,104人資市集最超值 >> 訂閱人資市集電子報獲得專家工作分享及產業新知 >> 加入104人資市集官方line獲得最新優惠及活動資訊 >>
【104職場力】・用人管理

軟體產品怎麼做才能賺錢?PM必懂的3大關鍵及能力解析

軟體產品開發能否成功,不只靠技術,更靠產品經理(PM)對市場、開發與用戶的全面掌握。從打造產品願景,到精準驗證需求、穩定落地技術,本文帶你解析軟體產品從開發到獲利的3大關鍵,並拆解PM對應的實戰能力。 文/Jason Lin(「在海邊數據行銷」負責人) 本文目錄(點擊可快速前往) 軟體產品從開發到獲利的3支腳1. 市場估值:打造讓市場買單的願景與價值主張2. 開發品質:讓產品願景落地的技術實現力3. 市場接觸:持續驗證市場與使用者需求的實戰力PM能力轉譯:3維度對應不同階段的產品策略焦點早期產品的PM:假設、快速驗證、打造MVP成熟產品的PM:持續與規模化打造賺錢產品,是市場×技術×運營的整合功夫 在軟體產品開發的歷程中,PM(產品經理)與開發團隊不只是技術執行者,更是影響產品能否賺錢的關鍵決策者。筆者根據先前工作經驗收斂,要打造一款真正具市場價值、能夠持續獲利的軟體產品,團隊需要從3個核心維度著手:市場估值、開發品質,以及市場接觸。 接下來,本篇將逐一解析這3個維度,及其對應所需的團隊能力,並說明不同階段產品所需聚焦的PM能力。 軟體產品從開發到獲利的3支腳 1. 市場估值:打造讓市場買單的願景與價值主張 為什麼市場估值如此關鍵? 產品的願景、價值主張、解決方案,是否能引發市場期待,是否能在使用者心中產生價值想像,這決定了它能否被市場買單。PM 必須以終為始,從價值主張開始構建整體產品架構,思考解決哪些真正存在的問題,如何讓使用者產生「非用不可」的情境。 PM與團隊需具備的能力&要能夠清楚回答的問題: 市場規模分析:具有一種或多種量化的方法論,能夠評估目標市場的潛力與規模,判斷產品是否值得投入資源開發。 痛點與需求分析:使用者痛點與痛點背後的原因,為何有這些需求?需求是暫時性還是持續性?使用者對痛點的付費意願與能力 目標客群(TA)研究:具體說明 Persona,並且熟悉哪些對 TA 的描述屬於假設,哪些已經透過何種方法或案例證實。使用者輪廓,包含人口維度(如年齡)、行為模式,以及動機情緒的洞察等。這群 TA 是否特別?佔整體市場的商機?是否有獨特的使用習慣或痛點尚未被洞察 解決方案創新能力:具備對於商業模式、產品創新切入點的敏感度與底層商業邏輯,有持續且大量蒐集創新案例的習慣,以便讓敏感度持續進化。 競爭者分析與差異化策略:分析既有產品缺口,建立自身的獨特競爭優勢。 構築護城河:建立產品的可持續優勢,例如網絡效應、資料優勢或使用者黏性。 2. 開發品質:讓產品願景落地的技術實現力 開發品質的重要性 即使擁有絕佳的市場想像力,若開發無法跟上商業需求,產品仍將無法落地。開發品質是確保產品快速成形、穩定運行並持續演進的核心。 團隊應具備的開發能力: 迭代思維:產品永遠有bug、洞察永遠可以更精準、功能永遠不足以滿足使用者。敏捷開發、快速實驗與調整,才能搶佔市場時機。 穩健的開發方法論:團隊具有共識的開發方法論,可以是Scrum、Kanban等流程管理工具,提升團隊效率。 人力素質與團隊協作:技能能力足夠,有品質的開發團隊 產品品質維護能力:包含測試自動化、版本控制、錯誤回報機制,確保產品穩定性。 開發管理能力:PM必須能與技術負責人協作,妥善安排時程與資源配置。 3. 市場接觸:持續驗證市場與使用者需求的實戰力 為什麼市場接觸不可或缺? 許多軟體產品的失敗,並不是因為技術不好、功能不夠,而是太晚與市場接觸、錯過關鍵回饋。產品規劃、開發到優化的過程中,必須持續與市場互動,以真實用戶回饋來調整方向。 PM與團隊需具備的能力&要能夠清楚回答的問題: 市場驗證實力:運用MVP(最小可行產品)、A/B測試、假設驗證來降低風險。 Go-to-Market(GTM)策略:從行銷通路、定價策略、早期使用者經營等角度,建立產品進入市場的路徑。 用戶關係管理(CRM)策略導入:追蹤使用者行為、反應與生命周期,進行精準迭代。 不同階段的成長策略規劃:從冷啟動到成長曲線,PM要懂得設計不同階段的用戶獲取策略。 延伸閱讀:PM產品經理核心競爭力是什麼?解析開發「好產品」的3重點 PM能力轉譯:3維度對應不同階段的產品策略焦點 產品的發展歷程分為早期探索期與成長穩定期,PM在不同階段應該有不同的重點與策略思維。 早期產品的PM:假設、快速驗證、打造MVP 市場估值:洞察與假設力 創新觀點:PM要能從使用者痛點中,看出尚未被解決的需求缺口。 TA觀察力:透過使用者訪談與數據觀察,擬定精準的市場假設。 開發品質:推進MVP的節奏與協作 快速建構初版產品:以低成本方式實作MVP,搶先測試市場回饋。 專案溝通能力:在高不確定性下,跨部門溝通成為成功關鍵。 市場接觸:進行實地驗證與啟動擴散 初期使用者經營:找到願意參與測試的目標用戶,觀察其使用習慣與反應。 小規模GTM執行:測試定價、訴求與通路效益,找出最有效的推廣方式。 成熟產品的PM:持續與規模化 市場估值:開啟第二成長曲線 持續探索新價值:當產品進入穩定期,PM要思考新的價值主張與市場定位。 市場再細分:透過功能擴充,服務不同層級的用戶,創造新的成長來源。 開發品質:穩定中提升效率 追蹤開發KPI:如bug數、部署頻率、系統穩定率,反映開發健康狀況。 架構重構與技術債處理:避免日後阻礙產品演進。 市場接觸:聚焦成效與ROI 精準預算運用:將資源投入在最具效益的通路與成長活動。 數據導向成長策略:透過行為分析、轉換率追蹤,優化整體成效。 延伸閱讀:初階PM如何提升專業能力?從Junior PM進化成Senior的4個職場指南 打造賺錢產品,是市場×技術×運營的整合功夫 好產品從不是單靠直覺或創意誕生,而是需要一支能同時掌握商業價值、技術品質與市場節奏的團隊。PM就是這支團隊的靈魂人物,需橫跨3個維度,掌握從「假設」到「驗證」、從「開發」到「獲利」的每個關鍵點。 唯有在這3個維度中持續優化與對齊,產品才能真正從一個idea,走向一門賺錢的好生意。 (原文標題:軟體產品從開發到獲利的三支腳 & PM 對應的能力:市場估值、開發品質與市場接觸) [joblist_plugin title='更多【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=PM產品經理' amount='3'] 推薦閱讀: PM產品經理面試如何準備?沒經驗有機會錄取嗎?專家傳授必備5大面試題 「產品經理」要考證照嗎?NPDP與PMP差在哪?解析PM關鍵6大能力 轉職「PM產品經理」,研發背景較有優勢?過來人揭3類型轉職最易成功 [course_plugin title='產品經理學習營|學習推薦' keyword='產品經理學習營' amount=2]
【104職場力】

ChatGPT基本文章生成術:企劃案、介紹文用AI快速完成

運用AI工具快速生成文章,可以用更高效、更簡單的方式完成高品質文章。本文解析如何使用ChatGPT生成基本文章,從企劃案撰寫到段落內容都能輕鬆創作,工作效率大加分! 文/陳冠霖(Brian Chen) 本文目錄(點擊可快速前往) ChatGPT基本文章生成ChatGPT段落文章書寫 ChatGPT基本文章生成 有了ChatGPT帳號後,我們來看看如何進行文本生成吧! 情境範例: 今天上班,公司在經過幾個小時的開會,決定要開發一款新的懶骨頭沙發產品並上市販售。而撰寫產品企劃的重任像一顆石頭一樣重重的壓在你身上,而更可憎的是,老闆竟然要求你先將初版的企劃案寫出來,並在明天的會議上進行報告並討論。除此之外,你還被要求要在短時間內思考出懶骨頭沙發的優缺點、目標客群以及年齡層等各種面向的問題⋯⋯ 此時就可以跟ChatGPT說: 我想撰寫關於新的懶骨頭沙發的產品企劃案,我希望能夠為我分析一下目前此類商品的優點與缺點以及缺點預計可以改進的方向、目標客群以及年齡、預期成本和預期收益等,並幫我根據這些架構進行條列以及撰寫出一篇約400字的文章。 之後就可以看到GPT的回覆,如圖4-4至圖4-6: (圖/博碩文化提供) 是不是很厲害啊,俗話說萬事起頭難,但現在可以用AI幫你起頭之後,只需要根據這些架構草稿再慢慢去更改內容並撰寫出完整計畫就好了。在這過程中也可以持續使用AI工具來協助各位撰寫,所以在現在這個時代會使用AI工具真的會讓你在職場上的效率超級加倍! 題外話:目前版本ChatGPT會有免費使用GPT-4o生成的服務,當額度用盡就會變回GPT-4o mini生成。所以如果突然發現回覆內容感覺變弱就是GPT-4o額度用完啦。不過別擔心,免費額度是會補充的。 ChatGPT段落文章書寫 如果今天只是需要生成一個段落而已,當然可以使用ChatGPT來進行生成。 情境範例: 在經過一天的煎熬,終於等到要下班的時間了,但你看到老闆向你走過來,心中升起一絲不祥的預感。果然,老闆想要你在明天上班前提交一份關於Python程式語言的介紹,但你只是一個在辦公室為了三餐溫飽而努力的小職員,對於Python這個程式語言根本完全沒有頭緒,加班到很晚看了很多文章還是一頭霧水,焦慮到快要爆炸了⋯⋯ 別擔心!在一切還沒變的糟糕之前,你可以直接求助無敵的ChatGPT,只需要在對話視窗中輸入: 請用500個字介紹Python這個程式語言,撰寫文章時請分成四個段落。 接著按下送出,等待ChatGPT回覆即可,以下圖4-7是ChatGPT的回覆內容。 (圖/博碩文化提供) 看到這段文章之後,你驚覺的發現似乎可以根據這段文章稍微修改一下,或者可以「請」ChatGPT協助代為修改,改完之後發現根本沒花太多時間,全部處理完之後終於可以準時下班了,灑花! 基本上各位可以根據自己的需求(或者老闆或老師對你的需求)來對GPT進行文字生成的指示,而各位可以看到生成後的文字底下會有5個小圖標,這5個小圖標由左至右分別為: 大聲朗讀:這個功能可以讓ChatGPT預設的語音來朗讀他的回覆。 複製:淺顯易懂,就是複製這段對話的內容。 重新生成:如果生成的文章你不喜歡的話,可以像慣老闆一樣要求ChatGPT重新生成喔,重新生成後可以選擇重新生成的結果更好、更糟或是沒差別,這個選擇會些微影響到之後生成時的結果,ChatGPT會盡量根據你喜愛的風格生成,並盡可能避免掉你不喜歡的風格,重新生成的結果就像圖4-8這樣。 (圖/博碩文化提供) ● 回應不佳:如果你不喜歡這段回應,可以點選此按鈕並選擇原因告知ChatGPT的回應哪裡需要再修正如圖4-9,這也或多或少的會影響到後續的生成方式。 (圖/博碩文化提供) ● 變更模型:目前可以選擇GPT-4o與ChatGPT-4o mini來進行生成。 另外,目前最新的模型是OpenAI o1,若有購買完整版的話可以再使用o1 preview 模型與o1 mini。惟因本書最終完稿時大約是2024年8月初,所以在OpenAI o1 推出後(2024年9月中)緊急更新了部分內文,故OpenAI o1的部分會放在附錄介紹! 以上就是一些基本的ChatGPT介紹了,各位可以根據這些基本的功能嘗試看看這項服務,相信學會使用ChatGPT一定能為各位後續無論是工作或是生活帶來更多的便利性。接下來我將會帶各位來看看更多的ChatGPT應用。 題外話:如果生成的段落文字過長,因為ChatGPT會有輸出限制,所以有時候輸出到一定程度就會中斷,此時可以輸入指令:「請接續上面的文章內容繼續生成」、「請繼續」、「請繼續生成」,來對ChatGPT下指令讓它繼續生成文章。 節錄自:博碩文化《即學即用!精選 30 招辦公室超高效 AI 生產術/陳冠霖(Brian Chen) 著 》 更多【實用AI工作術】推薦給你: 讓ChatGPT當求職教練!寫求職信、履歷建議、中英文面試練習指令 用AI快速寫Email!ChatGPT Writer、Copilot等中英文電子郵件生成 ChatGPT整理Excel表格超快速!用AI輕鬆搞定複雜資料 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報
【104職場力】・AI

用AI快速寫Email!ChatGPT Writer、Copilot等中英文電子郵件生成|附5種指令範例

想用AI快速回信寫信,Grammarly、Microsoft Copilot、TinaMind、ChatGPT Writer要怎麼用?本文解析4種工具的特色及介面用法,以及分享5種情境的信件指令(Prompt),讓你工作效率倍增! 文/ 張可佳(Claire Chang) 本文目錄(點擊可快速前往) Grammarly:英文書信的撰寫輔助Microsoft Copilot:善用預設介面撰寫信件撰寫商務信函指令(Prompt)商務信函的最佳化指令(Prompt)個人信件書寫指令(Prompt)職場信件書寫指令(Prompt)政府公文的撰寫指令(Prompt)TinaMind:一鍵產生信件內容ChatGPT Writer:快速寫信、自動幫你回信 書信和邀請函至今依然扮演著重要的角色,無論是正式場合還是私人活動,都需要一封得體、清晰的信件來傳達資訊和心意。利用文字生成工具來撰寫和修改書信與邀請函,無論是商務邀請、活動邀請,還是個人邀請信,都可以通過簡單的提示,生成專業且符合場合的內容。 延伸閱讀:【商業/求職Email格式】電子郵件7重點+範例,輕鬆寫出專業感 Grammarly:英文書信的撰寫輔助 官方網站:https://www.grammarly.com/ Grammarly是一個AI驅動的寫作輔助工具,主要針對英文的寫作為主,旨在幫助用戶提升寫作的準確性和表達效果。它能即時檢查文法、拼寫、標點,並提供語氣、風格等建議,也可以可根據提示生成內容大綱或草稿。 該工具支援多種平台,包括桌面應用程式、瀏覽器擴展程式、行動應用程式等,在安裝桌面版程式之後,可直接在Google Docs、Slack、Outlook等使用此工具,提供撰寫信件時的文法檢查,或是直接輸入你想寫的內容請Grammarly幫忙生成內容,而無需切換應用程式。另外Grammarly也提供瀏覽器外掛,支援Chrome、Safari、Firefox等主流瀏覽器,透過外掛可與Gmail、Google Drive等Google服務整合。 Grammarly提供免費和付費版本,某些高級的功能如:語氣建議、抄襲檢查等,只能在付費版本使用。 這個功能適合經常需要撰寫英文書信的人,其對於文法和拼寫檢查非常的準確。 Grammarly(圖/博碩文化提供) Microsoft Copilot:善用預設介面撰寫信件 針對邀請函的撰寫,我推薦Microsoft Copilot,因為他有已經設計好的介面可供直接使用,我們只需要將Copilot的介面切換至「撰寫模式」,這邊都已經有固定的表格和選項,只要按照表單填寫,就能產生很棒的內容。 Microsoft Copilot在撰寫邀請函方面的最大優勢在於其直觀且易用的介面,特別適合不熟悉AI的使用者。以下是一些具體的優勢: 設計良好的介面:Copilot提供了一個專門的「撰寫模式」,用戶可以輕鬆切換到這一模式,無需深入了解AI技術即可開始使用。 預設模板和選項:在撰寫邀請函時,Copilot已經設計好固定的表格和選項,用戶只需選擇所需的類型,系統便會自動生成相應的內容,這樣可以節省大量的時間和精力。 自動化內容生成:Copilot能夠根據用戶的需求自動生成邀請函的內容,無論是正式的商務邀請還是輕鬆的社交聚會邀請,均能提供合適的文案。 Copilot(圖/博碩文化提供) 除了邀請函之外,同樣的模式在商務信函的撰寫與最佳化、個人和職場信件的書寫也非常有用。以下為範例的Prompt: 撰寫商務信函指令(Prompt) 寫一封有說服力的電子郵件來說服潛在客戶嘗試我們的商品。我們的商品是辣木月餅我們每盒都會捐贈100元幫助婦幼弱勢,辣木有極高的營養價值,是個天然的健康補充來源 商務信函的最佳化指令(Prompt) 修改這封電子郵件,以專業的英語口說方式寫出來,此封信件的語氣應要能非常專業和簡潔。此外,至少提供三個電子郵件主題給我選擇。""" 我們很高興向您介紹我們最新推出的產品「辣木月餅」。這款月餅結合了傳統與健康,是您中秋佳節的不二選擇。每購買一盒,我們將捐贈100元幫助婦幼弱勢群體。希望能有機會為您提供試吃樣品,讓您親自體驗這款健康美味。""" 個人信件書寫指令(Prompt) 寫一封給朋友的電子郵件,內容是邀請他們參加我即將舉辦的生日派對,並提供派對的詳細資訊如日期、時間、地點,還有希望他們能夠來的原因。 職場信件書寫指令(Prompt) 寫一封給同事的電子郵件,內容是邀請他們參加公司即將舉辦的研討會,並提供研討會的詳細資訊如日期、時間、地點,以及參加的意義。 政府公文的撰寫指令(Prompt) 寫一封給教育局的公文,內容是請求教育局通知各學校特教系分享協會即將舉辦的針對特教老師的培訓課程資訊,並附上課程的詳細資料如日期、地點及報名方式。 TinaMind:一鍵產生信件內容 我們可以至TinaMind的官網安裝瀏覽器外掛,這個外掛提供簡單易用易上手的UI,並且有非常多已經分類好、在不同領域可開箱即用的現成提示詞,我們只需要像是填表單一樣把我們的需求填入,就可一鍵產生我們要的書信內容。 官方網站:https://tinamind.com/ 在介面的頂端,可以選擇是要撰寫新郵件還是回覆現有郵件。並可以選擇郵件內容的長度(自動、短、中、長)、語氣(中立、正式、專業等),並選擇輸出語言。這部分更詳細的說明可參考本書【4-2推薦的瀏覽器外掛與工具】,裡面有專門針對TinaMind外掛有更完整的介紹。 TinaMind(圖/博碩文化提供) ChatGPT Writer:快速寫信、自動幫你回信 官方網站:https://chatgptwriter.ai/ ChatGPT Writer是一個瀏覽器外掛,能夠幫助用戶快速撰寫電子郵件、修正語法、進行翻譯及進行研究等多種操作。其與Gmail進行深度整合,讓用戶可以很方便地在Gmail信箱內使用AI。無論是撰寫電子郵件、回覆信件、訊息還是進行文本的修正與改寫都能快速完成。 ChatGPT Writer(圖/博碩文化提供) 支援多種AI模型,如GPT 4o、Claude Sonnet 3.5、Gemini 1.5 Flash等。ChatGPT Writer不僅支援多輪對話功能來調整回覆內容,或透過最下方的選單,根據需求調整寫作語氣與回應長度,並支援Markdown格式,讓回覆的內容更加適合特定的場合。最後則可以一鍵將最終的結果放回Gmail回覆欄位內。 ChatGPT Writer(圖/博碩文化提供) ChatGPT Writer體積小巧、啟動快速,支援多語言,適合各類使用者需求。免費版的使用者一個月可使用15次,若覺得滿意升級Pro版本則月費為$16美金。 節錄自:博碩文化《AI職場超神助手:ChatGPT與生成式AI一鍵搞定工作難題/張可佳(Claire Chang) 著 》 更多【AI工具應用】推薦: 盤點20大職場必備AI工具!專家:未來9成工作者都須懂AI ChatGPT整理Excel表格超快速!用AI輕鬆搞定複雜資料 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報
【104職場力】・AI

跳脫「解雇」陰影:善用PIP績效改善達成員工與組織共同成長

績效改善計劃(Performance Improvement Plan, PIP)日益受到重視,成為企業留才及促進員工成長的重要工具。然而,如何在人情世故與企業需求間取得平衡,是每位主管面臨的挑戰。本文深入探討PIP制度的應用技巧,強調「助人成長」的核心理念。通過良好的溝通面談,如正向肯定、關懷輔導和發展面談等技術方法,我們可以幫助員工克服問題並提升績效,同時提升組織與員工之間雙贏共好的效果,使PIP成為努力改變而非淘汰的一項重要策略工具。  文/宸碩管顧公司總經理|楊伸太博士這段文字是作者和他的身份。 原標題:績效管理與技能提升計劃(PIP)- 談如何做到顧及人情世故的PIP制度 關鍵字 PIP 員工績效輔導 績效管理 績效分析 績效面談 關懷面談 輔導面談 發展面談 本文目錄(點擊可快速前往) 前言:PIP,成為留才與助人成長利器 人才定義與PIP 績效管理循環與績效輔導回饋流程 啟動面談,做好部屬關懷與傾聽,談談『正向肯定面談』與『關懷輔導面談技巧』 啟動面談,做好部屬績效面談,談『績效輔導面談技巧』 啟動面談,做好人才發展面談,談『發展輔導面談技巧』  總結  一、前言:PIP,成為留才與助人成長利器 在現今大缺工時代下,人才辨識與人才管理、留才機制與效能,,變成為企業人資與部門主管非常重要的議題,其效能展現的核心成功關鍵就是「績效管理機制與PIP技能」了! 績效管理的三大目的是:與組織目標連結、與激勵機制(升遷與獎金)連動、助人成長(發展、訓練、輔導),而主管如果透過良好的PIP(Performance Improvement Plan)技能,肯定能在「助人成長」的領域中,讓所屬團隊同仁獲得正相關的改變與提升,進而為組織與同仁創造雙贏共好的成果! 又或者處理績效不佳的同仁員工,常常是主管心中「極度不想面對的痛點」,一方面擔心影響團隊績效與氣氛,另一方面又怕傷害員工自尊、甚至引發勞資糾紛的風險等,都是值得主管現今持續提升「運用PIP轉化為留才與助人成長或合法合情合理處理技能」的迫切重要課題! 二、人才定義與PIP 許多主管在面對績效不佳員工時,常有以下疑慮:(1.) 這個人是「能力不足」還是「意願下降」?(2.) 是「態度問題」還是「能力不足」?(3.) 值得積極培養,還是維持現狀?考慮替換?(4.) 上述這些疑慮,其實在定義前,都要先回到公司的「人才標準」,才是最客觀正確的。  一個完整的人才定義,至少要包含四個構面:(1.) 績效表現:能否達成「職位說明書」中所對應的「任務」與「工作績效目標」。(2.) 態度與意願:是否符合企業文化與團隊合作精神、以及本身對工作的意願。 (3.) 現職能力:是否具備滿足該職位所需的能力,包括個人特質與專業能 (4.) 發展潛力:是否具備「下一個職涯位置」的潛力。 再次提醒:在談 PIP 前,必須先釐清「人才」的定義,當員工在績效上出現落差時,主管與 HR 應評估的不只是「數字結果」,而是要回到「這個人是否仍符合公司的人才標準」,哪裡不符合?所對應的管理措施為何? 104人資市集 — 內訓、外訓、線上課程企業方案一站幫你搞定 > 三、績效管理循環與績效輔導回饋流程 績效管理循環的架構,整理如下圖(詳細可參考:卓越主管的關鍵四大管理) 2. 績效管理的目的(1.) 策略性:A. 協助並達成企業所追求之長短期目標B. 確實達成組織目標(轉化公司目標為個人目標)(2.) 管理性的:A. 晉升、輪調、調薪、獎懲、訓練 (3.) 發展性的:A. 改善員工績效、發展員工潛能B. 工作改善與進步C. 協助員工成長與發展 3. 績效管理循環的關鍵成功因素(1.) 績效目標連動組織目標:要能承接組織策略的目標,也就是要能將組織目標有效串接起來!(2.) 指標符合SMART原則:如下圖 Simply & Specific  簡單、明確具體的要清楚說明,而不是一個概略性的Measurable   可衡量的必須用量化的指標來訂定Achievable  可達成的具挑戰性且實際可完成的Relevant  有關連的必須與工作表現的重點相關Timely  有時間限制的在限定的時間內完成 (3.) 過程管理與追蹤、面談:過程中,進行即時的績效評估與相關面談,持續正向回饋與指導,幫助達標並與其,與員工討論本期結果與可精進方向。A. 特別提醒,在這個循環中,績效的追蹤、必要輔導與回饋的「及時性」相當關鍵,否則 PIP 只會變成一種「突如其來的挫折」!B. 因此,主管應在員工出現異常跡象時,就要及時啟動介入,也就是可以:- 透過日常回饋,正向點出不足並提出改善建議。- 若落差持續發生,則啟動正式的 PIP 流程。C. 過程中的面談,可區分以下幾種類型:- 正向肯定面談:主管發現員工有績優事件發生,想給該員工肯定與鼓勵時使用- 關懷輔導面談:主管發現有能力之員工,其工作意願突然下降或工作動力、積極度下降時,啟動即時的關懷,以利表達對員工的重視,並了解真正原因,方以協助恢復意願與動力!- 績效輔導面談:針對過程中或期末時,員工績效達成狀況不理想,或者行為態度欠佳者,推論是無意願或能力有問題時,啟動正式的績效輔導面談。- 發展輔導面談:針對績效考核後,辨識出的績優人才,進行主動式的人才發展面談。- 特別提醒,上述幾種面談類型,都要聚焦『核心目的』,同時也要及時啟動,才能獲得最佳效益! 四、啟動面談,做好部屬關懷與傾聽,談『正向肯定面談』與『關懷輔導面談技巧』 1. 肯定要及時,員工會有持續好表現:主管發現員工有績優事件發生,就可啟動正向肯定面談,同時全程一定都是正向肯定,沒有任何『提醒注意或需要改善或責備的語詞/事項』!(1.) 建議主管可多練習正向語言,同時可採用『STAR紀錄與表達法』,進行對員工深層的肯定A. Situation:情況,該正面事蹟當時的情況B. Task:任務,該正向事蹟當時員工所擔任的工作任務C. Action:行動,該正向事蹟當時員工展現的良好行為D. Result:結果,該正向事蹟當時員工展現行為後之結果 2. 主管發現有能力之員工,其工作意願突然下降或工作動力、積極度下降時,啟動即時的關懷,其操作重點如下:(1.) 關心:主管表達對該員工表現出工作表現的肯定後,針對所觀察的近況,真誠的關懷,引導其說明!(2.) 了解與分析:主管真誠傾聽與理解,同時針對導致意願下降的主因,給予分析與診斷!(3.) 必要的引導與正向鼓勵:主管在分析出主因後,找出方法,引導其重回積極動力,並多強正向鼓勵! 不知道從何開始嗎?報名【104 績效管理師】認證課程>> 五、啟動面談,做好部屬績效面談,談『績效輔導面談技巧』 績效輔導面談之步驟如下表(員工需要改善時) 面談步驟重點說明STEP1.主題說明說明本次面談的目的、所需時間及主要內容STEP 2.傾聽其說明本期工作目標完成情況對照部屬自評表,鼓勵部屬重點說明工作表現與成果積極傾聽與覆述重點STEP 3.針對考核結果進行回饋與必要的分析與溝通運用『三明治』技巧,說明與溝通考績結果說明部屬表現績優事項提供事實引導需要改善之處(表現不佳之處),可善用STAR說法偕同擬定改善的方法,並且鼓舞部屬積極實踐與達成STEP 4.設定下期目標討論與設定部屬下一期工作目標與計劃,以及應改善的工作項目,並找出部屬的培訓需求與計畫STEP 5.總結本次面談重點總結本次內容並給予正面積極的鼓勵  本績效面談,是面談類型中,最正式的面談,也最需要有面談紀錄,以利必要時(例如啟動資遣),因應勞動事件法之舉證用,補充關鍵技巧要點如下:(1.) 建立信任:強調 PIP 的目的不是要淘汰,而是協助改善,回歸「助人的初心」,將有助於員工卸下防備,願意面對問題。(2.)數據為基礎:避免流於主觀,必須以績效分析結果為依據;行為態度改善的部分,也善用上文提到的STAR說明與溝通。(3.) 真誠傾聽:必要的筆記、尊重的眼神與肢體語言,讓員工感受到主管真心願意傾聽。(4.) 同理、正向表達:過程中,都是正向語言,沒有負向語言,必要的時候也要展現同理心,例如「我理解你最近壓力很大」,減少對抗心。(5.) 問題探索:關心與詢問是否有影響工作的外在或內在因素(如家庭困難、心理壓力、技能不足)。 六、啟動面談,做好人才發展面談,談『發展輔導面談技巧』 對於績優人才,主管在現今留才大時代下,更應該著重主動引導與規劃出該類員工在組織內部的職涯發展方向,包括晉升路徑、跨職能發展或專業深耕等,讓這類人才在公司能因為看的到未來,而對組織產生更高之向心力與價值貢獻。 展開步驟(詳細可參閱:創辦人、主管退休誰來接班?給HR的關鍵人才梯隊建立指南,以及用個人發展計畫(IDP)留下好人才(上)訂定與執行6大步驟(1.) 職涯願景與目標設定(2.) 識別關鍵職涯路徑(3.) 制定階段性發展策略(4.) 資源支持之運用(5.) 定期檢視與調整 七、總結 在 PIP 中,第一步往往不是「談績效」,而是「談助人的初心」。 績效指標(成果)與職能(行為),是考核基本 考核能公平客觀合理,員工才會願意好表現 公平做出人才辨識與缺口分析,善用各類績效面談,真心誠意回饋與發展 主管的正向語言非常關鍵,請多練習與善用 平時記錄行為事例(優/待改善),及時回饋 善用人才九宮格,主管讓績優人才數增加 特別提醒,需要的時候,就要及時啟動,不要等到公司規定的績效面談時間! 正向用詞很重要,回歸助人成長的初衷! 最終,作者期許本文,能讓各HR 與主管們,針對績效管理與PIP方面,有所助益,成為留才、助人成長的助力,而不是單純的淘汰工具,也不再是「痛苦的代名詞」,而是一種讓組織與個人共同進步的正向力量。 超過7000+的HR都報名過的104人資學程!七大主題課程幫你系統化學習 >>   最划算的全方位教育訓練方案!免費申請全課程試閱 >> 看更多楊伸太博士的文章 >> 做出老闆滿意,員工服氣的雙贏調薪規劃 一次學會主管最重要的三大面談,做好人才管理 卓越主管的關鍵四大管理 缺工浪潮下,善用升遷、培訓及獎金機制積極留才 提升留任率!職能工作說明書擬定技巧  加入104人資市集官方line獲得最新優惠及活動資訊 >> 訂閱市集電子報與你分享專家文章及最新活動訊息>>
【104職場力】・績效管理

有任何收穫或想分享的,都來和大家一起聊聊吧!