104學習

ReactJS

這項技能是用來開發網頁前端介面的熱門工具,能讓介面元件化,提升開發效率與維護性。具備這項能力代表你能設計動態且互動性強的使用者介面,符合現代網站與應用程式的需求。在台灣的科技產業中,許多公司尤其是新創和軟體開發廠商,都很重視這項技能,能增加你在前端工程師職位上的競爭力。熟悉相關生態系統如Redux、Hooks等也會是加分項目。

554 個相關職缺

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

精選課程

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

成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
邁入Java REST Web Service開發領域
邁入Java REST Web Service開發領域
基層幹部管理實務:提升現場指導力、強化團隊凝聚力【10/14】
基層幹部管理實務:提升現場指導力、強化團隊凝聚力【10/14】
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
工程師救星-用Bootstrap速成響應式網頁開發
工程師救星-用Bootstrap速成響應式網頁開發
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI助理GitHub Copilot | 提升前端開發效率
AI助理GitHub Copilot | 提升前端開發效率
打造高投入團隊:遊戲化工作設計與激勵機制實作班【9/17】
打造高投入團隊:遊戲化工作設計與激勵機制實作班【9/17】
成為後端工程師 | 踏上程式起點,逐步掌握 Java 語言特性與物件導向程式設計
成為後端工程師 | 踏上程式起點,逐步掌握 Java 語言特性與物件導向程式設計
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能
成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能

精選證照

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

JNCIS-ER |
Enterprise Router& Switch / Enterprise Routing系列。 JNCIS-ER認證是專為具備Junos-based企業路由器和Junos作業系統進階技術與知識的網路專業人員而設計。JNCIS-ER的考試比JNCIA-ER測試更廣泛和更深入的技術與知識水準。試題來源包括所有Junos-based路由器培訓課程和Junos作業系統技術文件集、職場產品的經驗以及專科水準的網際網路技術知識與設計原則。通過JNCIS-ER考試,是進一步參加JNCIE-ER實作型考試的必要條件。
Juniper Networks
程式設計JAVA JDK1.4 |
JAVA JDK1.4證照驗證持有者具備使用Java開發工具包版本1.4進行程式設計的能力,熟悉物件導向程式設計概念及Java語言基礎語法,能夠撰寫、編譯及除錯Java應用程式,並了解核心API的使用方法。此證照適合希望從事軟體開發、系統整合或相關資訊技術工作的專業人士,具備良好的程式設計基礎與實務經驗,有助於提升職場競爭力及開發效率。
財團法人中華民國電腦技能基金會
Revit國際認證 |
Revit Architecture 是現今建築設計方案最佳利器,也是在國際性開發案中不可或缺的主流工具軟體.Revit具有建築設計所需全面性的串聯功能,不僅軟體模組完整、易操作、更有BIM資料庫的參數式設計概念,讓使用者從2D平面規劃到3D模型視角、初步入門到專業設計均能輕鬆掌握;而開放的量體設計及元件設計功能更是進階設計者超強輔助工具. 通過Revit Architecture 2011認證,您可完全了解Revit操作介面、管理圖面資料和精準估算成本,並實際認識Revit的組織架構,包括協同作業的理念,以及分析模型結溝合理性等。
Autodesk
使用者介面設計 Adobe XD |
Adobe XD證照驗證持有人具備使用Adobe XD進行使用者介面設計的專業能力,能有效運用軟體工具進行原型製作、互動設計及視覺布局,提升產品使用者體驗。持證者熟悉設計流程與協作技巧,能與團隊成員順利溝通,確保設計方案符合需求並具備創新性。此證照適合UI/UX設計師、產品經理及相關領域專業人士,提升職場競爭力與專業信譽。
尚未查核發照單位
實體設計 (Creo Parametric/SolidWorks) |
實體設計證照主要驗證持有者在Creo Parametric或SolidWorks軟體操作上的專業能力,涵蓋三維建模、零件設計、組件裝配及工程圖繪製等技能,能有效運用軟體完成產品設計與修改,提升設計效率與精確度,適用於機械、電子及工業設計等多種產業,具備此證照者具備良好的CAD工具應用能力,能協助企業加速產品開發流程,提升競爭力。
尚未查核發照單位
敏捷專案管理師PMI-ACP |
PMI-ACP® 是由國際專案管理學會(PMI®)推出的國際級敏捷專業證照,考試依據 PMI 最新全球實務分析(GPA)與任務分析(JTA)設計,並全面採用 PMI 官方授權教材與標準化教案,由 PMI 授權培訓夥伴(ATP)依一致規格授課,確保學員具備全球一致且高品質的專業素養與實務能力,真正接軌國際敏捷職場,建立跨框架整合思維與高品質交付能力的國際專業標準。 PMI-ACP® 融合 Scrum、Kanban、XP、Lean 等多元敏捷方法,強調跨產業應用能力與情境判斷能力,涵蓋敏捷轉型引導、產品價值創造、團隊協作效能與持續改進等核心能力。強化產品開發與交付角色的整合思維,使證照更貼近快速變動的市場需求,成為企業推動敏捷轉型與提升交付品質的關鍵戰力。 適合對象包括產品負責人(PO)、Scrum Master、專案經理、敏捷實踐者,以及已取得其他敏捷認證、希望建立更完整敏捷能力架構的專業人士。
PMI 國際專案管理學會

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

前端工程師是什麼?薪水怎破100萬?完整攻略,附:台積電前端工程師工作心得

前端(Frontend): 給人看的(介面、使用者體驗),網頁的畫面、按鈕、圖片、排版。 前端 (Frontend)是什麼? 這是使用者直接與之互動的部分,包括網頁的設計、佈局和內容。前端開發使用的技術包括HTML、CSS和JavaScript。 舉例來說:當你打開 104人力銀行,看到的畫面就是前端工程師控制的,包含不同裝置的畫面呈現~從電腦、平板或手機觀看,都是前端工程師需要留意的。 重要元素舉例 搜尋欄:讓你輸入「軟體工程師」並按下搜尋 職缺列表:顯示各種公司和薪資範圍 登入按鈕:點擊後彈出登入視窗 應徵按鈕:點了之後,系統會幫你送出履歷 前端工程師的薪水與薪水天花板 台灣整體而言前端工程師薪水中位數落在66.8萬~81萬間,天花板推估是91.3~101.6萬。 工作年資年薪中位數推估薪水天花板職缺1年以下66.8萬94.1萬1~3年71萬91.3萬3~5年78.1萬96.7萬5~10年81萬101.6萬資料來源 104薪資情報 有效樣本:575 資料更新:2025年02月10日 如何突破前端工程師的薪水天花板 選擇對的公司/產業 選擇薪水中位數高的公司:上市櫃公司年薪中位數、外商公司,公司獲利能力好,自然同樣的時間成本,能有更好的薪水保障。 選台灣重點產業:半導體業、科技業、金融業 台積電前端工程師工作心得 以下為講座精華節錄 薪水區間?年薪約30個月,新鮮人月薪約6萬。 加班很兇嗎?加班時數看跟的專案,配合專案前進。去年自己未超過100小時 公司內用的語言較多,不同的系統專案或對接的單位不同,要學習不同的語言 怎麼進台積電?平常就有寫技術部落格、每年參加IT鐵人賽、在104經營個人品牌(SEO權重優) 同事都是哪些人?(免費領取台積電工作心得與QA精華) 看懂遊戲規則:深耕5大能力,擁有更多選擇權 1.技術能力(Technical Skills),能否寫出高品質、可維護、效能優化的前端程式,並快速學習新技術應用在工作上,也能夠帶領內部技術前進(內部 Tech Talk 或自建部落格) 程式品質:乾淨、結構清晰、DRY、KISS、SOLID 效能最佳化:頁面載入時間、CDN快取、前端壓縮技術、降低不必要的 re-render 技術廣度與深度:獨立處理 CSS、JavaScript、框架(React, Vue, Angular)等核心技術、熟悉 TypeScript、State Management(Redux, Vuex)、處理前端安全問題(如 XSS, CSRF, CORS) 2.產品與專案影響力(Project & Product Impact),能有效率地完成任務,並確保產品的品質,過程中主動優化現有系統,提出新的技術方案,提升開發效率。 專案完成度:照時程交付、主動發現並解決問題、處理緊急問題 產品價值:功能是否真的提升了使用者體驗、A/B 測試或數據分析、減少技術債,提高長期維護性 3.開發效率(Development Efficiency),高效產出高品質的程式,主動提出更有效率的開發工具或流程,寫出自動化測試(如 Jest、Cypress),減少回歸測試時間。 時間管理:需求評估準確度、根據需求合理拆分任務,安排優先順序 程式碼管理:Pull Request(PR)清楚易讀、Code Review 積極參與給出建設性回饋 Debug 能力:利用 Log、DevTools、Profiler 進行高效率的問題解決 4.團隊合作與溝通(Collaboration & Communication),與其他工程師、PM、設計師、QA、數據分析師等合作單位順暢合作。指導新人、撰寫開發文件,幫助團隊快速上手。 跨部門溝通與 PM 討論需求,提供技術可行性建議與設計師合作,確保 UI/UX 最佳化與後端工程師協作,確保 API 串接順暢Code Review幫助同事提升程式碼品質接受別人的建議,改進自己的程式碼主動性主動提出問題或改善建議在團隊會議中有效表達技術方案前端工程師 團隊合作與溝通的重要性 5.創新與影響力(Innovation & Leadership),完成自己的工作外,帶來更大的影響。有能力也主動推動團隊技術決策,如選擇新框架、優化開發流程。 技術創新:引入新技術來提升開發效率、開發內部工具,幫助團隊節省時間 技術影響力:技術社群內分享知識、開源專案或貢獻 技術領導:在團隊中擔任技術導師、帶領技術專案 關鍵重點:績效不只是寫多少行程式,而是對產品和團隊的影響 開發速度:平均完成一個 Story(使用者故事)的時間 Bug 數量:新功能上線後的 Bug 率 PR 參與度:Code Review 的次數與回饋價值 前端效能:Google Lighthouse 分數、First Contentful Paint(FCP) 使用者行為變化:某個 UI 改版後,點擊率是否提升? 能力方法技術能力深入學習前端框架、優化效能、提升可維護性產品影響力確保開發的功能有助於提升使用者體驗開發效率提高 Debug 能力、善用自動化工具團隊合作提高溝通能力、參與 Code Review、幫助同事創新影響力參與技術社群、提出技術改進方案前端工程師的5大能力 前端用的技術 HTML 負責畫出網頁結構(像骨架) CSS 負責排版與設計(讓它變美) JavaScript 負責互動(讓按鈕能點、內容會變) 框架和庫:如React、Vue.js和Angular,這些工具可以幫助你更高效地開發複雜的應用程式。 響應式設計:確保網站在各種裝置上都能良好顯示,通常使用CSS框架如Bootstrap。 版本控制:如Git,用於管理和協作開發 前端工程師主要合作的夥伴 1. 後端工程師(Backend Developer) 👉 負責提供 API,讓前端能夠拿資料,確保功能運作 合作範例:你要做一個「應徵按鈕」,但這個按鈕要能讓使用者點了後,系統能自動送出履歷,這時候前端需要跟後端拿 API。討論 API 的格式:你問:「我這邊需要傳哪些資料才能應徵?」後端說:「你傳 user_id、job_id 給我,我幫你送出履歷」你:「那回應結果是什麼?我要顯示成功或失敗」後端:「如果成功,我回 status: success,失敗的話會給錯誤碼」💡 前端 + 後端 = 讓網站不只是畫面,而是能「動」起來! 3. 產品經理(PM, Product Manager)👉 負責規劃產品功能,確保開發方向符合商業目標合作範例:你做完了「應徵按鈕」,但 PM 突然跟你說:「我們希望這個按鈕能讓用戶自訂求職信」這時候你得確認:「這功能會影響到後端嗎?需要修改 API 嗎?」「這會不會影響現在的 UI 設計?」「會不會讓使用者體驗變得更複雜?」💡 前端 + PM = 確保開發出來的功能,真的是「使用者需要的」! 4. 測試工程師(QA, Quality Assurance)👉 負責測試系統,確保功能正常、不出 Bug合作範例:你開發完「應徵按鈕」,但 QA 測試時發現:BUG 1: 在 iPhone 上點擊按鈕沒反應?BUG 2: 送出履歷後沒有顯示成功提示?BUG 3: 按太快的話會連送兩次履歷?💡 前端 + QA = 確保使用者「真的能順利使用」功能! 5. 數據分析師(Data Analyst)👉 負責分析使用者行為,讓前端能做出更好的優化合作範例:你做了一個「首頁推薦職缺」功能,但數據分析師告訴你:「這個區塊的點擊率只有 5%!」 → 代表 UI 可能需要調整「使用者停留時間太短」 → 可能要加上動畫或更清楚的標題「A/B 測試顯示紅色按鈕比藍色好」 → 你需要調整設計💡 前端 + 數據分析師 = 讓 UI/UX 變得更直覺、更有效! 6. 運維/系統工程師(DevOps / SRE)👉 負責網站伺服器的運行與最佳化合作範例:你的前端代碼已經寫好了,現在要部署到正式環境可能遇到的問題:網頁載入速度太慢? → DevOps 可能會幫你設定 CDN 加速按鈕點擊後沒反應? → 可能是伺服器資源不足,需擴充某些用戶看不到最新版本? → DevOps 需要清理快取💡 前端 + DevOps = 確保你的程式能「穩定、安全」地運行! 夥伴主要合作內容影響前端的地方後端工程師提供 API,讓前端可以拿到資料決定資料怎麼傳遞UI/UX 設計師設計畫面,確保用戶體驗影響網頁排版、按鈕設計產品經理(PM)決定功能需求與優先順序決定要做什麼、怎麼做測試工程師(QA)測試功能,找出 Bug確保程式正常運行數據分析師提供使用者數據,幫助優化 UI影響 UI 設計與功能調整運維/系統工程師(DevOps)負責部署、效能優化確保網站運行順暢前端工程師的合作夥伴
【104職場力】

如何成為後端工程師?精準掌握必備核心技能&職涯精進攻略

你是否想轉職成為後端工程師,打造更穩定、具成長性的技術職涯?無論你是剛開始學習程式語言的新手,或正在尋找明確學習方向的職場工作者,這份後端學習地圖將幫助你掌握後端工程的核心技能、實戰經驗與職涯發展路徑。透過系統化的學習規劃與專案實作,你將更有信心地踏入後端領域,成為職場中真正被需要的技術人才。 文 /【104學習精靈】 本文目錄(點擊可快速前往) 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處?掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能轉職後端工程師的學習策略後端工程師薪資行情與職涯發展後端工程師的挑戰與機會 後端工程師是什麼?和前端、全端工程師有什麼不同與優勢之處? 🎯 後端工程師工作內容 後端工程師(Backend Engineer)主要負責伺服器端的邏輯開發,包括資料庫管理、API 設計、伺服器架構以及系統效能優化。他們確保前端應用程式能夠順利與後端系統交互,並提供穩定的數據與服務。 🎯相近職類比較:DevOps、全端、前端、後端工程師差別 職位主要負責技術負責範圍後端工程師(Backend Engineer)伺服器架構、API 設計與串接、資料庫管理、效能優化負責後端邏輯、數據清理,確保前端能夠存取正確的資料前端工程師(Frontend Engineer)HTML、CSS、JavaScript、React、Vue負責 UI/UX 設計,開發與使用者互動的前端界面全端工程師(Full Stack Engineer)前端 + 後端技術能獨立開發完整應用,涵蓋 UI、後端 API、資料庫管理DevOps 工程師(DevOps Engineer)Docker、Kubernetes、CI/CD、自動化部署負責開發與運行環境的部署、監控與維護,提升開發效率 🎯 為什麼選擇後端開發? 後端開發是資訊產業中穩定且高度需求的領域,適合對邏輯、架構、系統思維有興趣的學習者投入: 就業市場穩定成長:隨著數位化轉型普及,後端開發職缺在各行各業皆有需求,從新創到大型企業都有穩定徵才。 強調邏輯與架構設計:後端工程著重資料儲存、伺服器溝通、API 設計等,適合喜歡系統設計與架構思考的人。 職涯彈性大:從初階後端工程師到系統架構師,甚至 DevOps、SRE、資安領域都有後續延伸路徑。 遠端與自由接案機會多:後端開發技能通用性高,較容易接國際案或轉為遠距工作者。 AI 與資料應用的基礎:資料庫管理、API 串接、運算效能等能力,也可延伸應用至 AI 系統部署或資料工程等新興領域。 🎯 誰適合轉職後端工程師? 後端開發適合各類背景者,關鍵在於邏輯思維、學習動機與持續投入: ✅ 設計/前端背景:具備良好使用者體驗與前端邏輯,轉後端可成為 Full-Stack 工程師,提升職涯彈性。 ✅ 商管背景:邏輯能力佳且理解商業流程,適合轉後端結合業務邏輯,強化企業系統開發應用。 ✅ 理工背景(如物理、數學):邏輯與抽象能力強,容易掌握資料結構與演算法,是進入後端的優勢群體。 ✅ 非資訊領域自學者:只要有堅強動機與自律力,透過系統性訓練與專題實作亦能成功轉職。 ✅ 現職 IT 工程師(如測試、維運):已具備技術背景,轉入開發領域有明顯加速效益。 ✅ 資料分析師:熟悉資料處理與 Python,轉向後端可擴展資料處理與系統部署的完整技能鏈。 掌握後端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能 🧭 後端工程師技能、工具分類表 語言與工具資料處理與資料庫API 設計與架構DevOps 與部署基礎Python / JavaScript / Java / GoGit / GitHub / GitLabSQL(PostgreSQL / MySQL)資料庫基礎觀念REST APIHTTP 基礎了解部署概念核心*熟悉後端框(SpringBoot, Django, Express, Gin)*熟悉語言設計模式撰寫可讀性高的程式NoSQL(MongoDB / Redis)基本資料模型設計身分驗證(JWT / OAuth)API 文件設計(Swagger)*Docker 容器化*CI/CD 自動部署 進階*多語言協作力*程式效能優化*高效能資料庫設計*索引分片與備援策略GraphQL / gRPC微服務架構(CAP / CQRS / Event Sourcing)Kubernetes、服務網格(Service Mesh)監控與日誌系統認證*程式語言認證 (例如Python 程式設計證照PCAP)*個人作品集AWS Database SpecialtyMongoDB 認證*API 設計課程證*書專案開發經驗(如 Hackathon)*AWS Certified DevOps Engineer*CKA(Kubernetes Administrator)▲ 後端工程師應具備技能、工具能力、職涯指引表,點選不同技能會對應到相關課程。 後端工程師學習地圖與路徑(搭配AI工具) 🔰 初學者階段(0–6 個月) ✅ 目標:熟悉基礎程式語言與網路知識,能夠開發基本 API。 📌 學習內容: 選一門後端語言(Python / JavaScript / Java):選一門主流語言打好程式基礎,進入開發世界。 Git 與版本控制(GitHub / GitLab):讓你能有效保存、回朔與分享你的程式碼。 理解網路基礎與 HTTP 協議:理解網站如何運作與資料如何傳輸。 SQL 資料庫(PostgreSQL / MySQL):學習資料查詢語言,管理網站背後的資料。 REST API 開發:學習建立網頁服務的後端接口。 Python 程式設計能力 - 線上免費檢測 📌 AI 工具應用: ChatGPT 協助語法學習與除錯:快速解釋語法、找出 bug、提供程式碼建議。 GitHub Copilot 協助寫基礎 CRUD 程式碼:協助補上程式片段。 📌 備選學習: Go 語言:效率高但語法嚴謹,對初學者略具挑戰。 Node.js(JavaScript 後端):若未來想走全端路線可以學。 ✅ 適合考取的證照: Python 程式設計證照(PCAP) ITS (Information Technology Specialist, IT 資訊科技專家認證 Oracle MySQL Database Developer AWS Certified Cloud Practitioner(雲端基礎,有助於未來學 DevOps) [course_plugin title='Python課程' keyword='Python 輕鬆上手學' amount=1] [course_plugin title='後端工程師入門課程' keyword='成為後端工程師' amount=1] 🚀 中階階段(6–12 個月) ✅ 目標:熟悉進階 API 設計、資料庫優化,學習 DevOps 工具。 📌 學習內容: 學習後端框架 (Express、Spring Boot、Django、Gin) :掌握常用的後端框架。 身份驗證與授權(JWT、OAuth):幫使用者安全登入,讓資料不被偷看。 NoSQL 資料庫(MongoDB、Redis):適合儲存彈性格式的資料或快取機制。 Docker 容器化:讓你的程式「打包好、帶著走」。 CI/CD 自動部署(GitHub Actions):程式更新後自動上線,省時又省心。 📌 AI 工具應用: 使用 AI 幫你產生 Dockerfile 與 CI/CD 配置:不懂也能靠 AI 輔助上手。 協助設計 API 架構與資料庫 schema:加速設計與重構過程。 📌 備選學習: GraphQL:適合複雜資料查詢,但非所有團隊使用。 gRPC:適合內部高效通訊場景,小型專案可暫不碰。 Jenkins(較舊型 CI/CD 工具):學習成本高,可視需求使用。 HATEOAS(超媒體 API):學術價值高,實務上較少見。 ✅ 適合考取的證照: MongoDB Developer Certification Docker Certified Associate (DCA) Microsoft Azure Fundamentals (AZ-900) HashiCorp Terraform Associate(如學有餘力涉略基礎 IaC) [course_plugin title='後端工程師中階課程' keyword='接案必學 ◆ 邁向更專業的App開發' amount=1] 🏆 進階階段(12 個月以上) ✅ 目標:學習架構設計,提升可擴展性與效能。 📌 學習內容: 微服務架構(CAP 理論、CQRS、Event Sourcing):學會如何將大系統拆小管理,處理資料一致性問題。 Kubernetes 與服務網格(如 Istio):讓多個服務能自動部署與協調運作。 高效能資料庫設計與分片策略:設計能承受高流量的資料系統。 系統監控與安全性實踐(如 Prometheus、Grafana):確保系統穩定、安全運作。 📌 AI 工具應用: AI 幫你設計 YAML 檔與架構圖:快速理解與部署分散式架構。 系統瓶頸分析助手:用 AI 分析 log 或效能資料,加快除錯與優化。 📌 備選學習: Istio 等 Service Mesh 工具:適合大型微服務團隊,維護成本高。 Event Sourcing:較進階模式,建議有實務需求時再深入。 ✅ 適合考取的證照: Certified Kubernetes Administrator (CKA) AWS Certified Solutions Architect – Associate Google Cloud Professional Cloud Architect DevOps Engineer Professional(AWS / Azure) [course_plugin title='後端工程師進階課程' keyword='Java進階專業|前後端整合開發與應用' amount=1] 5個後端工程師應具備的軟技能特質: 邏輯思維與問題解決能力 能夠理解業務需求並轉化為系統邏輯,並針對錯誤快速找到根本原因。 【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測|104學習精靈 溝通與跨部門協作能力 後端工程師需與前端、產品經理、DevOps 甚至業務單位協作,良好的溝通有助於準確理解需求與回報技術限制。 【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測|104學習精靈 學習與自我成長動能 後端技術(如框架、資料庫、API標準)快速演進,必須持續學習與更新知識。 細心與責任感 後端處理大量資料及邏輯,細節錯誤容易引發資安問題或系統錯誤。 時間管理與自我管理能力 在遠端工作日益普遍的環境下,自律與時程安排變得尤為重要。 轉職後端工程師的學習策略 🎯 初學者或轉職者的學習策略 轉職或初學後端工程,建議採取階段式、任務導向的學習策略,以下列點歸納: 設定明確學習階段:分為基礎語言(如 Python/JavaScript)、資料庫應用、框架學習(如 Django、Node.js)、部署維運。 專案導向學習:每學完一個階段,就進行小型專案驗證所學,例如 Todo List、部落格、會員系統等。 培養問題解決能力:鼓勵查文件、逛論壇、問 ChatGPT,建立獨立解決 bug 的習慣。 學習版本控制與團隊協作:掌握 Git、GitHub、簡單 CI/CD,增加求職競爭力。 善用 AI 工具輔助學習:例如用 ChatGPT 解釋程式碼、Copilot 寫樣板、Kaggle 或 LeetCode 練習邏輯。 參與社群與實戰活動:參加黑客松、Open Source 專案、小型 Freelancer 案,強化實務經驗與人脈。 建立個人學習履歷:記錄學習歷程、撰寫技術部落格、整理 GitHub 作品集。 🎯 不同領域的客製化學習策略對照表 學歷背景優勢可能挑戰調整建議資訊相關科系已具備基礎程式能力、學科知識缺乏實務經驗、專案規模小強化實作專案與部署經驗,參與社群或實習累積履歷非資訊理工(如數學、物理)邏輯與數學能力強,適應資料結構與演算法快缺乏開發環境熟悉度與應用場景理解著重環境建置、框架與資料庫應用,透過實作強化「業界語感」設計/前端背景了解 UI/UX 與前端邏輯,轉職成為全端潛力大對資料結構與後端語法較不熟悉從 API 串接、簡單後端框架入手,逐步學習資料庫與後端設計邏輯商管/人文背景商業邏輯與跨領域溝通力強,善於理解用戶需求技術門檻高、邏輯訓練少以高階語言(如 Python)為起點,結合專案題材(如 CRM、報表系統)學習效果更佳在職 IT 工程師(測試、維運)已熟悉技術工具與環境、具系統性思維缺乏開發流程與程式架構設計經驗透過轉任內部開發專案或小型 App 開發練習,搭配設計模式與框架學習資料分析/AI 轉職者熟悉資料邏輯與語言(如 Python)、了解資料流缺乏完整系統建構經驗補足後端架構設計與部署技巧,從資料處理串接 API、Flask、FastAPI 切入 後端工程師薪資行情與職涯發展 後端工程師薪資概況 📌台灣後端工程師薪資 初階(3年以下經驗):月均薪約6.2萬。 中階(3- 5年經驗):月均薪約 6.5 萬。 高階(5-10年經驗):月均薪約7.3萬。(以上資料來源:104薪資情報) 📌影響薪資的因素 技術棧與專精程度熟悉高效能架構(如微服務、分散式系統)、熱門語言(如 Go、Rust)、或 DevOps/雲端技能者,薪資會更高。 產業領域與公司規模金融科技、AI、新創、外商薪資通常優於傳產與一般中小企業。 作品集與實戰經驗有實際上線專案、參與開源、或技術部落格者更具競爭力。 證照與專業認證(如 AWS Certified、Kubernetes、GCP)對某些企業或外商來說是加分項。 英語能力與跨國協作經驗能與國際團隊溝通的工程師更受青睞,也更容易爭取外派或海外遠端工作機會。 英文能力 - 線上免費檢測 後端工程師的職涯發展路徑 🔵 技術專精路線(Individual Contributor / IC Path) 從「後端工程師」起步,專注於技術深度與系統設計,逐步升級為具備橫向影響力的技術專家。 ▶ 初階 / 中階後端工程師(Backend Engineer) 負責功能開發、資料庫操作、API串接與單元測試。 ▶ 資深後端工程師(Senior Backend Engineer) 擁有跨模組開發與維護經驗,熟悉系統效能優化、API 設計規範。 ✳️ 學習前端技術 → 全端工程師(Full-Stack Engineer) 技能補充: React/Vue、Node.js、前後端整合、RESTful/GraphQL。 應用情境: 適用於產品團隊需快速開發 MVP 或技術創業者。 ✳️ 提升系統架構能力 → 系統架構師(Software/System Architect) 技能補充: 微服務設計、DDD、API Gateway、資料一致性、可觀測性(Observability)。 應用情境: 適用於中大型系統升級或技術重構專案。 ✳️ 學習 DevOps → DevOps 工程師(DevOps Engineer) 技能補充: GitOps, Jenkins, GitHub Actions, Docker, Ansible。 應用情境:經由緊密的開發+運營合作,使企業更高效推出高品質產品。  ▶ 全端工程師(Full-Stack Engineer) 獨立開發從 UI 到 API 再到資料庫的完整功能。 ▶ 系統架構師(System Architect) 負責設計全系統技術藍圖,定義模組邊界、資料流設計與技術選型。 ✳️ 進階發展  → 技術總監 / Technical Director 職責: 統籌技術方向,領導技術專案與架構決策,跨部門協作。 技能補充: 領導力、溝通簡報、技術戰略思維、預算與風險管理。 ▶ DevOps 工程師(DevOps Engineer) 專精於部署、CI/CD、環境自動化。 ✳️ 進階發展  → 雲端工程師(Cloud Engineer) 職責: 能設計具備高可用性與彈性的雲端基礎架構。 技能補充: 深耕 AWS/GCP/Azure 架構與雲原生技術(如 K8s、Terraform)。 🟢 團隊管理路線(Team & People Management) 此路線適合有溝通、協調與人員培育熱情者,從帶小團隊到參與公司策略。 ▶ 後端 Team Lead / 技術主管 同時參與開發與團隊管理,負責人力分配、專案交付與人員指導。 技能補充: Agile/Scrum、敏捷儀表板管理、1-on-1 輔導技巧。 ▶ 技術經理(Engineering Manager) 管理多組技術團隊,協助產品規劃、技術優化與跨部門協作。 負責團隊招募、績效制度設計、技術資源管理。 ▶ 技術總監(Technical Director)或 VP of Engineering 結合技術與策略視角,影響公司中長期技術方向。 需要具備技術深度 + 商業理解力。 🟠 技術轉職/橫向拓展路線(Cross-functional Path) 探索其他工程領域,發揮後端背景延伸價值,適合追求多元發展者。 ▶ 資料工程師(Data Engineer) 優勢: 熟悉 API 設計&模組化架構:資料平台的模組設計類似微服務設計邏輯。 熟悉系統效能:幫助處理大規模資料運算與資源調度。 熟練程式語言(如 Python、Java):可快速上手資料工程工具 可有效打造 ETL 流程、管理資料倉儲、支援 AI/ML 任務。 技能補充:  資料處理:Spark、Kafka、Airflow、dbt 資料庫:PostgreSQL、ClickHouse、BigQuery、Snowflake 資料管線:ETL/ELT流程設計、Data Lake、Data Warehouse 架構 編程與基礎統計:Python、SQL、資料品質檢查 職涯發展路徑流程圖 🔹 總結路徑圖說明 (起點) 後端工程師 │ ├── A. 學習前端 → 全端工程師 ├── B. 提升架構能力 → 系統架構師 │ └── 技術決策 → 技術總監 └── C. 學習 DevOps → DevOps 工程師 └── 深入雲端架構 → 雲端工程師 哪些產業需要後端工程師? 後端工程師幾乎是「所有數位服務產業的基礎職位」,以下是常見產業範疇: 📌電商與零售:處理會員系統、購物流程、庫存管理、金流串接等核心後台邏輯。📌金融科技(FinTech):開發支付、帳戶、交易、驗證等安全敏感的服務。📌社群與內容平台:如論壇、影音平台、交友 App,後端負責資料儲存、帳號系統與推薦演算法等。📌SaaS / B2B 企業服務:提供線上系統給其他企業使用,如 CRM、HR 系統。📌物流與運輸:如外送、倉儲、車隊派送,依賴大量 API 串接與資料即時處理。📌醫療與健康科技:處理病例、預約、穿戴裝置資料等,需高度資安與資料完整性。📌遊戲與娛樂產業:遊戲帳號、伺服器同步、排行榜、商城等核心功能皆由後端處理。📌政府與公部門資訊系統:如戶政、健保、交通資訊等數位服務。 後端工程師的挑戰與機會 🚀 6個常見的後端工程師挑戰 技術複雜度高:需同時掌握資料庫設計、系統效能、資安與架構邏輯。 看不見的貢獻:成果不如前端「有畫面」,但卻是維運的關鍵,常常被低估。 資安責任重大:系統若當機、資料異常,後端通常是第一個要排解問題的人,需確保數據安全,防止攻擊與資料洩漏。 需快速跟上技術演進:如容器化(Docker)、微服務架構、雲端部署等都不斷更新 高效能與擴展性要求:需設計能夠處理大量請求的系統,確保穩定性與效能。 跨團隊協作:需要與前端工程師、產品經理、DevOps 團隊密切合作,確保系統順利運行。 🌟 後端工程師4大機會 可轉職多種技術職:例如 DevOps、技術主管、架構師,或橫移到前端/全端。 全球需求穩定成長:任何需要「運作」的數位產品,都需要後端支撐。 遠端與海外機會多:因後端較少受地域限制,常見國際合作或海外招募。 進可攻、退可守:進可發展高階技術領域如 AI 後端、大數據平台,退可穩定就業於各類企業內部系統開發。 延伸閱讀: 產品經理 - 學習地圖(上):技能養成篇 成為雲端工程師的攻略指南:核心技能&職涯精進完整解析 轉職前端工程師│工作內容、技能、薪水與職涯發展指南 數據分析師工作內容是什麼?薪水高嗎?技術能力與職涯發展指南 想當資料工程師?工作內容、核心技能、薪水、職涯發展完整解析 [joblist_plugin title='更多104【後端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
【104職場力】・職涯規劃

轉職前端工程師│工作內容、技能、薪水與職涯發展指南

你是否想過轉職前端工程師,或是想提升技術實力,而能在競爭激烈的職場脫穎而出?無論你是零基礎的學習者,還是正在尋找更明確學習路徑的開發者,這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向,並提供高效的學習策略。透過系統化的學習與實踐,你將能夠更順利地進入前端開發領域,甚至進一步拓展你的職業選擇! 文 /【104學習精靈】 本文目錄(點擊可快速前往) 什麼是前端工程師?與後端、全端差別是什麼?前端工程師無經驗者可入門嗎?掌握前端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能轉職前端工程師的學習策略前端工程師薪資行情與職涯發展前端工程師的挑戰與機會 什麼是前端工程師?與後端、全端差別是什麼?前端工程師無經驗者可入門嗎? 前端工程師工作內容 前端工程師(Frontend Developer)負責網站或應用程式的「前端」部分,也就是使用者直接看到並與之互動的使用者界面(UI)。前端工程師的工作涵蓋範圍廣泛,從網頁的版面設計、動態效果,到與後端 API 的串接,確保使用者有良好的互動體驗,且需要結合設計思維與程式邏輯。 他們的主要工作內容包括: HTML、CSS、JavaScript 來構建網頁結構、樣式與行為。 與設計師合作,將 UI/UX 設計轉化為可用的前端介面。 與後端工程師協作,透過 API 取得數據並呈現在頁面上。 🎯相近職類比較:前端 vs. 後端 vs. 全端 類別主要技術主要負責範圍前端工程師HTML, CSS, JavaScript, React/VueUI/UX 介面開發,確保網頁互動與使用體驗後端工程師Node.js, Python, Java, Databases處理伺服器邏輯、數據庫與 API全端工程師前端 + 後端技術負責整體開發,能獨立完成前後端架構 🎯 為什麼前端工程師職缺變多? 近年來前端技術的發展迅速,市場對前端工程師的需求持續增加,讓許多轉職者與求職者開始關注這個領域,並發現它具有以下優勢: 市場需求大:企業對於使用者體驗的重視,使得前端工程師的價值不斷提升。 入門門檻適中:相比於後端開發或全端開發,前端技術較容易上手,適合作為進入 IT 產業的第一步。 創造力與技術並重:前端工程師不僅需要技術實力,還能發揮設計與創意,讓開發的產品更具吸引力。 遠端與自由工作機會多:前端開發適合自由接案與遠端工作,為職涯發展提供更多彈性。 🎯 誰適合轉職前端工程師? ✅ 無技術背景者:對網頁開發有興趣,願意學習技術。 ✅ 人文社科背景者:如行銷、設計、心理學等,能結合設計與技術。 ✅ 理工科背景者:資訊、數學、電機,具邏輯思維優勢。 ✅ 現職工程師:希望提升技術,拓展職場競爭力。 掌握前端工程師的核心能力:必備工具技能 x 學習路徑 x 軟技能 前端工程師技能與工具能力分析 基礎技能 HTML、CSS、JavaScript 基礎、Git / GitHub、RWD、Bootstrap、jQuery 核心技能 JavaScript 進階、API 與非同步處理、前端框架(React / Vue)、CSS 進階 進階技能狀態管理(Redux / Pinia)、前端測試(Jest / Cypress)、SSR / SSG(Next.js / Nuxt.js)、效能優化 專業技能TypeScript、Web 安全性、PWA / 桌面應用開發、後端基礎(Node.js / ASP.NET) AI 技能ChatGPT、GitHub Copilot、Figma AI 插件、Lighthouse(效能分析)、Codeium(智能補全)、Tabnine(代碼建議)認證AWS Developer、Azure Developer、Google Cloud Developer職涯全端工程師、前端架構師、技術產品經理、UI/UX 工程師▲ 前端工程師應具備技能、工具能力、職涯指引表,點選不同技能會對應到相關課程。 成為前端工程師的學習路徑(搭配AI工具) 🔹 第一階段:基礎入門(建議學習時長:1-3 個月) 📌 學習內容: HTML & CSS:學習網頁的基本結構與樣式設計。 JavaScript 基礎:學習變數、函式、條件判斷、迴圈等基本概念。 Git / GitHub:學會版本控制,方便管理與共享程式碼。 RWD(響應式設計):學習如何讓網頁適應不同裝置(手機、平板、電腦)。 Bootstrap:使用現成的 CSS 框架,加速開發美觀的網頁。 基礎專案:製作個人靜態網頁,實踐所學內容。 📌 AI 工具應用: ChatGPT / Claude:語法解釋與錯誤排查。 Webflow / Framer AI:低程式碼網站設計。 📌 備選學習: jQuery:雖有逐漸被原生 JavaScript 與前端框架取代之趨勢,但仍在許多重要專案中使用。 [course_plugin title='前端工程師入門課程' keyword='前端' amount=2] [course_plugin api_type='course_id' title='前端工程師入門課程' id='6e43b10e-45e7-40e2-92c0-1b4d6aeb955c, 9e6b7b79-2849-4f24-80ef-a620b94471a5'] 🔹 第二階段:前端開發進階(建議學習時長:1-3 個月) 📌 學習內容: JavaScript 深入:學習 DOM 操作、ES6+ 語法,增強互動效果。 CSS 進階:掌握 Flexbox、Grid、SCSS,提升排版與樣式管理能力。 API 與非同步處理:學習 Fetch API / Axios,讓網頁與伺服器互動。 前端框架(React / Vue 擇一):學習現代前端框架,提高開發效率。 小型專案(如 To-Do List):實作互動型應用,提升技能。 📌 AI 工具應用: GitHub Copilot:代碼補全與最佳化。 Figma AI 插件:設計 UI 組件。 📌 備選學習: 與後端整合(Node.js / ASP.NET):可視職涯發展需求學習適合的後端技術。 [course_plugin title='前端工程師JavaScript課程' keyword='JavaScript 入門' amount=1] 🔹 第三階段:前端專業化(建議學習時長:3-6 個月) 📌 學習內容: 狀態管理(Redux / Pinia):管理大型應用的資料狀態。 前端測試(Jest / Cypress):確保應用程式的穩定性與可靠性。 SSR / SSG(Next.js / Nuxt.js):提升網站的 SEO 與效能。 效能優化(Lighthouse、RAIL 模型):讓網站載入更快、使用者體驗更好。 開發完整 SPA 專案:整合所學技術,完成一個獨立的應用程式。 📌 AI 工具應用: Codeium / Tabnine:自動化程式碼建議。 Lighthouse + DevTools:網站效能分析。 📌 備選學習: GraphQL:較新穎的 API 查詢方式,可視專案需求學習。 [course_plugin title='前端工程師專業課程' keyword='前端工程師專業技術養成班' amount=1] 🔹 第四階段:專業與進階(建議學習時長:6個月+) 📌 學習內容: TypeScript:強化 JavaScript 的類型安全性,提高開發效率。 Web 安全性(CORS、OAuth):學習網站安全機制,避免資安漏洞。 後端基礎(Node.js / ASP.NET):學習如何建立簡單的後端 API。 PWA / 桌面應用開發:學習如何開發離線可用的 Web 應用。 參與開源項目或企業級專案:提升實戰經驗,增加履歷亮點。 📌 AI 工具應用: 自動生成測試案例。 智能除錯與最佳化建議。 📌 專業證照(可選): AWS Certified Developer – Associate(雲端應用開發) Microsoft Certified: Azure Developer Associate(微軟雲端應用開發) Google Professional Cloud Developer(Google Cloud 平台開發) 成為前端工程師應具備的7個特質 (軟技能) 除了技術能力外,優秀的前端工程師還需要具備以下軟技能,在職場上更具競爭力: 溝通能力 💬 需與 UI/UX 設計師、後端工程師、PM、行銷團隊協作,確保產品需求清楚且可落實。 能解釋技術限制,提出可行的解決方案。 【小測驗】來測測看自己的溝通能力技巧 👉 溝通協調 - 職能檢測|104學習精靈 細心與耐心 🔍 HTML、CSS、JavaScript 有許多細節,例如語法錯誤、CSS 權重、事件冒泡等,都可能導致 bug。 需耐心測試各種邊界案例,確保產品品質。 美感與使用者體驗意識 🎨 前端開發不只是把 UI 轉成程式碼,還需要理解基本設計原則,如色彩搭配、排版、可讀性、可用性等。 瞭解 WCAG 無障礙設計標準,確保網站對所有用戶友好。  團隊合作與開源精神 🤝 需與團隊協作開發、使用 Git 進行版本控制,並撰寫良好的 commit message 讓團隊易於理解。 參與開源社群或分享技術文章,提升個人影響力並獲取更多學習機會。 問題解決與邏輯思維能力 🧠 前端開發經常遇到跨瀏覽器相容性、效能最佳化等問題,需要有條理地分析並解決。 具備 debug 能力,能有效利用 DevTools、Lighthouse、瀏覽器 Console 等工具排查問題。 【小測驗】來測測看自己的問題解決技巧 👉 問題解決 - 職能檢測|104學習精靈 自主學習與適應能力 📚 前端技術發展快速(如 React、Vue、Svelte 等框架的變遷),需具備持續學習與適應新技術如 Web3、AI 應用於前端(如 Chatbot UI)等的能力,保持競爭力。 熟悉不同開發模式(如 CSR、SSR、ISR),能因應不同需求選擇適合技術方案。 時間管理能力 ⏳ 前端開發通常需要處理多個功能或專案,具備良好時間管理能力能提升工作效率。 推薦課程 👉 成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (上集)👉 成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)👉 Git 速成攻略:2.5 小時變身版本控制達人👉成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人 轉職前端工程師的學習策略 🎯 初學者或轉職者的學習策略: 建立系統化學習計畫 規劃每日或每週的學習時間,確保穩定進步。 先掌握 HTML、CSS、JavaScript,然後再學習框架與工具。 實作專案,提高實戰經驗 透過小型專案練習,如個人履歷頁面、簡單的 To-Do List 應用。 參與開源專案,提升協作能力。 持續關注業界動態 追蹤技術社群(如 Dev.to、Medium)。 觀看 YouTube 教學或參加線上課程。 打造個人作品集與 GitHub 將學習過程中的專案上傳至 GitHub,展示技術能力。 部署個人網站,建立個人品牌形象。 🎯 不同領域的客製化學習策略 學歷背景優勢可能挑戰調整建議理工科(資訊、數學)強邏輯、程式基礎佳設計美感較弱快速進入框架學習,額外學習 UI/UX人文社科(行銷、語言)擅長內容與設計需強化邏輯與程式概念先學 UI/UX,搭配 AI 減少語法負擔無技術背景無前端基礎需學習從 0 到 1先用 Webflow 製作網站,再逐步學習代碼 前端工程師薪資行情與職涯發展 📌台灣前端工程師薪資 初階(3年以下經驗):月均薪約5.5萬。 中階(3- 5年經驗):月均薪約 6.1萬。 高階(5-10年經驗):月均薪約6.3萬。(以上資料來源:104薪資情報) 📌影響薪資的因素 技術能力與熟悉的技術棧 精通 JavaScript / TypeScript、React、Vue、Next.js、Node.js 等熱門技術,薪資相對較高。 具備 Full-Stack 能力(如後端 Node.js、雲端技術 AWS/GCP),薪資更有競爭力。 專案經驗與解決問題能力 曾參與大型系統開發,或有獨立解決技術難題的經驗,加分。 具備效能最佳化經驗(如 Web Performance、Lighthouse 分數優化),市場價值更高。 業界與產業別 AI、Fintech、區塊鏈 相關公司,通常薪資較高。 新創公司 vs. 大型企業:大公司(如 Google、Meta、Apple)薪資較高,但競爭激烈;新創可能提供股票期權作為額外報酬。 地區與遠端工作機會 台灣近年開放遠端前端工程師職位增加,若能找到國外遠端機會(如美國、新加坡公司),薪資可能大幅提升。 英語能力與國際市場競爭力 能用英語與國際團隊溝通、參與開源專案,或申請海外遠端工作,薪資通常較高。 英文能力 - 線上免費檢測 前端工程師的職涯發展路徑 📌 全端工程師: 學習後端技術(Node.js、MongoDB)與其他核心程式語言提升競爭力。 課程推薦: 微軟智慧應用C#全端開發工程師養成班 全端工程師必修-Python迅速開發網站實戰 📌 前端架構師: 專注於大型專案的架構設計與效能優化。 課程推薦: 資安與雲端架構工程師養成班 📌 技術產品經理: 結合技術與產品管理,創造更大價值。 課程推薦: PM產品經理|入門致勝攻略:打造最強怪物新人的實戰課| 📌 UI/UX 工程師: 結合前端與使用者體驗設計,打造更直覺的介面。 課程推薦: 【安卓最新版】Android 9開發首部曲-UI與多頁面設計       哪些產業需要前端工程師 前端工程師的需求不僅限於軟體或網路公司,幾乎所有有數位產品的產業都需要前端開發人員。以下是幾個主要的產業: 📌 科技與軟體開發業(SaaS、雲端服務) 🌐 企業內部管理系統(ERP、CRM) SaaS 產品(如 Notion、Figma、Slack) API 服務平台、開發者工具 📌 電子商務(E-commerce) 🛒 電商平台(如 Shopee、Amazon) 直播購物、行動支付系統 會員系統、推薦系統的 UI 設計與優化 📌 金融科技(Fintech) 💳 銀行、線上支付系統(如 PayPal、Stripe) 投資交易平台(如 Robinhood、幣安) 區塊鏈 / Web3 項目(去中心化金融 DeFi、NFT 交易平台) 📌 遊戲產業(Gaming) 🎮 遊戲 UI 設計與開發(如 Unity WebGL、Web3 遊戲) 遊戲社群平台、直播互動功能 📌 醫療與健康科技(HealthTech) 🏥 線上醫療預約系統 遠端醫療應用(如 Telemedicine) 健康數據儀表板、可穿戴設備 UI 📌 教育科技(EdTech) 📚 線上學習平台(如 Coursera、Udemy) 互動學習工具、AI 自適應學習系統 📌 媒體與娛樂(Streaming & Social Media) 🎥 影音串流平台(如 YouTube、Netflix) 社群媒體(如 Twitter、TikTok) 內容管理系統(CMS) 📌 智慧製造與物聯網(IoT) 🏭 智能家居控制面板(如 Home Assistant) 工業自動化數據儀表板 📌 政府與非營利組織(GovTech) 🏛️ 公家機關網站、數位政務服務 開放數據可視化應用 延伸推薦課程👉 RWD響應式網頁設計入門👉 (最新版.NET 6)ASP.NET Core MVC 無痛快速上手👉 工程師救星-用Bootstrap速成響應式網頁開發👉 Let’s Vue! 前端開發入門到實戰 前端工程師的挑戰與機會 🚀 成為前端工程師的挑戰 技術變化快,需持續學習 前端框架(React、Vue、Svelte)與技術棧更新快,需定期學習新技術。 前端生態系龐雜(Webpack、Vite、Bun 等工具),選擇適合的技術不容易。 效能與跨平台相容性 須考慮不同裝置、瀏覽器(Chrome、Safari、Edge)兼容性,避免出現顯示問題。 需優化效能,確保頁面載入速度快,提升使用者體驗。 與設計、後端的協作挑戰 需與 UI/UX 設計師合作,確保設計可行性。 與後端 API 串接時,可能遇到資料格式、CORS 限制等問題。 安全性風險 需防範 XSS、CSRF 等前端攻擊,確保網站安全。 🌟 成為前端工程師有哪些機會? 遠端工作機會多,薪資提升潛力大 許多國際公司提供遠端前端工程師職位,可爭取更高薪資(如美國、新加坡市場)。 跨領域發展機會 可向 Full-Stack 方向發展(學習後端 Node.js、雲端技術)。 若具備 UI/UX 設計能力,可轉型為前端設計師或產品開=發相關角色。 AI & Web3 趨勢帶來新機會 AI 生成 UI(如 ChatGPT Plugin、Copilot)可能改變前端開發方式。 Web3 項目(如去中心化應用 dApp)對前端工程師需求增加。 開源貢獻與技術影響力 參與開源專案(如 Vue、React),可增加個人影響力,甚至吸引企業挖角。 延伸推薦課程​👉 前端工程師專業技術養成班 延伸閱讀: 產品經理 - 學習地圖(上):技能養成篇 成為雲端工程師的攻略指南:核心技能&職涯精進完整解析 如何成為後端工程師?精準掌握必備核心技能&職涯精進攻略 數據分析師工作內容是什麼?薪水高嗎?技術能力與職涯發展指南 想當資料工程師?工作內容、核心技能、薪水、職涯發展完整解析 [joblist_plugin title='更多104【前端工程師】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB&mode=s&page=1' amount='3']
【104職場力】・職涯規劃

產品經理 - 學習地圖(上):技能養成篇 

產品經理是一個融合創新、邏輯與溝通的角色。隨著數位化加速,產品思維逐漸成為組織決策的核心。從技術團隊、設計部門到商業營運,產品經理肩負整合多方資源、定義方向並推動產品落地的關鍵任務。  本篇產品經理學習地圖(上):技能養成篇,將協助轉職者認識『從入門建構產品基礎思維』到中階『掌握用戶洞察與功能實作』,最終能『獨立推動策略規劃與跨部門協作』的相關職業技能,依循學習路徑,逐步成為具影響力的產品專案執行者! 文 /【104學習精靈】 本文目錄(點擊可快速前往) 產品經理是誰?為何成為熱門職業?  產品經理工作內容 產品經理與相近職類比較表 為什麼選擇產品經理? 誰適合轉職產品經理? 掌握產品經理的核心能力:必備工具技能 x 學習路徑 x 軟技能 產品經理技能 × 學習階段 對照表格 產品經理學習地圖與路徑(搭配AI工具) 成為產品經理應具備的軟技能  產品經理是誰?為何成為熱門職業?   產品經理工作內容  產品經理(Product Manager)負責定義產品要解決的問題,並與設計、工程、行銷等部門協作推動產品從構想到落地。其核心職責包含:  需求探索:透過用戶訪談、行為數據、回饋收集等方式,洞察真實需求。  功能規劃:撰寫 PRD、制定功能優先順序、評估 MVP 可行性。  專案推進:主持日常開發流程,跨部門協調資源,確保開發進度與品質。  成果驗證:追蹤產品指標(如留存率、轉換率),進行 A/B 測試與功能優化。  策略規劃:參與產品路線圖規劃,制定中長期產品方向與營收目標。  產品經理既是產品成功的推動者,也是用戶價值的守門人。其價值在於將「使用者需求 × 商業機會 × 技術可行性」三者整合為具體可執行的產品方案。  產品經理與相近職類比較表  職位 關注重點 負責內容 常見產業 產品經理(Product Manager)使用者 + 商業價值 規劃產品功能與開發節奏 科技、電商、金融、SaaS 等 專案經理 (Project Manager) 進度與成本控制 控管時程、資源、人員配置 各類型專案導向型公司 UI/UX 設計師 使用者體驗 介面設計、動線、視覺規劃 軟體、行銷、遊戲、EdTech 等 資料分析師 數據洞察 分析用戶行為、產品數據、A/B 測試 金融、零售、科技、行銷  為什麼選擇產品經理?  📈 發展潛力大|未來產業的中樞角色  不論是新創公司還是科技巨頭,產品導向已成為企業競爭的關鍵思維。  有產品就有需求,有需求就需要 PM——從 AI、SaaS、電商到 FinTech,每個行業都需要懂得「整合價值」的人。  企業不再只需要「能執行的專業者」,而是需要「能定義方向、驅動成長」的產品領導者。  🛠️能力多元|最全面的跨域訓練場  產品經理是一個訓練全腦能力的職業:👉 左腦要有邏輯與分析能力(數據、商業)👉 右腦要能發想與感知使用者(設計、體驗)👉 兩者還要能與技術部門深度協作(開發、工程)  在角色中將學會「如何說服利害關係人」「如何觀察用戶行為」「如何評估一個功能是否值得投資」,這些都是未來每一份高階職位都會需要的綜合實力。  🚀 成長彈性高|跨域轉換與職涯彈跳力強  PM 的角色可以橫跨不同產業與職能,時常需要與工程或設計專業職能有效通協作。是「所有關鍵決策職位的預備場」。  許多優秀的 PM 在職涯中轉職為:  創業者(Founder / Co-founder)  使用者體驗設計師(UX Designer)  數據分析師(Product Data Analyst)  成為產品主管、策略顧問,甚至進入 CPO、COO 等管理層  誰適合轉職產品經理?  🎓 1. 無產品背景但熱愛創新、解決問題者  你喜歡觀察生活問題、總是腦中浮現「這東西為什麼不能這樣改?」  從 side project 開始,就是最好的敲門磚。  無需程式背景,只要有邏輯、有使用者觀點,PM 是歡迎非典型背景者的職位。  💻 2. 工程師背景者  想脫離單純執行任務的角色,希望參與更多「要做什麼」的決策討論  PM 是讓工程師走向策略與產品領導的黃金道路。  技術理解力會讓你在 PM 角色上如虎添翼。  🎨 3. 設計師 / UX 專業者  有同理心、有用戶感知力的設計師,適合轉向更有產品話語權的角色。  讓你從 UI/UX 執行者,變成「產品體驗的主導者」。  許多產品團隊喜歡擁有設計底子的 PM,因為他們更懂體驗與細節。  📢 4. 商業 / 行銷 / 業務人員  熟悉市場與用戶痛點,對產品的商業價值有敏銳觀察  補足產品開發語言與邏輯,就能駕馭市場與產品之間的橋樑位置。  掌握產品經理的核心能力:必備工具技能 x 學習路徑 x 軟技能  產品經理技能 × 學習階段 對照表格   🧩 產品規劃與需求管理 📊 數據分析與驗證能力 🎨 戶體驗與設計思維 🤝跨部門協作與專案推進 基礎 - 撰寫 User Story、建立 Persona - 初步撰寫 PRD、功能清單 - 認識基本產品指標(DAU、MAU、CTR) - 初步理解 A/B 測試、使用 Google Analytics - 繪製使用者旅程圖、UX Flow - 使用 Figma 建立簡易原型 - 熟悉 Notion / Trello 等任務管理工具 - 學習基本會議記錄與任務追蹤方式 核心 - MVP 規劃、功能優先排序(RICE、Kano) - 撰寫完整 PRD、維護 Roadmap - 使用 Mixpanel / Amplitude 追蹤行為流 - 設計驗證機制(Cohort、Retention、轉換率分析) - 熟悉設計思考流程(Design Thinking) - 與設計師協作建立 Wireframe 與可用性測試 - 使用 Jira / Asana 進行敏捷開發任務管理 - 主持 Stand-up / Sprint Review / Retro 會議 進階 - 多模組產品整合與平台化思維 - 建立產品 KPI 指標並追蹤成效 - 設計數據導向決策邏輯 - 與資料分析師共構儀表板、做策略調整 - 優化使用者體驗,結合數據與測試結果反覆調整設計- 規劃用戶測試場景、引導焦點訪談 - 建立跨部門溝通 SOP 與產品知識共享 Wiki - 作為 PM Leader 引導 Junior PM、推進跨部門專案 認證 - CSPO(Scrum Product Owner)- Pragmatic PM 認證 - Google Analytics 證照- Mixpanel / Looker Studio 認證 - Google UX Design 認證- Nielsen Norman UX 課程 - PMP 專案管理師- CSM(Scrum Master 認證)  產品經理學習地圖與路徑(搭配AI工具)  🟢 第一階段:新手 PM 入門(0~6 個月)  ✅ 目標:建立基礎產品思維與跨部門語言,從具體產出中培養使用者理解與任務邏輯。  📌 學習內容:  【產品市場機會】:初步理解產品與市場的關係(例如:Who / Why)  【找出使用者需求】:撰寫 User Story、建立 Persona、使用者旅程圖  【設計思考】:練習 Wireframe / Wireflow 製作,視覺化想法  撰寫簡易 PRD:說明做什麼與為什麼  學會製作 UAT(功能性測試 / 反向測試等)  建立會議紀錄與議題追蹤清單,強化任務邏輯與流程觀  📌 AI 工具應用:  ChatGPT / Claude:生成 User Story、用戶情境模擬  Uizard / Figma AI:快速建立原型畫面與 Wireframe  Notion AI:整理任務、產出會議紀錄與需求清單  📌 備選學習:  學習基礎專案管理(甘特圖、排程、進度跟催)  練習回報 bug 與測試報告,建立與工程團隊語言  閱讀《Inspired》、《Lean UX》理解產品角色的多重任務  [course_plugin title='產品經理入門課程' keyword='PM產品經理|入門致勝攻略:打造最強怪物新人的實戰課|104獨家線上課' amount=1] 🟡 第二階段:中階 PM 成長(6~18 個月)  ✅ 目標:獨立負責一個產品模組,深化市場洞察與優先排序邏輯,開始建立產品成果思維。  📌 學習內容:  【產品市場機會】:進行競品研究、定位圖、SWOT 分析  【使用者需求】:進階訪談技巧、使用者回饋整理、Cohort 分析  【提出解決方案】:撰寫完整 PRD、定義功能 MVP、排定開發優先順序(RICE、Kano)  【產品企劃框架】:建立產品 Roadmap,依驗證結果動態調整  專案協調與跨部門簡報報告  主持 Scrum、Sprint Review 等會議,培養團隊推進力  📌 AI 工具應用:  Miro AI:協助需求 Mapping、建立 Feature Map  Amplitude / Mixpanel + AI plugins:用於用戶行為與留存分析  Jira AI / Linear AI:協助排程與任務追蹤自動化  ChatGPT:產出會議簡報、功能拆解與優先順序建議  📌 備選學習:  與工程師深度對話 API 邏輯與限制(建立技術思維)  學習使用 A/B 測試平台與分析資料結果  與設計師協作,規劃 Usability Test 測試流程  [course_plugin title='資料分析相關課程' keyword='用AI+Google Sheet建立自動化工具,打造你的業績成長引擎|104獨家' amount=1] 🔴 第三階段:資深 PM 精進(18~36 個月)  ✅ 目標:制定產品策略與願景、帶領多模組團隊與跨部門合作,具備從數據到決策的整體能力。  📌 學習內容:  【產品企劃框架】:建立成果導向型 Roadmap,結合營運目標與客戶反饋  【有效提案法】:提案簡報、策略 Buy-in、利益關係人對齊溝通(尤其是非 PM 部門)  【提出解決方案】:設計產品 KPI(DAU、留存、LTV、NSM)  【產品驗證與迭代】:產品指標監控 → 分析迭代邏輯 → 反饋進 Roadmap  建立跨部門合作 SOP、主持策略規劃會議  設計產品願景,指導 Junior PM 並進行 Mentor / Review  📌 AI 工具應用:  Power BI / Looker Studio + GPT Plugin:產出決策儀表板、進行策略預測模擬  Notion AI:整理策略紀錄、文件管理、產品 Wiki 協作  ChatGPT / Claude:撰寫產品願景草案、跨部門溝通稿  Suno / Gamma AI:製作產品簡報、提案影片輔助  📌 備選學習:  學習產品組合管理(Product Portfolio)  熟悉商業模型設計與利潤預測(可使用 Business Model Canvas)  進階使用 AI 作為產品功能的一環(如設計 AI Prompt 功能、智能推薦引擎)  [course_plugin title='產品經理實戰課程' keyword='第7屆產品經理學習營' amount=2] 成為產品經理應具備的軟技能  產品經理的成功關鍵往往不在工具,而在於這些關鍵軟實力的「日常實踐力」:  溝通協調能力  與設計、工程、商業部門建立共識  化繁為簡、拆解問題並說服他人  優先排序與決策力  在時間與資源有限下做出取捨  擁有面對模糊需求時的清晰邏輯  系統性思考能力  看見整體產品架構與模組邏輯  能理解「做這件事對誰有價值?」  同理心與觀察力  從用戶視角出發洞察潛在問題  不被表層需求誤導  學習力與適應力  快速吸收新工具、新領域知識(如 AI、資料分析)  面對變動保持彈性與專業判斷  繼續閱讀 【產品經理 - 學習地圖(下):職涯精進篇】  [joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?jobsource=index_s&keyword=產品經理&mode=s&page=1' amount='3'] 延伸閱讀: PM「產品經理」和「專案經理」差在哪?盤點工作內容及PM技能樹 PM工作內容做什麼?產品企劃/產品經理薪資待遇、履歷面試總整理|精選工作機會 PM意思有不只3種可能!為何PM工作職缺只會愈來愈多?哪種PM最熱門? 轉職PM不撞牆!從0學會提案,產品經理學習營揭3大挑戰|商業思維學院
【104職場力】・職涯規劃

【ChatGPT當機】除了ChatGPT還有哪些生成式AI?16種AI工具應用解析,4步驟學會關鍵能力

生成式AI除了ChatGPT,你還用過哪些?本文解析4大領域、16種AI工具特性,包括:Copilot、Perplexity、Claude等等,專家也提醒千萬別完全依賴AI、失去自主思考能力,4步驟帶你了解如何正確運用AI工具,建立解決問題的思考框架! 編按:ChatGPT在台灣時間7月16日上午再傳大當機,網頁、APP版都出現異常,用戶除分享當機災情,也尋找替代工具,本文分享除了ChatGPT,還有哪些生成式AI工具! 文/ 張可佳(Claire Chang) 本文目錄(點擊可快速前往) 16種生成式AI工具4大領域應用文本生成(LLM)工具影像/影片生成(Text-to-Image)工具音樂/聲音生成工具程式碼生成工具生成式AI的正確/不正確使用範例正確使用AI的例子:輔助學習不正確使用AI的例子:完全依賴翻譯工具4步驟用ChatGPT訓練解決問題的思考框架1. 明確定義問題與期待結果2. 重視問答過程並在過程中做思考3. 根據反饋一步一步探索你要的目標4. 快速測試及驗證回應 16種生成式AI工具4大領域應用 在生成式AI的世界裡,許多人可能首先想到的是OpenAI的ChatGPT。然而,生成式AI的應用範圍遠不止於此,涵蓋了從文本生成到圖片、影像、音樂、語音生成,甚至程式碼生成的多個領域。以下是一些主要的生成式AI工具,介紹它們在不同領域的應用。 文本生成(LLM)工具 1. OpenAI的ChatGPT 網址:https://chatgpt.com/ 最受歡迎的文本生成模型之一,能夠回答問題、撰寫文章、生成對話等。 2. Google的Gemini 網址:https://gemini.google.com/app 能夠同時理解文本、影像、音訊和影片,這使其能夠更全面地處理和生成資訊,適用於各種複雜任務。 3. 微軟的Copilot 網址:https://copilot.microsoft.com/ 整合Microsoft 365應用程式,幫助用戶自動化任務、生成內容和分析資料,提升工作效率。 4. Anthropic的Claude 網址:https://claude.ai/ 超大的上下文窗口,可處理長的文本資料。 5. Perplexity 網址:https://www.perplexity.ai 與傳統搜尋引擎不同,Perplexity AI提供單一的、全面的答案,概括了所有需要知道的資訊。 6. Felo Search 網址:https://felo.ai/search 支持多語言搜尋,能夠自動翻譯搜尋結果,消除語言障礙,使用戶能夠訪問全球資料。搜尋結果是從網際網路上即時獲取的,確保資訊的最新性和準確性。 影像/影片生成(Text-to-Image)工具 1. Meshy 網址:https://www.meshy.ai/ 從文本或影像創建3D建模檔案,從而加速3D建模的流程 2. Midjourney 網址:https://www.midjourney.com/ 以創作高品質影像而著稱,適合藝術家和設計師使用。 3. Stable diffusion 網址:https://stability.ai/stable-diffusion 開源社群網址:https://civitai.com/  開源的影像生成模型,提供靈活且可自定義的生成過程。並有著豐富的開源模型社群,有豐富的免費模型與外掛可供嘗試使用。 4. Kling 網址:https://klingai.com/ 影片及圖片生成的大模型,能更輕鬆地完成藝術影片創作。 音樂/聲音生成工具 1. Suno 網址:https://suno.com/ 音樂生成AI工具。使用者只需要輸入歌詞,就可以在短時間內自動完成作曲、編曲及演唱。 2. Steve AI 網址:https://www.steve.ai/ 專門用於生成音樂和聲音效果,適合影片和遊戲設計。 3. AudioCraft 網址:https://audiocraft.metademolab.com/ Meta開發的音樂生成工具,能創作高品質的音樂片段。 程式碼生成工具 1. Github的Copilot 網址:https://github.com/features/copilot 與Visual Studio Code整合的程式碼輔助工具,能夠即時補全程式碼。 2. Cursor 網址:https://www.cursor.com/ 使用GPT-4,在一種新型編輯器中撰寫、編輯的程式碼。 3. Cosine AI 網址:https://cosine.sh/genie 推出了Genie,自稱全球最優秀的AI軟體工程師。 生成式AI的正確/不正確使用範例 筆者在撰寫此書籍時,為了更深入了解各行各業中人們使用生成式AI的情況,訪談了20餘位不同行業和角色的職場菁英。 其中,來自5IN實驗教育機構的李有誠博士,身處教育界,對生成式AI的影響有深刻見解。他認為生成式AI是一種革命性的技術,不僅改變了知識的傳遞方式,更可能重塑人類社會的結構。 李博士強調,生成式AI的強大之處在於其能在短時間內處理和生成海量數據與資料,超越人類能接受、理解和消化的能力。這種能力有可能引發許多職位、人類角色、認知和信念的興起與消失,導致社會結構的快速變動,也因此導致現代人們容易自我定位錯亂,迷失自我。 為了應對這種變動,他認為教育的核心任務應該是幫助學生進行自我探索與定位,探索自我價值觀,建立自我人格。人的想法和人格並非純粹內生,而是受到外部環境和參考資料的影響而形成。只有當學生能夠更快地了解自己與環境時,才能更有效地適應這些變化。  因此,社會對教育的觀念也需要隨之改變,應更加重視思考能力和人文素養的培養,而非僅僅追求分數或知識的學習。建立解決問題的思考框架,而非僅依賴AI提供的知識,將成為未來AI時代最重要的軟實力。 他也提及我們應謹慎使用AI功能,以確保能從中受益而不是依賴。  正確使用AI的例子:輔助學習 在完成英文創意寫作後,可以使用AI工具(如Grammarly、ChatGPT)來檢查文法錯誤。這種使用方式能夠幫助學生識別和理解自己在語言使用上的錯誤,進一步辨認出自己需要調整的地方,提高語言能力。學生完成寫作後,將其提交給AI 檢查,然後將AI指出的錯誤列出並理解這些錯誤的原因,再進一步請教師解釋和指導。接下來,學生按照對自己現況能力的新了解而更有針對性的進行下一步的成長,方能達到提高能力的目標。  正確使用AI-輔助學習指令: 請檢查這篇英文文章的文法錯誤,並列出有哪些錯誤及其原因。我想學習並了解我的寫作問題,從而改進我的英文能力。以下是我的文章內容:[ 在此貼上文章內容] 不正確使用AI的例子:完全依賴翻譯工具 在創意寫作時,直接使用Google翻譯將中文文本轉換為英文,然後將這些翻譯結果提交作為作業。這種做法完全沒有涉及到發自於學生本身的任何自主思考,錯失了練習英文的機會,沒有達到學習的目的,反而浪費了時間和資源,變成老師根本就是批改電腦生成內容的滑稽景象,也可能誤創造出學生有在學習的假象。 不正確使用AI-完全依賴工具: 我有一篇中文文章,請你將其翻譯成英文,並確保翻譯後的結果看起來像是創意寫作,能直接提交作為作業。以下是文章內容:[ 在此貼上文章內容] 4步驟用ChatGPT訓練解決問題的思考框架 從上面的範例我們可以知道,我們並不是要完全依賴AI替我們工作,而是將其視為一個強大的輔助工具,在我們的指導下,共同完成目標。我們可以將AI視為自己的下屬,而自己則是主管,負責引導、審視並做出最終決策。 1. 明確定義問題與期待結果 首先,我們需要清晰地定義問題,了解自己想獲得的結果,並附上相關參考資訊,為AI提供明確的指示。就像一位主管在下達任務時,需要讓下屬明確理解工作要求和目標。這樣,AI才能根據我們的指引生成符合預期的結果。 【市場分析報告】指令範例: 我需要生成一份有關市場分析的報告,目標是瞭解我們的新產品在台灣不同市場中的潛力。產品資訊:辣木籽(維持健康 促進新陳代謝 調節生理機能),印度稱其為【奇蹟之樹】,來自印度的超級食物,風靡全球 營養價值高 2. 重視問答過程並在過程中做思考 在這個過程中,我們扮演的角色不僅僅是提出問題,更重要的是評估AI的回應。當AI生成回應後,我們需要像主管審閱報告一樣,仔細檢查其中的邏輯和合理性。對於發現的任何不合理之處,我們要進一步探詢或查證,確保最終的結果是準確可靠的。 【客群分析】指令範例: 以這三種不同客群來說,在行銷包裝上分別要注意什麼?中老年人、關注健康的年輕專業人士、重視養生的族群 3. 根據反饋一步一步探索你要的目標 此外,我們應該善用AI提供的反饋,逐步逼近我們的最終目標。這就像在管理一個專案時,我們根據進展情況進行調整和最佳化,最終達成預期的成果。這種持續的互動和調整,是確保AI能夠有效協助我們解決問題的關鍵。 【行銷策略】指令範例: 有沒有一種行銷可同時打中這三種族群? 4. 快速測試及驗證回應 在利用AI解決問題的過程中,我們需要對AI回應的內容進行驗證。透過一來一回的過程,我們能從中學習到我們原本不知道的東西,並產生最終品質更好的結果。這不僅能提高我們的工作效率,也能讓我們從過程中學習,增強我們處理跨領域問題的能力,讓我們透過AI來提升工作能力及效率。 【行銷管道】指令範例: 中老年使用部落客推薦會有用嗎?有推薦管道嗎? 這時我們就可以去Google搜尋其他保健食品與醫生或健康專家合作做推薦的案例(可以使用Perplexity或Felo Search去搜尋相關文章),並評估可行性和過往的成效。我們可以將搜尋到的資料再貼回ChatGPT,幫助ChatGPT有更多符合我們需求的相關知識,並提供更好的後續回應。 節錄自:博碩文化《AI職場超神助手:ChatGPT與生成式AI一鍵搞定工作難題/張可佳(Claire Chang) 著 》 更多【AI工具應用】推薦: 盤點20大職場必備AI工具!專家:未來9成工作者都須懂AI ChatGPT整理Excel表格超快速!用AI輕鬆搞定複雜資料 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報
【104職場力】・AI

AI技術如何重塑職場?主管必備的3大應對策略,掌握數位轉型關鍵,強化團隊競爭力

在人工智慧(AI)迅速崛起的時代,許多人開始反思:「AI將如何重塑工作模式?」、「未來AI技術對團隊與業務會產生哪些影響?」以及「如何在AI時代中取得優勢?」這些問題凸顯了現代職場對於AI技術的深切關注。本文將探討AI帶來的職場變革,結合AI數位轉型的優勢,為主管提供應對策略,協助他們在這波科技浪潮中把握新的職業機會。 文/104獵才顧問行銷企劃部 點擊前往關注AI相關500家企業?免應徵👉先跟HR聊聊 【本集課堂分享人物】 劉俊鴻 Darlian Liu 104高階及關鍵人才庫 顧問 📽️回顧看上集👉《AI將減少工作機會?深入解析ChatGPT如何影響未來就業趨勢》 本文導覽: 一、AI帶來的職場變革與未來趨勢,AI技術如何重塑職場格局? 1. 自動化提升效率 2. 新興職業的誕生 3. 傳統職業的轉型 二、AI數位轉型優勢:提升團隊業務效能的五大關鍵要素! 1.數據驅動決策:AI如何優化市場分析與業務預測 2.建立數位文化:提升團隊創新能力的基石 3.數位化流程:簡化操作,增強團隊效率的最佳實踐 4.增強客戶體驗:AI如何提升顧客滿意度與忠誠度? 5.鼓勵創新與實驗:如何在AI時代中發掘新商機? 三、在AI浪潮中保持競爭力的3大策略:擁抱挑戰、持續學習、 強化溝通技巧 1. 擁抱挑戰,勇敢面對技術革新:面對AI技術的心態調整 2. 持續學習的重要性:跟上AI技術演進的步伐 3.強化與AI溝通的能力:提升職場競爭力的關鍵技巧 四、結論、掌握AI時代職業機會的關鍵要點 一、AI帶來的職場變革與未來趨勢,AI技術如何重塑職場格局? AI技術正在快速重塑我們的工作方式和職場格局,帶來了深遠的影響。從自動化流程到創新應用,AI不僅提高了工作效率,還開創了許多全新的職業機會。 1. 自動化提升效率 AI技術自動化了許多重複性和低效能的工作,解放了人力資源,使員工能夠專注於更具創造性和戰略性的任務。這種轉變不僅提高了生產力,還促進了工作滿意度。 2. 新興職業的誕生 AI技術的進步催生了許多新興職業,如數據科學家、AI工程師、機器學習專家(👉超過400個AI相關職務等你來關注)等。這些職業不僅薪資優渥,還擁有廣闊的發展前景,成為職場中的新寵。 3. 傳統職業的轉型 傳統職業在AI的影響下也在發生轉型。例如,市場營銷人員現在需要掌握數據分析和AI工具,才能在數位化時代中脫穎而出。這種轉型要求職場人士不斷更新技能,以適應新的職場需求。 二、AI數位轉型優勢:提升團隊業務效能的五大關鍵要素! 數位轉型是指組織或企業利用數位科技重新設計業務流程、改善組織運作,並提升整體價值創造力的過程。對於主管來說,這不僅是技術的更新,更是促進團隊協作、提高效率和增強競爭力的關鍵策略。透過數位轉型,主管可以引導團隊在新技術的支持下,實現更靈活的運作模式,並在不斷變化的市場中保持優勢。 1.數據驅動決策:AI如何優化市場分析與業務預測 數據驅動的決策過程使企業能快速響應市場變化,並做出更精準的商業判斷,從而增強競爭力,提升團隊效能。 2.建立數位文化:提升團隊創新能力的基石 建立數位文化能鼓勵員工探索新技術,增強團隊的創新能力,進而促進企業整體成長和效能提升。 3.數位化流程:簡化操作,增強團隊效率的最佳實踐 數位化流程可減少人為錯誤,加快業務運作速度,讓團隊專注於更高價值的任務,進一步提升團隊效能。 4.增強客戶體驗:AI如何提升顧客滿意度與忠誠度 利用AI技術分析顧客數據,企業可以提供個性化服務,增強顧客整體體驗與忠誠度,提升團隊在客戶關係管理中的效能。 5.鼓勵創新與實驗:如何在AI時代中發掘新商機 在AI時代,企業應鼓勵創新思維與實驗,探索未來的新商機,這將促進團隊的靈活性和效能,保持市場競爭力。 三、在AI浪潮中保持競爭力的3大策略:擁抱挑戰、持續學習、 強化溝通技巧 1. 擁抱挑戰,勇敢面對技術革新:面對AI技術的心態調整 在這個快速變化的時代,保持開放心態至關重要。面對AI浪潮,主管們應鼓勵團隊勇於嘗試新技術,積極參與相關活動。這不僅能提升個人技能,還能培養團隊的創新精神,讓每位成員都能在面對挑戰時保持競爭力。 2. 持續學習的重要性:跟上AI技術演進的步伐 為了適應不斷變化的AI技術,持續學習和加入同好圈是關鍵。參加線上課程、教育平台或工作坊,並融入Facebook社團、粉絲頁或LINE專業群組,這不僅能提升專業知識,還能鼓勵團隊成員建立人脈,拓展視野,確保在職場中不斷前進。 3.強化與AI溝通的能力:提升職場競爭力的關鍵技巧 在AI時代,與AI有效溝通的能力將成為職場競爭力的關鍵。主管們應該鼓勵員工學習如何使用AI工具,並強調這項技能對提高工作效率的重要性。透過掌握與AI的溝通能力,團隊將能在複雜的職場環境中脫穎而出,贏得未來的機會。 四、結論、掌握AI時代職業機會的關鍵要點 AI技術正在引領職場的巨大變革,帶來了無數的機遇和挑戰。職場求職者應該保持開放的心態,擁抱挑戰,持續學習,並提升溝通技巧和心理素質,才能在這波科技浪潮中找到自己的職業機會。無論未來如何變化,只要做好準備,就能在新的職業環境中找到屬於自己的位置。 【推薦關鍵人才的AI趨勢好文】 📣AI市場薪情知多少?《AI到底有多熱!從市場薪情找出你的高薪機遇》 📣AI時代會減少工作機會?《AI將減少工作機會?深入解析ChatGPT如何影響未來就業趨勢》 📣如何用AI讓你被HR看見?《用AI打破求職困境:4關鍵快速讓HR看見你的亮點》 ║關鍵人才專屬AI職缺推薦║ AI 處理器設計工程師 聯發科技股份有限公司│新竹市熟悉處理器系統BUS and memory architecture、熟悉Verilog AI software development manager 廣達電腦股份有限公司│桃園市龜山區8年以上工作資歷│C 、C++ 、Java 、Python 、JavaScriptg 電腦輔助工程CAE與AI資深工程師 緯創資通股份有限公司│台北市內湖區4年以上工作資歷│電腦輔助工程模擬技術或AI開發經驗、Dassault Systèmes、ANSYS、SIEMENS、Hexagon 數位科技處-AI人工智慧專案管理師 永豐商業銀行股份有限公司│台北市中山區具備AI相關背景知識,如CNN、RNN演算法、基礎建模方法等、具AI專案開發/管理經驗者 數位轉型服務-數據分析資深顧問 勤業眾信聯合會計師事務所│台北市信義區3年以上工作資歷│熟悉資料分析語言與框架、熟悉機器學習與深度學習等演算法建模 點擊前往關注AI相關500家企業?免應徵👉先跟HR聊聊 企業徵才│找關鍵人才 人才求職│找優質職缺 104獵才顧問 官方網站104獵才顧問 Facebook104獵才顧問 LinkedIn104獵才顧問YouTube
【104職場力】・AI

打造ChatGPT行政小助理:專屬AI助理幫你處理瑣碎行政工作

你是否曾經覺得ChatGPT「不夠聰明」、「總是抓不到重點」?問題可能不是AI太笨,而是你沒學會如何訓練它成為你的專屬行政小助理!教你透過3步驟用ChatGPT建立專屬GPTs工具,並分享升級技巧與應用範例,打造高效率、全年無休的AI團隊。本文節錄自《30個必學的AI行政工作術》。 文/賴彥廷 本文目錄(點擊可快速前往) 訓練個人專屬的行政小助理:ChatGPT【操作3步驟】用GPTs打造專屬行政小助理2招技巧再升級AI小講堂:實用工具連結 訓練個人專屬的行政小助理:ChatGPT 「AI不像大家說的那麼聰明,給的東西總是不準確,沒辦法直接用啦。」 「別人說『訓練』AI很重要,但我跟它對話了這麼久,它怎麼還是不懂我的需求呢?」 「為了得到理想的成果,我要花更多時間和心力在AI身上,似乎本末倒置了吧,乾脆改回人工的方式好了。」 「唉,AI真難用……」 你是否曾經在使用AI時,冒出以上的想法? 如果有,你並不孤單。面對新工具時的無力感相當常見。 在與AI磨合的過程中,我們常聚焦在技術操作上,例如:Prompting(提示工程)與Fine-tuning(微調),前者讓我們將內心抽象的需求轉化為具體且明確的指令,後者則是強化AI在特定工作上的表現。 然而,除了掌握技術,心態設定同樣重要! 假如期望AI一開始就成為全知全能的助手,能完美執行任何任務,對於初學者來說幾乎不可能;但如果我們調整心態,先把日常工作切分成幾項小任務,每項小任務交給一位AI助手處理,不僅容易上手,還能快速享受到AI帶來的甜美果實。 就讓我們一起使用ChatGPT訓練個人專屬的行政小助理,熟練之後,就能反覆套用這個模式,讓每項瑣碎的行政工作都有一位專屬的AI助理,從此事半功倍! ChatGPT網址:https://chatgpt.com/ 我的GPT:https://chatgpt.com/gpts/mine GPT商店頁面:https://chatgpt.com/gpts 【操作3步驟】用GPTs打造專屬行政小助理 ChatGPT是當前最熱門的生成式AI工具之一,而「GPTs」功能可說是讓AI從好玩邁向實用的直達電梯。 透過GPTs功能,我們可以為每一項行政工作量身訂製一個專屬的聊天機器人,它只為這項任務而生,因此能做得更精準、更完善、更符合我們的需求。 接著將介紹如何設定GPTs功能,訓練個人專屬的行政小助理。 GPTs配置模式的操作示意圖 【STEP 1】快速掌握「建立模式」的操作方法 開啟ChatGPT:我的GPT頁面,點擊「建立GPT」(此為付費方案功能),即可開始設計。 操作不必具備任何程式基礎,只需要用口語描述希望創建的功能。 畫面布局主要分為左右兩大區塊,右側是預覽區,呈現未來實際使用時的畫面,我們可以在此隨時進行測試,檢查是否有需要調整改善的地方。 左側的功能設定區還可以分為兩種設計模式:建立(Create)以及配置(Configure)。 在建立(Create)模式下,我們將與ChatGPT來回對話,讓AI一步一步引導我們完成設計。 舉例來說,ChatGPT先主動提問:「請告訴我,您希望這個GPT具備什麼樣的行為或目標?」我告訴它:「我想製作偵測錯別字的GPT。」ChatGPT就會快速擬出相關指令以及預期呈現的功能,並且不斷地發問,確認它的理解與我們的實際需求一致。ChatGPT可能會這麼發問:「我建議將這個GPT命名為:錯別字檢查助手。您覺得這個名字合適嗎?」、「您希望錯別字檢查助手在與您互動時,採取什麼樣的語氣和風格呢?」除了回答它提出的問題,我們也可以提出其他的需求,例如:「如果發現簡體字,請特別標示出來。」以此新增ChatGPT原本沒有考量到的功能細節。我們在左側功能設定區操作時,右側預覽區的畫面會隨之更新。在一來一往的問答中,將會逐步完善這個GPT。 整體來說,建立(Create)模式偏向把設計的主導權交到AI手上,具有操作流程親民容易的優點,我們不必思考繁瑣的技術細節,大部分的問題都交給AI處理。 然而,建立(Create)模式的缺點也顯而易見,如果跟AI溝通不良,這個「對話」過程可能拉得很長,耗費更多時間。此時不妨切換到配置(Configure)模式,省略來回問答,直接完成所有的功能設定。 【STEP 2】快速掌握「配置模式」的操作方法 在配置(Configure)模式下,我們將省略跟ChatGPT口語溝通的過程,直接針對指令、對話啟動器、知識庫等功能細節進行設定,請參考以下說明: 名稱(Name):為這個GPT命名。 說明(Description):簡單介紹功能。 指令(Instructions):詳細輸入我們希望執行的動作、操作步驟以及具體的指令。可以使用條列式進行說明。 對話啟動器(Conversation starters):預設一開始能立即使用的指令。 知識庫(Knowledge):上傳可供AI學習與訓練的資料,檔案類型包含但不限於Pdf、Excel、Word等。 功能(Capabilities):選擇是否開啟網頁搜尋、DALL·E繪圖以及程式碼執行器等功能。 動作(Actions):點擊「建立新動作」,就能執行串接第三方API等進階設定,如果不需使用,忽略這個功能即可。 其中,指令(Instructions)是整個功能設定區的核心,我們需要具體且明確地輸入指令,告訴AI如何執行任務。舉例來說,當我們設計偵測錯別字的GPT時,可以將指令設計如下: 請幫助使用者辨識並更正錯別字,並遵循4個原則: 用「」標示錯別字,提供更正建議,同時保留原句。 使用專業語氣,提供簡潔的建議。 僅限於更正錯字,不修改語句次序及結構。 如果遇到不確定的情況,請主動向使用者確認。 在設計指令的過程中,別忘了隨時透過右側的預覽區做測試! 我們可以根據測試結果,觀察AI實際執行的情況,檢測還有哪些問題需要解決,將指令內容修改得更完善。 另外,對話啟動器指的是一進入GPT就能看到的指令按鈕,通常會設計為簡短易用的指令。以偵測錯別字的GPT為例,對話啟動器可以設定為「請偵測這篇文章內的錯別字」。未來每當我們進入這個GPT,都會出現這個指令按鈕,節省手動打字的時間。 關於功能設定中的程式碼執行器和資料分析功能(Code Interpreter & Data Analysis),乍聽之下像是只能用在程式設計,但它的應用層面其實相當廣泛,許多涉及數理計算、製圖製表或是數據分析的操作,都會用到這個功能。 整體來說,建立(Create)模式的操作容易,但只適合設計功能簡單的GPT;配置(Configure)模式雖然稍顯複雜,卻能滿足更細膩、更全面的設計需求。 【STEP 3】設定分享方式 設計完成後,點選畫面上方的「建立」(Create)就能完成存檔。 同時,我們也要決定如何分享這個GPT,目前共有3個選項。 只有我:僅供私人使用。 擁有連結的任何人:可以透過連結,分享給同事或親朋好友使用。 GPT商店:公開發表到OpenAI的GPT商店,任何人都能搜尋到這個GPT,並自由使用。 最後再次強調,大家試著把自己常常需要做的行政工作區分為幾項小任務,並為每項任務設計專屬的GPT助理。 期待大家都能組織一群專業、高效率的「AI團隊」,全年無休為自己服務! 2招技巧再升級 【技巧1】激發想像,GPT助理還有哪些功能? 除了上文介紹的偵測錯別字,GPT助理還有許多新鮮有趣的應用,例如,我們可以設計一個專門整理名片資訊的GPT助理,或是讓它負責構思簡報大綱、安排旅遊行程,甚至還能擔任精通多國語言的外語家教。 【技巧2】使用別人設計的GPTs 除了設計自己專屬的GPT,我們還能在「GPT商店」享受別人開發的工具(連結附於文末),內容涵蓋繪圖、文案寫作、程式設計等眾多領域。閒暇時不妨到GPT商店瀏覽一下,或許有意外之喜! AI小講堂:實用工具連結 GPT商店常被稱為「AI版本的App Store」,如同我們在iPhone下載各種實用的APP,GPT商店也有許多別人精心研發的工具,滑鼠一點,就能直接取用。 根據統計,OpenAI推出GPT商店之後,短短幾個月時間就累積了超過300萬個GPT作品,藉由全球不同產業、不同領域使用者腦袋裡的無限創意,即使是剛接觸生成式AI的新手也能站在巨人的肩上,輕鬆享用甜美的果實。 ChatGPT:GPT商店頁面 網址:https://chatgpt.com/gpts 節錄自:商周出版《30個必學的AI行政工作術:搞定會議、行程、簡報、文書、圖表、影音、資料庫,事半功倍,準時下班!》/賴彥廷 著 更多【AI工作術】推薦給你: 4步驟學會運用AI關鍵能力!16種AI工具應用解析|行銷策略指令範例 用AI快速寫Email!ChatGPT Writer、Copilot等中英文電子郵件生成 ChatGPT一鍵生成簡報!Slides Maker讓AI幫你快速做完整簡報 會議紀錄用AI怎麼做?會議逐字稿如何整理?|AI語音轉逐字稿教學 用ChatGPT準備面試練習!AI履歷撰寫和模擬面試必學指令
【104職場力】・AI

前端面試問題如何反問?8個了解團隊的關鍵問題

面試是雙向選擇,前端工程師面試也要善用反問問題的機會,了解團隊與公司的工作模式,更深入了解工作細節。本文作者為前端工程師,網站前後端開發經驗逾9年,以自身經驗整理前端面試可以反問的8個問題,有助準備面試與掌握面試主導權。 文/林彥成|前端三分鐘 本文目錄(點擊可快速前往) 面試前端,你還有什麼問題想問嗎?前端面試可以反問的8個問題前端面試反問1:是否有遇過常改規格的情境? 工程師會需要如何應對?前端面試反問2:通常是怎麼處理樣式檔?像是BEM或依元件或頁面開檔案放置?前端面試反問3:目前公司有幾位設計,是怎麼合作的?前端面試反問4:請問會需要整合不同的後端嗎?前端面試反問5:專案中有用到哪些設計模式?前端面試反問6:專案的時程會很趕嗎? 當工程師遇到困難時,會如何協助解決?前端面試反問7:如果有十幾個需求同時開發或是需要轉換框架函式庫,會怎麼進行?前端面試反問8:會在什麼時候決定將共用邏輯抽取出來成為function或是常數?4個問題了解面試官和團隊 在新鮮人階段時,通常不太確定面試可以問什麼或該問什麼,當面試到最後被問起:「你還有什麼問題想問嗎?」又該怎麼回答? 隨著職涯的發展,這個問題終究是回到自身想要成為什麼樣的大人? 對於個人來說,面試的目標是要找到不討厭、別人願意付錢請我們做、我們可能也做得不錯的事情。 面試前端,你還有什麼問題想問嗎? 在面試過程除了被面試其實也在面試團隊跟公司,而一個好的問題可以幫助我們從更多面向去了解這間公司工作樣貌,進而去看看公司有沒有符合想要的職涯目標、工作型態。 扣掉找新人免洗的狀況,大部分的公司都是遇到問題才會徵才,單純擴編的狀況可能並不多,而企業目前的問題很可能是造成前一位員工離職的原因之一。 在轉職時,要怎麼知道接下來是不是想要體驗這樣的職涯環境?或著說工作樣貌是不是自己喜歡的? 【作者檔案】林彥成,資深前端工程師,網站前後端開發經驗9年。珍貴線上Q&A機會,直擊台積電工程師的真實生活!限時報名>> 前端面試可以反問的8個問題 致那些年我踩過的坑,也預祝大家在新的一年填坑大吉。 小編是前端工程師,決定在工作一年左右轉換的原因可以參考小編談談選擇前端的理由這篇文章。 前端通常是在設計、後端都完成後才進行收尾,收尾的同時也在幫規格、設計、後端Debug,所以大家在大聊一波慶祝工作完成的同時,我們會發現只剩前端還在工作。 接下來會從小編當前端工程師過往遭遇的問題和解法反思未來職涯疑問,就讓我們一起看下去。 前端面試遇到的常見地雷 面試遲到讓面試者等 問很多跟工作無關的問題,有女朋友?結婚有小孩了沒? 請我們又多填一份跟104一樣的履歷表 面試沒問太多技術問題都在聊天 很急著壓報到時間,燙手山芋正在快速拋接中 試用期砍薪水,過了還不一定會調整 不過這邊想要特別說明一下,我朋友在面試的時候很誠實跟主管說接下來的目標是交女朋友工作什麼的都是浮雲,而老闆不管在面試時或是面試結束後也給了很多機會,這邊不得不感謝那個問了問題後有協助處理的老闆。 前端面試反問1:是否有遇過常改規格的情境? 工程師會需要如何應對? 為什麼問這題:常改規格並沒有不好,要看的是有沒有體驗到好的軟體開發流程,目標是確認公司開發流程是不是下一份工作的目標,像是有分測試和正式環境嗎?上版本遇到bug會在什麼時候修? 常依需求修改資料庫Schema或API,每次都要重寫邏輯以及資料庫互動的部分 需要常常顯示不同的統計,可考慮導入GraphQL從Client決定,減少開API的時間 使用Document-Oriented的資料庫,POC階段相對簡單 隕石式開發,主事者看到畫面後覺得還想改就又重來一次 出Mockup或是設計製作不須切版的假畫面流程 出一個Demo用的Prototype(處理關鍵流程,不須注重美觀)讓不熟網頁開發的主事者了解目前的狀況和方向,確認後才進行設計切圖、前端切版、後端開API 前端面試反問2:通常是怎麼處理樣式檔?像是BEM或依元件或頁面開檔案放置? 為什麼問這題:是不是可以在這樣的專案架構下學到東西。 CSS選擇器和規則們就像女孩化妝桌上的化妝品們,桌上總是放著各個種類,數也數不清大罐小罐擠的噴的擦的,在沒有預備知識和整理規劃的情況下,若要一個男孩子短時間搞清楚簡直是天方夜譚。 該怎麼透過CSS的架構來優化,可以參考之前小編寫的如何「透過BEM、SMACSS、OOCSS、Atomic CSS 簡化樣式開發流程、減少維護成本」。 撰寫地圖專用的圖層SLD樣式檔(類似XML)超過一萬行 官方有介紹使用CSS的寫法,運用Class共用的特性可讓行數減少 樣式檔沒有寫在元件中,也沒使用預(後)處理器,上千行的樣式檔搜尋「.user-photo」也許有十幾個結果 樣式需要有命名規則(BEM) 導入SCSS 前端面試反問3:目前公司有幾位設計,是怎麼合作的? 為什麼問這題:希望可以看出現在的專案是不是好維護,打聽一下工作流程或是有沒有Design Guideline或使用Zeplin或figma這類工具。 同樣功能的圖片大小長寬比不一 object-fit background-size: cover 重新切圖 拿到檔名是123543.jpg大小超過10MB 請設計壓縮一下 小於5MB可使用TinyPNG 設計沒有考慮到字數過多的情境,導致上字詞之後與預期狀況不符 overflow: hidden 改設計 前端面試反問4:請問會需要整合不同的後端嗎? 為什麼問這題:評估自己的能力有沒有辦法處理。 會需要串接不同網域的後端 使用Nginx Proxy 改成在後端才打API 後端開放Domain解決CORS 不同API的配置大多不太一樣 Token都移到Cookie,這樣相關的Token會自動送回相關子網域的API 善用客製化後的Axios Instance 前端面試反問5:專案中有用到哪些設計模式? 為什麼問這題:看現在的老闆或是同事是怎麼看待問題或是歷史遺跡。 什麼是Pattern,Pattern就是改善如何去架構程式的方法,主要是讓程式碼能夠在元件間共用。 用Java的概念寫Javascript,有非常多的Prototype的寫法,文件不清楚的情況下,導致實作上每次都需要追本溯源的看,考驗搜尋或是編輯器的能力。 使用Component-Base的函式庫或框架,並建立故事書。 善用設計模式,React常見的Component Pattern就是HOC或是Render Props。 前端面試反問6:專案的時程會很趕嗎? 當工程師遇到困難時,會如何協助解決? 為什麼問這題:如果老闆只剩下壓時程的功能,那是不是我們用個鬧鐘或是Google Calendar就好了? 主管可能不懂前端並無解決問題或協調資源的能力,只剩壓時程及提出需要限時解決。 提早尋求同事協助,並看價值觀是否願意加班解決。 時間給的不夠屬於管理上的問題,無法靠溝通解決就盡快重新找工作。 前端面試反問7:如果有十幾個需求同時開發或是需要轉換框架函式庫,會怎麼進行? 為什麼問這題:要看的是與歷史共業的生存法則與態度。 不同的產業別都會有歷史的包袱(Workaround),可能還是會用一些比較舊的東西。 除了東西較舊也可能遇到專案架構及程式混亂,這有點像是煉蠱的過程,看最後誰會生存下來。 專案在後期才考慮要加入i18n或伺服器渲染 React本身是一套過於單純的函式庫,容易且戰且走疊床架屋,建議可以參考 Next.js Repo中的Example 趕時程但又好又快又便宜無法共存,專案中可能滿滿的Workaround,像資料來源用Google Sheet 留下 // TODO: 及未來可改善方向 同樣一種功能有多種寫法或是Deprecated的寫法。 討論用哪種方法好,有時間就盡快合併,讓程式碼更好維護 尋找Deprecated寫法的替代方案 前端面試反問8:會在什麼時候決定將共用邏輯抽取出來成為function或是常數? 為什麼問這題:炫技跟過度結構化並不會讓專案變得更健康。 一層又一層的HOC封裝:HOC像是一個工廠,把原來的元件變身或加強,所以不建議包太多層。 過度或是過早的結構化,很簡單的功能卻太早預想會變成大專案 這裡有兩個觀念想要分享給大家,YAGNI和RUDT: YAGNI(You Ain’t Gonna Need It.) 真的需要使用XX模式嗎? 真的需要拆分成小元件嗎? 真的需要切成一堆小介面和抽象類別嗎? RUDT Read:最短的時間、最少的檔案 Update:CRUD features時可以用最小成本去改 Debug:菜鳥工程師也可以很快找到根本問題 Test:問題、結果都可以容易被複製被測試(資料面像是抽獎時該怎麼辦?) 4個問題了解面試官和團隊 同場加映4個問題,來自Medium的what questions should you ask the interviewers。 問題1:您的工作一天大概是怎麼過的? 這題是開放式的問題,目標是希望可以聽到一些工作型態。 有些面試官可能會說公司通常是早上8點半上班到晚上6點,有些面試官可能會說我們公司跑Scrum每天早上會有站會,偶而晚上會跟其他國家同事開會。 藉由這個問題,你大概就能夠了解如果進入這間公司,你大概會過怎麼樣的生活。 延伸的問題可能會是趁機問一下加班、出差的頻率,或是任何你對工作型態的好奇。 問題2:最喜歡和最不喜歡這個團隊或公司的地方是什麼? 第一個部分通常是簡單的,但其實真正有趣的會是第二個部分。 面試官通常在有HR的場合會講不出來,甚至只會模糊的打官腔,可能會有面試官回答說,我不太喜歡頻率太高的會議或是一直在不同的產品中轉換。 最主要的目的是,透過這些回答,我們可以去延伸一些後面的問題,甚至我們可以只是單純再問說哇那到底是有多討厭多不喜歡,即便我們不會得到直接的答案或是他們真的不喜歡的地方,但我們仍舊能從這些回答中得到些蛛絲馬跡和感受,也許這些感受剛好也會是你在意的。 問題3:這個團隊接下來的目標是什麼? 這個問題很適合問團隊主管,至少在決定加入這間公司前,可以知道自己未來2到3年大概能有什麼樣的成長。 這個問題可以幫助我們了解這個團隊是否在成長中,若是正在成長是不是有一個規劃好的計畫藍圖?如果是的話,就可以評估我們的戰力是否可以協助公司推進。 那如果是一個穩定的團隊,只是做一些日常維護的工作,那該問自己的問題可能會是這是我們這個階段想要追求的嗎? 問題4:請問您通常都是怎麼帶領團隊? 主管的帶領風格會對你接下來工作的成就和快樂有非常大的影響,藉由這個問題,你也許可以知道主管的管理程度,也許有些會說他們做微管理,有些也許會說只需要你一周寫一次週報。 從回答中,你可以判斷這個主管的個性是不是適合你,提早了解這些層面會比進去之後後悔要來的更好。 (原文標題:面試前端,你還有什麼問題想問嗎) [joblist_plugin title='更多104【前端工程】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
【104職場力】・軟體工程

「接案作品集」怎麼準備?6大要素及不同客戶應對技巧

對自由接案工作者來說,「作品集」往往比履歷更能展現你的專業度與價值。一份好的接案作品集該怎麼準備?作者為軟體工作者,分享好作品集的6大必備要素,並用自身經驗解析技術型、設計導向、非技術型與綜合型客戶的關心重點,幫你打造更有說服力的作品集。本文節錄自《不想上班的勇氣:軟體工作者的第一本接案指南》。 文/陳泰銘(Taiming) 本文目錄(點擊可快速前往) 為什麼需要準備接案作品集?接案作品集準備方向:依照不同接案類型、客戶來調整好的作品集應該具備的6大要素沒有作品集怎麼辦?最好平時就累積Side Project 為什麼需要準備接案作品集? 作品集是接案者的「敲門磚」,能夠幫助潛在客戶快速了解你的能力、風格和經驗。有時候,你的作品集甚至比你的履歷還重要,因為它是最直觀的證明,展示你的專業度和價值。 客戶沒有時間細聊,先看作品決定是否聯繫你 比起履歷,作品集更能說明你的實力 客戶更信任有實際案例的接案者 降低溝通成本,幫助客戶確定風格與需求 讓你在競爭者中脫穎而出 當你在社群平台或論壇上看到有人發問:「有人可以幫我做插畫設計嗎?」如果你只是留言「我可以做」,很容易淹沒在眾多回覆中,客戶也不會特別關注你。但如果你直接附上作品集連結,讓對方點進去就能看到你的實力,成功機率就會大幅提升。這樣的方式不僅能讓你在競爭中脫穎而出,也能迅速抓住客戶的注意力。 接案作品集準備方向:依照不同接案類型、客戶來調整 一開始瞄準方向很重要,因為不同類型的客戶關心的重點不同,你的作品集應該根據你的目標市場來調整。例如: 技術型客戶:展示程式碼品質與技術細節 當你的目標客戶是開發公司或技術團隊時,他們更關心你的技術能力,而不只是表面的作品展示。例如,當一間軟體公司正在尋找後端開發者時,他們不會單純看UI設計,而是會評估你的程式碼品質、架構設計與API文檔。如果你的作品集包含GitHub專案連結、技術架構解析、程式碼片段或效能優化案例,將更能說服這類客戶,讓他們相信你具備專業的開發能力。 非技術型客戶:強調成果與商業價值 當你的客戶是中小企業或個人創業者時,他們通常不懂技術細節,而是關心你的工作能否為他們帶來實際價值。例如,一位餐飲業老闆希望建立線上訂餐系統,但他不懂技術,對「技術堆疊」也沒有興趣。他想知道的是這個系統能否提升業績、減少人工成本、讓顧客更方便。因此,針對這類客戶,你的作品集應該側重於案例說明,包含專案背景、解決的問題、最終成果與數據,例如「這個網站讓客戶下單率提升30%」,而不是單純列出技術細節。 設計導向的客戶:重視視覺呈現與品牌一致性 當你的客戶是品牌商、電商品牌或行銷團隊時,他們關心的是視覺美感與風格統一性,而不是技術實作的細節。例如,一位服飾品牌老闆希望找人設計一組社群貼文模板,他不會關心這些設計是用Photoshop還是Figma製作的,而是想知道你的設計是否符合品牌形象,能否吸引目標受眾。因此,你的作品集應該著重展示設計風格,提供高品質的圖片、完整的設計概念,並附Behance、Dribbble或Figma連結,讓客戶能夠直觀地評估你的視覺風格是否符合需求。 綜合型客戶:需要靈活調整作品集內容 有些客戶的需求涉及多個面向,例如,一家新創公司希望開發一款APP,他們既關心UI設計,也重視技術架構與開發能力。在這種情況下,若你的作品集過於單一,可能無法完整展現你的能力。最佳做法是針對不同領域準備不同版本的作品集,例如一份專注於UI/UX設計,另一份則強調技術架構與開發過程,這樣才能根據不同客戶的需求靈活調整,確保你的作品集能夠精準打動對方。 因此,一開始要明確你的目標客戶,這樣作品集才能精準打動對方,而不會顯得雜亂或無法吸引適合的機會。 好的作品集應該具備的6大要素 一份優秀的作品集,不只是展示你的能力,更應該幫助潛在客戶快速理解你的價值,並建立信任感。以下是作品集應該具備的關鍵要素: 1. 清楚的自我介紹與專業定位 你的作品集應該開門見山地說明你的專業領域,例如「專注於SaaS產品開發的全端工程師」或「專精品牌識別與UI設計的視覺設計師」,讓客戶一眼就能理解你的核心技能與市場定位。 2. 精選案例,而非堆砌大量作品 作品集不應該只是單純堆放所有作品,而是要精選最具代表性的案例,並確保這些案例與你的目標市場匹配。例如,如果你主要服務科技新創,那麼展示SaaS產品設計或開發案例會比一般電商網站更具說服力。 3. 案例背景與解決方案 單純的圖片或程式碼展示不足以吸引客戶,你應該為每個案例補充背景資訊,例如:「這是為某家新創公司開發的會員系統,目標是提升用戶留存率」,然後說明你的解決方案與貢獻,例如:「透過重新設計UI/UX,讓註冊轉換率提升20%。」這樣的敘述能讓客戶更容易理解你的價值。 4. 數據與成果驗證 如果可以的話,加入量化數據來證明你的工作成效,例如「重新設計後的網站,跳出率降低25%」、「API優化後,請求速度提升40%」,這樣的數據能讓你的作品更具說服力,提升客戶的信任度。 5. 直覺且專業的視覺呈現 作品集的排版應該簡潔清晰,避免雜亂無章的內容堆砌。如果你是設計師,這本身就是對你美感能力的考驗;如果你是工程師,也應該讓專案展示清晰易讀,像是使用卡片式設計來分類案例,或提供 GitHub 連結搭配摘要說明。 6. 聯絡方式與行動呼籲(CTA) 無論作品集是網站、PDF還是簡單的Notion頁面,都應該明確提供聯絡方式,例如Email、LinkedIn、或接案平台連結。此外,可以加上一些行動呼籲,例如「有興趣合作嗎?歡迎來信討論!」,讓客戶知道下一步該怎麼與你聯繫。 透過以上這些要素,你的作品集不僅能夠有效展示你的專業能力,也能提升轉換率,讓潛在客戶更容易做出決策,進而提高你的接案成功機會。 沒有作品集怎麼辦?最好平時就累積Side Project 其實,比起事到臨頭才急著找作品集,最有效的方法是平時就主動累積Side Project。不論是為了解決某個小問題、實現自己的點子,還是純粹為了學習新技術,只要能完成、有成果可展示,就能成為你的實戰證明。 Side Project不需要商業化,也不必太龐大,關鍵是能展現你的能力與風格。這些專案可以放在你的個人網站、GitHub、Behance、Notion或Medium等平台,讓潛在客戶在搜尋你的名字時就能看到。 以下是一些常見的發想與執行管道: 解決自己的痛點:把日常遇到的問題變成產品,例如排程工具、記帳App、小型自動化腳本等。 模仿與改造:挑一個你喜歡的網站或應用,試著重製、優化或加入新功能。 開源貢獻:參與GitHub上的開源專案,累積實戰經驗與人脈。 挑戰題目平台:參加如Frontend Mentor、Dribbble Weekly Warm-up、Kaggle等主題挑戰。 幫朋友或社群做東西:主動幫朋友設計海報、開發活動報名網站、製作社群 BOT 等。 紀錄學習歷程:把你學會的新技術或解法整理成部落格、教學影片或Notion範本。Side Project的價值,不只是讓你練功,更是你與客戶溝通時最有說服力的「非商業作品集」。尤其在你還沒太多實戰經驗時,它們能說明你的主動性、邏輯思維、執行力與品味。 節錄自:博碩《不想上班的勇氣:軟體工作者的第一本接案指南》/陳泰銘(Taiming) 著 獨家課程推薦:【設計師接案必修課】從作品集到報價,系統化讓專業變現 [joblist_plugin title='更多104【軟體工程類 接案】工作機會' url='https://www.104.com.tw/jobs/search/?jobcat=2007001000&mode=s&page=1&ro=2&keyword=%E6%8E%A5%E6%A1%88&order=15' amount='4'] 更多【自由接案】分享: 上班族也掀「斜槓兼職」熱潮!高薪兼職時薪破千,兼職工作機會懶人包 接案族該如何報稅?一文搞懂「接案外包」的報稅技巧,趕快收藏! 設計接案合約必備5大要素!保護權益必知,終結客戶鬼打牆 接案報價不是憑感覺!給新手的基礎報價公式參考 2025 最完整免費接案平台、接案社群總整理(附設計、行銷外包接案工作機會)
【104職場力】・UX

線上去背網站免費7選!速成圖片去除背景高手

想要輕鬆快速去除圖片背景,一點都不難!本次客座小編「設計Ya黃素」推薦7個免費的去背網站,這些工具簡單又好用,就算沒有Photoshop也能輕鬆快速地去除圖片背景,趕快收藏起來吧! ※更新日期:2025/11/17 文/設計Ya黃素 本文目錄:6個網站無痛成為去背高手(點擊可快速前往) 【01】PixPretty【02】Remove.bg【03】Pixlr【04】PicWish【05】Slazzer【06】Removal.ai【07】MyEdit 每次看到人像或毛髮去背都手心冒汗、感到困擾嗎?別擔心,設計Ya黃素小編幫你整理了7個免費的去背網站,讓你省時省力,輕鬆獲得完美的去背效果,提高工作效率!這些工具簡單易用,無論是個人使用還是商業用途,都能滿足你的需求。趕快試試吧! 【01】PixPretty 特色:批次編輯照片,快速裁切、模糊背景 網址:https://pixpretty.tenorshare.ai/zh-tw/background-remover.html PixPretty提供免費AI去背,一鍵移除背景;並且支援批次編輯與尺寸壓縮,還能輕鬆更換背景,非常適合電商與社群使用。 ▲ PixPretty(圖片來源:設計Ya黃素) 【02】Remove.bg 特色:一鍵去除背景,適用各種圖片,操作簡單,效果驚人! 網址:https://www.remove.bg/ Remove.bg使用AI技術自動識別並去除圖片背景,操作簡單,幾秒內完成。支援JPG、PNG格式,提供Photoshop、Figma等外掛及API串接。提供免費試用,讓用戶體驗高效的背景去除功能。 ▲ Remove.bg(圖片來源:設計Ya黃素) 【03】Pixlr 特色:功能強大的照片編輯器,支援多平台使用,快速去除背景! 網址:https://pixlr.com/tw/remove-background/ Pixlr是一個功能強大的線上照片編輯器,支援網頁、桌面和手機板。提供背景去除、濾鏡、效果等編輯工具,免費版具基本功能,高級版則無廣告並提供更多工具,適合各種圖像處理需求。 ▲ Pixlr(圖片來源:設計Ya黃素) 【04】PicWish 特色:使用先進AI技術,精確識別並去除背景,簡單易用! 網址:https://picwish.com/tw/remove-background PicWish使用AI技術精準識別人物、動物等,支援多種格式。操作簡單,處理速度快,並提供免費的基本功能。 ▲ PicWish(圖片來源:設計Ya黃素) 【05】Slazzer 特色:自動去除背景,支援多格式和批量處理,還有外掛和API! 網址:https://www.slazzer.com/ Slazzer使用AI技術自動識別並去除背景,支援多種格式及批量處理。提供API和外掛支援,並提供免費試用機會,適合個人和商業用途。 ▲ Slazzer(圖片來源:設計Ya黃素) 【06】Removal.ai 特色:高效AI背景去除工具,多格式支援,提供免費試用機會! 網址:https://removal.ai/ 使用AI技術快速精確地識別並去除背景,支援人物、動物、物品等圖像。支援多種圖片格式上傳和下載,可批量處理,提高效率。提供免費試用機會,適合各種圖片處理需求。 ▲ Removal.ai(圖片來源:設計Ya黃素) 【07】MyEdit 特色:一鍵去背超快速、支援多種圖片格式 網址:https://myedit.online/tw/photo-editor/background-removal 主打快速AI去背,照片上傳就能自動處理,人像和商品都適用。免安裝、操作簡單,想做簡易修圖時真的很很好用。 ▲ MyEdit(圖片來源:設計Ya黃素) 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文
【104職場力】・AI

整理包/最熱門生成式 AI 大拚場 ChatGPT、Gemini、Grok、DeepSeek 各擅長什麼?

2025-06-24報導/經濟日報記者吳康瑋 由聯合新聞網授權轉載 生成式人工智慧(GenAI)技術迅猛發展,多款強大的AI工具幫助各行業提升工作效率。《經濟日報》為協助讀者了解各項AI工具,將「ChatGPT、Gemini、Grok、DeepSeek」等四大生成式AI列出,為讀者分析四款生成式AI的各自效能,就「開發者」、「訂閱費用」、「主要功能」及「擅長領域」等細項逐條分析。 AI工具確實快速提升效率,不過使用者也要注意,目前的AI工具不保證完全正確,甚至也會答非所問、提供錯誤資訊、或產生「AI幻覺」,使用者對生成的資料仍應有基本的辨識能力,避免AI工具謬誤。 各家生成式AI重點馬上看 ChatGPTGeminiGrokDeepSeek使用建議 ChatGPT OpenAI的ChatGPT堪稱帶動GenAI風行的先驅,也有廣大用戶,付費企業客戶近期突破300萬戶,有免費與付費模式,每月20美元的ChatGPT Plus訂閱費每月20美元,用戶指出,付費版反應速度更快,用戶在使用ChatGPT時隨時擁有最佳的使用品質。 「資料分析」方面,ChatGPT的優勢在於將資料壓縮、精簡化,適合急需快速獲取關鍵訊息的使用者。「文案生成」上,適合創作個人化內容。「圖表製作」方面,ChatGPT的圖表較為簡單,但圖片較無法把文字一起生成出來,繪圖時整體構圖比較簡單。 網址:https://chatgpt.com/ ChatGPT小檔案 開發者OpenAI付費版費用每月20美元(約新台幣610元)主功能提供文本生成、對話回應、內容創作、翻譯、問題解答等多種功能擅長領域自然語言處理、文本生成、教育輔助、創意寫作、客服支持等 Gemini Google DeepMind開發的Gemini專注於多模態學習,能同時處理文本、圖像和音頻數據。版本包括2.0、2.5和最新的2.5 Pro,推理和數據處理能力進步快速。Gemini 2.5 Pro提供更強大的計算能力和更高準確性,讓用戶在處理複雜任務時能獲得更佳體驗。付費版額外提供用戶包括2TB儲存空間、Gemini Advanced和其他AI功能。 「資料分析」方面,Gemini提供的內容易於閱讀,文法經過重新梳理,適合需要清晰解釋的使用者。在「文案生成」上,Gemini能一次生成多達15個標題,提供選擇建議,對於需要多樣化提案的用戶非常方便。「圖表製作」方面,Gemini 的完整度高,使用者可選擇不同的圖表類型,並能下載圖片、Excel或JSON格式的數據。 網址:https://gemini.google.com/ Gemini小檔案 開發者Google DeepMind付費版費用每月19.99美元(約新台幣650元),可免付費試用一個月主功能強大的推理能力,擅長處理複雜的問題和情境,能同時處理文本、圖像和音頻數據等多模態文件擅長領域AI推理、圖像理解、科學研究和技術開發 Grok Grok是由X(前稱 Twitter)開發的生成式AI,專注於社交媒體內容的生成。最新版本Grok3提供更強大的功能,能即時生成與當前熱點話題相關的內容,結合社交媒體數據分析趨勢,提升用戶互動的實時性,成為品牌營銷和社交媒體管理的理想工具。 「文案生成」方面,Grok風格簡潔有力,類似科技周刊的風格,適合快速傳達訊息。「圖表製作」方面,Grok可以較為輕鬆的運用文字組成圖表,並附上有關的資訊數據,對於需要快速理解數據的使用者來說很實用。 網址:https://grok.com/ Grok小檔案 開發者應用程式X(前身為Twitter)付費版費用每月30美元(約新台幣970元)主功能即時生成與當前熱點話題相關的內容擅長領域社交媒體互動、內容創作、即時訊息生成和品牌營銷 DeepSeek DeepSeek專注於資料搜尋和訊息檢索,開發商為位於中國大陸的「杭州深度求索人工智慧基礎技術研究」,中資避險基金幻方量化創立的人工智慧公司,創始人暨執行長梁文鋒持續致力將大陸AI技術推向全球市場,提供R1和R2兩種不同的服務模式。 「資料分析」方面,DeepSeek提供前言和總結,讓懶人可以快速理解內容。在「文案生成」上,DeepSeek的口語化風格能夠生成10個標題,附上創作理念和選擇建議,適合需要親民語言的使用者。「圖表製作」方面,DeepSeek使用文字排列呈現,提供Python程式碼,對於技術使用者來說相當便利。 網址:https://www.deepseek.com/ DeepSeek小檔案 開發者中國大陸企業「深度求索」付費版費用每100萬(輸入)tokens收費人民幣16元(約新台幣66.68元)主功能資料搜尋和訊息檢索,利用生成式AI技術提升搜索引擎的智能化,提供相關建議和訊息過濾功能擅長領域資料搜尋、訊息檢索、知識管理和數據分析 使用建議 生成式AI工具已經落地商業化,從自然語言處理到多模態學習、社交媒體互動及訊息檢索等多種服務都能提供,競爭也更加激烈。用戶可根據自己的需求,選擇最合適的AI工具,以提升工作效率與創造力。 綜合比較四款生成式AI後,提供讀者幾點建議。若需要多樣化的文案提案,可考慮Gemini;若喜歡口語化一點的表達,可選擇DeepSeek。AI繪圖方面,生成多幅圖片建議可使用Grok,若希望作品有較高的品質,可選擇Gemini。在「資料分析」方面,若希望能獲取較「簡潔明瞭」的資料,建議選擇「ChatGPT」,讀者若希望能得到比較容易理解的內容,應該選擇Gemini。 針對「表格整理」方面,若要以更快的速度掌握大致上的資訊,建議選用ChatGPT;若讀者希望在表格中能得到較「詳細」的內容,可考慮DeepSeek。針對「生成圖片」功能上,若讀者追求圖表要具有充分「完整性」的類型,建議使用Gemini。 推薦閱讀: AI聽話卻沒懂你?OpenAI揭露AI「裝乖」假象與職場真風險 AI強勢取代!企業寧僱AI也不找菜鳥,今年畢業生有多慘? 除了ChatGPT,還有哪些生成式AI?16種AI工具應用解析 打造ChatGPT行政小助理:專屬AI助理幫你處理瑣碎行政工作 [course_plugin title='推薦AI相關課程' keyword='AI' amount=2]
【104職場力】・AI

TPM是什麼職位?成為「技術PM」需要具備的6大能力

如何成為優秀的技術產品經理(Technical Product Manager, TPM)?本文透過工程師視角,解析成為TPM所需的6大關鍵能力,無論是想轉職技術PM,或是希望提升職場競爭力的PM,都值得參考。 文/朱麒 本文目錄(點擊可快速前往) 印度資深後端工程師對TPM的6個建議1. 了解基本的電腦科學(Computer Science)2. 注重細節3. 了解組織產品的軟體架構4. 開發排序5. 高度文件化6. 掌握大事總結:3個建議培養「專業」 印度資深後端工程師對TPM的6個建議 Arihant Kumar Jain是一位印度資深後端工程師,這篇文章摘要他在《An Ideal Technical Product Manager, Extract from an Engineer’s Diary》對於技術PM(Technical Product Manager,簡稱TPM)的建議。 「我們往往不會珍惜好的人或產出,直到體會到賽的。」這句話是我出社會後幾年的心得。 遇到神隊友不但可以把事情做得又快又好、甚至還可以偷學幾招;遇到雷隊友不但把事情做的又慢又鳥,甚至還可能被拖下水。 神隊友不見得跟我們是同職位的人,也不見得是同年資的人。但只要這個人夠厲害,我們就應該試著觀察與分析、甚至聽聽他們的建議(如果他還願意給建議的話),我有過太多次「聽君一席話,勝讀十年書」的工作場景,因此只要遇到就會特別珍惜。 這篇文章討論的雖然是技術PM,但內容值得其他PM職位的人學習。包含: 了解基本的電腦科學 注重細節 了解組織產品的軟體架構 掌握排序 高度文件化 掌握大事 1. 了解基本的電腦科學(Computer Science) Product Manager依據專精的項目不同,可以再分成: Business product manager Marketing product manager Technical product manager(TPM) 從字面上就可以看出,3個職位在專業上分別著重於商業、行銷、技術。 以TPM來說,至少對於技術討論、解決方案的構想、資訊架構都要有基本了解,例如設計API 時要知道REST, CRUD, HTTP status code……的觀念。 這就像對於UI設計,PM要了解公司目前的UI Library大概有哪些Componet,才不會鬧出像是「PM想這樣設計,但因公司的UI Library不支援,而要花更多時間成本客製化」的窘境。 要了解軟體技術,最基礎的學科就是電腦科學(Computer Science)。除了在職場上邊做邊學,也要定期補充學科知識,才能了解軟體技術的基本原理。 2. 注重細節 對於一個已經工作2-3年的PM來說,寫Spec應該算是駕輕就熟的事情。但決定「好」跟「專業」的Spec, 差別就在於文件的細節。 例如寫UI的User Story時,除了User Story、Functional Map、UI Flow之外,記得要規劃錯誤訊息(Error Message) 這種反面案例。如果PM不規劃,就會麻煩到QA、Developer甚至 Designer幫忙規劃,反而讓其他人有「PM是不是都沒先想這塊」的念頭。 如果是API的User Story,則要先跟Senior工程師或是主管確認是否有API文件(例如 Swagger),仔細考慮每個資料節點的收集與傳送。 「好」跟「專業」的一線之隔,在於細節。 3. 了解組織產品的軟體架構 軟體開發除了注重 Coding 的技術細節,設計完善的軟體架構也非常重要。 許多公司開發求快的結果,就是在產品上線後要不斷地花時間進行重構(refactor)。這就像是蓋一棟危樓,草草成案就動土開工,後續必須花大量時間進行修補工程才能支撐不倒。 TPM在整個過程中,可以協助當紀錄與畫圖的角色。 透過和工程師一起討論架構、整理結論、用繪圖工具畫成流程圖、系統架構圖,都能夠幫助自己對於組織的產品軟體結構更加了解,在設計產品時能夠更有Sense。 共同參與技術討論,協助紀錄與整理資訊讓自己更理解產品。 4. 開發排序 排序(Prioritization)是PM最重要的工作之一,這項技能也決定了一個PM是否有好的產品管理Sense。 排序其實是由多項子技能組成,包含產品決策、利害關係人管理、責任感、邏輯推理、成本與效益衡量……。對於TPM來說,還加入了技術方面的考量,除了考量商業利益,也必須考慮到系統是否會產生過多的技術債(Technical Debt)。 對於TPM來說,必須多分析技術方面的效益與成本,與商業決策作權衡後再做開發排序。 5. 高度文件化 不論是軟體開發還是其他領域的工作,都一定會有「問題-討論-決策-行動」的步驟,且都會面臨到「到底當初這個決策是怎麼做出來的?」問題。 場景通常會像是:一群人開始翻箱倒櫃,找Email、找線上文件區、找桌子旁的紙張、找通訊軟體的對話……這個現象你在公司中一定不陌生。 一個好的PM要非常重視「寫文件」這件事情,因為有事情別人第一個就是找PM確認。 對於TPM來說,還要多紀錄「功能技術決策」的原因。例如: 這個功能最後決定不多開資料庫欄位是因為…… 前後台將透過這3隻 API 進行溝通,因為…… 事實上公司中的每位角色都要有「寫文件」的意識,否則發生上述問題的時候,就只會有一句:「我不知道,那是xxx叫我做的。」 6. 掌握大事 身為PM,組織中的利益關係人有事沒事都會第一個想到你,因此重要的事情都必須要能大致掌握。舉例來說: 工程師會質疑你的決定還有產品需求細節 主管會確認產品開發進度 老闆會詢問這個專案的成本與效益 這麼多的事情,PM要做的就是Get shit done。這仰賴於對大局的理解、對資訊的掌握。 當然人的大腦也沒辦法記那麼多事情,因此我們只要知道需要的時候去哪裡查就好,這件事的前提是有做好「文件化」這件事。 「我不需要知道所有的事情,只要知道在我需要的時候去哪裡找到它。」— 愛因斯坦 ( I don’t need to know everything, I just need to know where to find it, when I need it — Albert Einstein) 總結:3個建議培養「專業」 最後我將Arihant Kumar Jain提的6個建議,總結成下方3點: 1. 多跟不同職位的人學習,聽聽從他們的角度是怎麼需要你的 我們以為自己做到的,可能跟別人實際感受到的不同。一個有效的策略是跟不同職位的人聊天,問問他們:你覺得一位PM應該要能夠做到什麼事情? 2. 親自參與討論,才能培養專業的Sense 身為一個TPM要參與重要的技術決策、身為一個Marketing Product Manager要參與市場行銷的討論、身為一個Business Product Manager要參與公司商業策略的制定。 只有實際參與才能獲得深入的洞察。 3.注重細節,多想一點 「好」跟「專業」的一線之隔在於細節,細節來自於規劃時的多方面考量,多方面考量來自於過往經驗的總結。 定期做工作成果盤點,將收穫應用在下一次的規劃上。更多文章分享,可至「朱騏部落格」閱讀。 (原文標題:如何當一個技術 PM?從工程師角度來看 PM 需要具備的能力) [joblist_plugin title='更多104【技術PM】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=tpm+%E6%8A%80%E8%A1%93%E5%B0%88%E6%A1%88%E7%B6%93%E7%90%86&order=15&page=1' amount='3']
【104職場力】

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