104學習

SketchUp

這項技能主要用於3D建模與設計，廣泛應用於建築、室內設計、景觀規劃等領域。它能快速將概念轉化為立體圖像，方便溝通與修改，提升工作效率。對於需要視覺化方案、製作報告或與客戶協調的專業人士來說，非常實用。掌握此技能可增加職場競爭力，尤其是相關設計或工程職位。

94 人關注

1,247 個相關職缺

測測你現在的程度

花 5 分鐘了解自己的能力，找到最適合的學習起點

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

精選課程

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

質感商業空間：SketchUP高效出圖｜進階課

SketchUP + VRay 室設3D出圖｜初階課

SolidWorks零組件機構設計

Onshape實戰工場：探索創新設計的無限可能

商業平面設計｜PS+AI整合進階課

不用畫也能設計！AI 繪圖：打造品牌視覺的提案實戰

Substance Painter模型材質貼圖

Illustrator向量平面設計

設計師接案必修課：從作品集到報價，系統化讓專業變現｜ 104獨家

Blender 3D遊戲建模

精選證照

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

SketchUp 國際認證

SketchUp國際認證是由Trimble SketchUp認可的國際證照，範圍包含建築設計、室內空間設計、3D設計，為建築/室內空間設計學習者最該必備的證照。SketchUp國際認證能證實學習者對SketchUp核心應用具備熟練度，擁有3D專案的設計能力，藉由認證項目檢視自我是否掌握業界所需的基礎，除了能了解掌握學習程度，更能為創作作品增加說服力。

Trimble SketchUp

SketchUp 專業國際認證

SketchUp專業國際認證是由Trimble SketchUp認可的國際證照，範圍包含：建築設計、室內空間設計、3D設計，為建築/室內空間設計專業使用者最該必備的證照。SketchUp專業國際認證能證實學習者對SketchUp核心應用具備熟練度，擁有3D專案的設計能力，藉由認證項目檢視自我是否掌握業界所需的基礎，除了能了解掌握SketchUp運用程度，更能為創作作品增加說服力

Trimble SketchUp

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

「接案作品集」怎麼準備？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

精選推薦 : 豈止證照而已！跨域知識大串聯，打造屬於自己的能力系統

這段Podcast 是專訪Nabi iPAS 證照講師陳正健（CCChen）如何透過經濟部 iPAS 產業人才能力鑑定，成功建立跨領域的專業系統。他至今已累積取得涵蓋 AI 應用、淨零碳規劃、智慧生產、食品保穫及品牌企劃等五大領域共 14 張證照。 CCChen強調，證照不應僅是孤立的紙本證明，而是應將所學知識與工作實務及數位工具深度結合，以提升解決複雜問題的職場競爭力。他分享了運用 AI 工具輔助學習與時間管理的策略，並以此帶動家人參與，展現出自主學習的正面能量。他鼓勵專業人士打破學科框架，藉由跨域考證建構個人能力地圖，從而因應智慧化與永續轉型的產業趨勢。這些內容不僅記錄了他的轉型歷程，也為求職者與企業提供了關於人才培育及職涯成長的實務參考。歡迎收聽▼ https://youtu.be/bUZXvx9eZk0?si=6a4q234WUnAABWiQ CCChen 老師課程 : 【直播課程＋限時回放】iPAS AI應用規劃師（初級）- 第三梯考前衝刺班｜8/5（三）20:00–21:30 線上直播講座｜104獨家iPAS AI考證衝刺 https://nabi.104.com.tw/course/104nabi/4f6e498b-dee3-4fab-935d-64c781840c9c 【2026年－考試筆記(V1版本)】iPAS AI應用規劃師初級｜全科攻略ｘ考點精華ｘ擬真題庫｜104學習 https://nabi.104.com.tw/course/104nabi/07779700-a980-43d2-8b34-bae808edea61 iPAS AI應用規劃師【中級】衝刺班｜命題精析 × 實戰解題 × AI刷題｜104獨家iPAS AI考證衝刺 https://nabi.104.com.tw/course/104nabi/3987ebea-3686-4f67-a292-c46c3cc2128e

104學習・iPAS AI應用規劃師考照共學群

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

產品經理是一個融合創新、邏輯與溝通的角色。隨著數位化加速，產品思維逐漸成為組織決策的核心。從技術團隊、設計部門到商業營運，產品經理肩負整合多方資源、定義方向並推動產品落地的關鍵任務。  本篇產品經理學習地圖(上)：技能養成篇，將協助轉職者認識『從入門建構產品基礎思維』到中階『掌握用戶洞察與功能實作』，最終能『獨立推動策略規劃與跨部門協作』的相關職業技能，依循學習路徑，逐步成為具影響力的產品專案執行者！文 /【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職場力】・職涯規劃

【最新免費圖庫推薦】22個可商用圖片圖庫、ICON素材、插畫下載網站

設計做圖總是找不到適合素材？有圖庫網站推薦嗎？客座小編「設計Ya黃素」聽到大家的心聲，推薦包括：免費可商用圖庫網站、時尚插畫網站、ICON圖庫網，絕對實用、趕快收藏！文／設計Ya黃素本文目錄：22個免費下載圖庫推薦（點擊可快速前往） 5個可商用圖庫網站推薦11個免費下載時尚風格插畫網站6個免費下載ICON圖庫網站提醒：使用本文推薦圖庫，請閱讀各網站素材授權條件，並遵循規範使用喔！在 Instagram 查看這則貼文設計Ya黃素（@design.ya.huangsu）分享的貼文 5個可商用圖庫網站推薦總是找不到適合的圖片素材，想自己拍又拍不好？推薦5個好用的免費可商用網站。注意使用前需先閱讀每個網站的素材授權條件，並且遵循授權規範使用喔！【圖庫推薦1】Pixabay 【圖庫推薦2】Pexels 【圖庫推薦3】Flickr 【圖庫推薦4】Unsplash 【圖庫推薦5】StockSnap CC0是什麼？使用圖庫注意事項【圖庫推薦1】Pixabay 特色：Pixabay的圖片量算是非常龐大，該網站的好處在於，不需要標註來源，也不需要署名作者，可直接使用於商業模式。更厲害的是還有提供短影片下載。網址：https://pixabay.com ▲ 圖片來源：設計Ya黃素【圖庫推薦2】Pexels 特色：Pexels的優點在於提供了中文搜尋模式，搜尋圖片時就不需要煩惱英文單字怎麼拼。而Pexels也跟Pixabay一樣，在圖片的使用上較無限制，不需要標註來源、署名作者也沒問題，可直接使用於商業模式。網址：http://www.pexels.com/zh-tw/ ▲ 圖片來源：設計Ya黃素【圖庫推薦3】Flickr 特色：Flickr提供了一個讓任何人都可以上傳圖片的平台，可選擇是否商用。在挑選圖片時，有「可商用」和「免費共享許可」等選項。但需要注意的是，並非所有圖片都是CC0可商用的，因此在挑選照片時需要格外留意。網址：https://www.flickr.com/ ▲ 圖片來源：設計Ya黃素【圖庫推薦4】Unsplash 特色：Unsplash是免費圖庫中解析度最佳的網站之一。不同於其他免費圖庫可能提供的小尺寸圖片容易失真，Unsplash的圖片通常足夠大，可直接用作電腦桌布，避免模糊問題。圖庫內容以風景和自然景色為主。網址：https://unsplash.com/ ▲ 圖片來源：設計Ya黃素【圖庫推薦5】StockSnap 特色：StockSnap提供免費的CC0圖片下載服務，無需支付費用。此外，加入他們的會員後，還能夠上傳自己的圖片，成為設計師團隊的一員，一同為CC0圖片事業貢獻心力！網址：https://stocksnap.io/ ▲ 圖片來源：設計Ya黃素 CC0是什麼？使用圖庫注意事項 CC0（Creative Commons）是一個非營利組織，提供所有人都能夠免費使用與共享資源。簡單來說就是他們拍攝、錄製、繪製了許多的圖庫資源，提供給任何人使用，而規範可能從「完全沒有限制使用範圍」到「特定條件下就可使用」，因此即便是CC0共享許可的資源，都需要先了解使用規範。 CC0使用規範通常會有幾種類型：可以提供給教育性質，非商用模式可商用，但需要標註來源可商用但不可修改與二次創作，標示為自己出版的圖片可商用，無限制 11個免費下載時尚風格插畫網站插畫在設計中可以讓僅用文字難以表達的內容，變得更易於理解。製作簡報或者貼文時常常花費的大把時間在尋找插畫靈感或插畫素材嗎？介紹11個時尚風格插畫網站，還可以免費下載唷！提醒：使用前需閱讀各網站的素材授權條件，並且遵循授權規範使用喔！時尚插畫網站網址Delesignhttps://delesign.com/free-designs/graphics/OUCHhttps://icons8.com/illustrationsBlushhttps://blush.design/collections/humaaans/humaaansManypixelshttps://www.manypixels.co/galleryOutlanehttps://delesign.com/free-designs/graphics/Open Doodleshttps://www.opendoodles.com/Pixelbuddhahttps://pixelbuddha.net/Designstripehttps://designstripe.com/search/illustrations?sort=freeDrawKithttps://www.drawkit.com/Storysethttps://storyset.com/error404https://error404.fun/ 在 Instagram 查看這則貼文設計Ya黃素（@design.ya.huangsu）分享的貼文 6個免費下載ICON圖庫網站推薦6個超實用的免費icon網站，獨特圖標讓畫面立刻變得更生動、更有型！【ICON網站1】Flaticon 【ICON網站2】Eva Icons 【ICON網站3】irasutoya 【ICON網站4】Icon Finder 【ICON網站5】Freepik 【ICON網站6】Icon Store 【ICON網站1】Flaticon 特色：Flaticon持續更新最新、活躍的ICON，並提供修改顏色、尺寸和檔案類型的功能，讓使用者可以選擇符合需求的ICON。此外，Flaticon還提供「PACK」模式，讓你可以一次整包帶走ICON，無需擔心風格不一致的問題！目前免費使用只能下載PNG類型的檔案。網址：https://www.flaticon.com/ ▲ 圖片來源：設計Ya黃素【ICON網站2】Eva Icons 特色：Eva Icons的圖示風格極為簡潔，使用者可以點選所需素材單獨下載，或者按右上方的「DOWNLOAD」下載全部。該圖示庫提供Outline和Fill兩種類型，同時還可選擇放大、翻轉等效果，提供使用者更多的選擇和自由度。免費使用便能下載SVG與PNG類型的檔案。網址：https://akveo.github.io/eva-icons/ ▲ 圖片來源：設計Ya黃素【ICON網站3】irasutoya 特色：irasutoya是日本的免費素材網站，提供可愛插畫風格的素材，種類豐富，也有許多適合做為ICON的插圖，一般情況所有素材都可以免費商用，但不可用於違反善良風俗的目的。另外若商用使用超過21項或使用高解析素材，則需要付費。詳細資訊請參閱使用條款。網址：https://www.irasutoya.com/ ▲ 圖片來源：設計Ya黃素【ICON網站4】Icon Finder 特色：Icon Finder擁有近200萬個圖示，包括免費和付費版本。即使是免費使用者，也能透過篩選選項，輕鬆找到符合需求的ICON，提供方便快速的搜尋體驗。網址：https://www.iconfinder.com/ ▲ 圖片來源：設計Ya黃素【ICON網站5】Freepik 特色：Freepik不僅提供免費圖庫，還涵蓋圖片、設計素材和ICON等多種資源，並提供豐富的版型選擇。即使不具設計能力，使用者也能輕鬆為簡報或網站增添吸睛元素，輕鬆簡單就能創造出優美的設計。網址：https://www.freepik.com/icons ▲ 圖片來源：設計Ya黃素【ICON網站6】Icon Store 特色：Icon Store的圖示通常色彩繽紛，適合用於活潑性質的網站或簡報。相較其他圖庫，帶有青春洋溢的氛圍，並經常提供節慶相關的ICON，非常適合應用在社交媒體和社群互動中。網址：https://iconstore.co/ ▲ 圖片來源：設計Ya黃素 [joblist_plugin title='更多【設計】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&jobcat=2013001000&kwop=7&keyword=設計師&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=12&asc=0&page=2&mode=s&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3'] 更多【實用設計必備】好文推薦：編輯激推AI生成簡報！【12個高質感PPT模板網站】免費下載簡報範本 15大免費字體下載懶人包，實用中英日字體可商用、自用免費Mockup網站推薦！5個mockup模板平台讓作品質感大提升

【104職場力】

整理包／最熱門生成式 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

接案外包怎麼選？長期合作、短期案件的優缺點與混合策略

剛開始接案，如何從零碎接案到穩定發展？自由接案者常面臨收入不穩定或客戶單一依賴的困境，作者解析長短期合作模式的優缺點，以及混和模式的實際案例、個人接案經驗分享提醒，幫助你找到最適合的接案策略！本文節錄自《不想上班的勇氣：軟體工作者的第一本接案指南》。文／陳泰銘（Taiming）本文目錄（點擊可快速前往）長期合作、短期案件接案模式比較長期合作短期案件長期合作vs短期案件優缺點比較混合模式：結合長期與短期優勢案例 1：全端工程師的混合模式案例2：UI/UX設計師的混合模式案例 3：後端工程師的混合模式經驗分享：從零碎接案到穩定發展的接案之路長期合作、短期案件接案模式比較長期合作長期合作通常指的是與特定客戶建立穩定的合作關係，可能是長期維護、持續開發，或擔任外部顧問角色，合作期限從數個月到數年不等。案例：長期合作-SaaS產品的前端維護與開發背景：A接案者是一名資深前端工程師，接下了一家新創SaaS公司的長期合作專案，負責產品的前端維護與新功能開發。合作模式：每月固定薪資，約定每週工作20小時。主要負責React + TailwindCSS的前端開發。需與內部後端工程師及PM協作，參與技術討論與程式碼審查。短期案件短期案件通常是一次性合作，範圍清楚、時限短，合作時間通常介於數天到數個月。案例：短期合作 - UI/UX 設計一次性專案背景：C接案者是一名 UI/UX 設計師，接到某 B2B 企業的網站重新設計案。合作模式：按專案計費，總金額30,000元，分3期付款（30% 訂金、40% 中期、30% 交付）。專案週期為8週，需提供Figma設計稿及互動原型。交付後提供2週的微調支援，但不包含未來的維護工作。長期合作vs短期案件優缺點比較在選擇接案模式時，了解長期合作與短期案件的優勢與風險至關重要。比較專案長期合作短期案件收入穩定性✔ 穩定，每月固定收入，降低找案壓力。✘ 不穩定，需要不斷找新案，可能有收入空窗期。工作彈性✘ 受客戶需求影響較大，需長期配合排程。✔ 自由度高，能選擇自己想做的案子，工作時間較彈性。專業發展✔ 深入特定領域，累積經驗並影響技術決策。✔ 可接觸多元技術與產業，擴展視野。風險管理✘ 若合作關係終止，可能短期內失去主要收入來源。✘ 需要合約保障，避免客戶惡意拖延付款。混合模式：結合長期與短期優勢許多成功的接案者會採取「長期合作 + 短期案件」的混合模式：用長期合作維持穩定收入，確保基本開銷無虞。用短期案件增加彈性與收益，嘗試不同技術與市場機會。這樣不僅能兼顧財務穩定，還能維持工作彈性，並降低單一合作模式的風險。案例 1：全端工程師的混合模式背景：Aiden是一位全端開發工程師，擅長React和Node.js，主要以自由接案維生。模式：他與一家SaaS企業簽訂長期合作，負責維護與開發新功能，每月固定收取$60,000元。除了這個長期合作，他每月還會接1~2個短期案件，例如：幫某間新創公司開發一個行銷網站，報價$10,000元，開發期兩週；接一個內部管理系統的小功能開發，報價 $20,000 元，工時一週。案例2：UI/UX設計師的混合模式背景：Emma是一名UI/UX設計師，擅長Figma和Adobe XD，專精於SaaS產品設計。模式：她與一家B2B軟體公司簽約長期合作，負責每月80小時的UI設計，固定收入$40,000元。同時，她會接一些短期UI設計案，例如：幫某個獨立開發者設計App UI，收費$20,000元，設計期兩週；替某品牌重新設計登入頁面，收費$15,000元，設計期一週。案例 3：後端工程師的混合模式背景：Michael是一位後端工程師，擅長Python和FastAPI，專門開發後端API。模式：他與一家金融科技公司簽訂長期合作，負責API開發與維護，每月$60,000 元。但為了讓自己保持市場價值，他會接一些短期API優化案，例如：幫某電商公司提升API效能，優化SQL查詢，收費$25,000元，開發期10天；替某家新創公司建立一個簡單的Auth機制，收費$18,000元，開發期7天。混合模式為接案者帶來最理想的平衡，既能透過長期合作獲得穩定收入，降低經濟壓力，又能透過短期案件嘗試不同專案，提升市場競爭力與技術多樣性。這種方式還能靈活調整工作內容，避免完全依賴單一客戶，降低風險。同時，短期案件讓你持續與市場保持連結，不會因為長期合作而技術停滯，確保職業生涯的長遠發展。最終，成功的自由接案者不只是接案能力強，更重要的是懂得管理自己的時間與精力，讓長期與短期合作相輔相成，形成穩健而靈活的職涯模式。經驗分享：從零碎接案到穩定發展的接案之路以我自己的經驗來說，一開始接觸接案也是零零碎碎的，透過一些朋友介紹，陸陸續續接觸一些短期的需求。這些短期案件雖然規模不大，但讓我累積了許多實戰經驗，也逐漸熟悉與客戶溝通、報價、交付的流程。等到覺得自己已經能夠獨當一面的時候，便開始主動尋找一些長期配合的案件來做。長期合作的案子通常需要更深入的溝通與規劃，也需要投入更多時間與心力，但相對地，它們能帶來穩定的收入與更緊密的客戶關係。這類案子讓我學會如何平衡多個專案的進度，並提升自己的時間管理與協作能力。隨著時間的累積，做了一陣子後，發現自己的接案狀態逐漸趨於穩定。這時候，我盤點手上的案子，通常會有一到兩個長期合作的專案作為收入基礎，同時也會接一些短期的專案來增加收入多樣性。短期案件的好處是能快速完成並帶來成就感，而長期案件則提供穩定性與持續成長的機會。對我而言，這樣的混合模式並不是刻意追求的結果，而是當自己的接案狀態趨於穩定時，自然形成的狀態。長期案件提供了穩定的收入與持續的合作關係，而短期案件則讓我有機會接觸不同的技術與挑戰，同時也能填補時間上的空檔。所以，對於剛開始接案的各位，我的建議是：不用急於一時讓自己變成混合模式。接案的初期，最重要的是累積經驗、建立口碑，並找到適合自己的節奏。隨著時間的推移，當你逐漸站穩腳步，自然會發現自己手上既有長期合作的案子，也會有一些短期的需求找上門。這種混合模式是水到渠成的結果，而不是一開始就需要強求的目標。接案是一條需要不斷調整與學習的路，無論是短期還是長期案件，都有其獨特的價值與挑戰。找到適合自己的節奏與模式，才能在接案的路上走得更遠、更穩。節錄自：博碩《不想上班的勇氣：軟體工作者的第一本接案指南》／陳泰銘（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'] 更多【自由接案】分享：上班族也掀「斜槓兼職」熱潮！高薪兼職時薪破千，兼職工作機會懶人包「接案作品集」怎麼準備？6大要素及不同客戶應對技巧接案族該如何報稅？一文搞懂「接案外包」的報稅技巧，趕快收藏！設計接案合約必備5大要素！保護權益必知，終結客戶鬼打牆接案報價不是憑感覺！給新手的基礎報價公式參考 2025 最完整免費接案平台、接案社群總整理（附設計、行銷外包接案工作機會）

【104職場力】・UX

用AI做簡報，建議先「生成大綱」！簡報大綱規劃模組Prompt分享

想用AI做出高品質簡報，為什麼需要先「生成投影片大綱」？作者分享透過「投影片大綱規劃模組Prompt」，確保簡報內容精準呈現，並讓結構更加完整。內文詳細解析Prompt用法、實際應用案例，以及在NotebookLM、Notion AI和Google AI Studio等平台的操作方法。本文節錄自《超有料！職場第一實用的AI簡報術》。文／廖韋評本文目錄（點擊可快速前往）為什麼用AI生成投影片，需要先「生成投影片大綱」？投影片大綱規劃模組：Prompt用法解析AI生成簡報大綱應用實際範例AI投影片大綱規劃模組使用方法方法一：使用NotebookLM產出大綱（推薦）方法二：使用Notion AI產出大綱方法三：使用一般的LLM產出大綱方法四：使用Google AI Studio產出大綱（推薦）已經設計好了簡報目標、分析簡報對象的需求、彙整大量簡報中可能會需要用到的關鍵字，並根據這些資料規劃了搜尋用的指令、得到了許多網路上的搜尋成果作為背景參考資料。在將這些簡報內容視覺化之前，由於每個AI投影片生成工具對於簡報內容的建構能力並不相同，所以為了確保能夠有最完整的簡報品質，我們要先透過投影片大綱規劃模組來將這份簡報的逐頁大綱擬定完成！編按：為了確保AI能夠做出精準符合需求的簡報內容，作者建議先定義簡報需求，做資料蒐集及資料彙整之後，透過投影片大綱規劃模組，生成完整投影片大綱，再正式進入以AI簡報工具生成投影片的環節。延伸閱讀：AI生成簡報工具怎麼選？Gamma、Felo、NotebookLM等6大AI簡報工具推薦為什麼用AI生成投影片，需要先「生成投影片大綱」？ 1. 確保內容精準性：投影片導向的AI在生成投影片時，通常不允許使用者上傳背景參考資料。如果沒有大綱預先規劃內容，可能會導致最終視覺化內容的資訊失真。 2. 模型能力差異：投影片導向的AI核心模型為了追求反應速度和降低成本，通常採用非推理模型。相比之下，先在大語言模型 (LLM，如ChatGPT、Gemini) 中生成大綱，可以利用其更強大的邏輯推理能力。 3. 避免內容過度壓縮：投影片導向的AI有可能為了方便版面排版，將使用者提供的內容過度壓縮或省略。預先生成詳細大綱，能確保核心訊息被完整保留。 4. 降低修改成本與耗時：如果直接讓AI生成投影片，不僅耗費時間較久，後續發現邏輯或內容錯誤時，修改調整的成本也較高。 5. 確保節奏與品質：透過指令先行生成大綱，能確保內容的節奏與文字品質符合講者預期。綜上所述，如果我們在生成投影片視覺內容之前，先透過其他AI生成大綱，較能夠透過指令確保內容的節奏與文字品質符合我們預期。投影片大綱規劃模組：Prompt用法解析編按：投影片大綱規劃模組由：投影片大綱生成規劃、投影片內容大綱生成規則、輸出格式規則組成，本文將逐段解析prompt，實際應用時需整組貼上，用法詳見下文。 Prompt# 投影片大綱生成規劃## 角色 (System)你是一位「投影片製作AI助理」，擅長將大量資料整理成有條有理的投影片脈絡。## 執行流程Step 1. 根據簡報的總時間長度評估「投影片頁數」(預估每 1~2 分鐘一頁)，並依內容的邏輯結構與深度彈性調整，確保敘事流暢。Step 2. 整合簡報目標、受眾需求、關鍵內容清單、參考資料，打造整份簡報的 Story LineStep 3. 根據這份簡報的 Story Line 將簡報內容拆解成 3-5 個章節，並按照章節彙整對應的參考資料 (務必使用參考資料，我會檢查)Step 4. 根據每個章節的參考資料拆解數個「核心訊息」作為投影片的標題，再設計投影片大綱Step 5. 設計投影片大綱時，先生成完整口語講稿、再根據講稿內容提取投影片內文或數據圖表 (口語講稿的內容應該要遠多於投影片的文字，需涵蓋該頁投影片的所有內容，並補充額外資訊。)Step 6. 設計投影片內文時，判斷頁面類型，再根據類型決定文字數量/密度/格式。Step 7. 最終審視與串連：檢查所有投影片是否緊密圍繞「核心訊息」，並確保「故事線」的起承轉合流暢自然。相較於以往直接讓AI閱讀資料產生大綱，這一部分模組提供了一個比較細節的流程：先根據簡報時長判斷投影片頁數。再根據內容先提出整體故事線以確保簡報的敘事邏輯順暢。最後才是切分章節與設計每頁投影片內容。比較值得分享的是，為了避免AI在生成投影片時文字過於生硬，所以在「Step 5」的時候特別要求AI同時輸出「講稿和投影片文字」，這個做法的好處是可以用講稿內容來評估實際的簡報時長、也能避免內容與講稿不同步的問題、但缺點是會花費不少的TOKEN額度、可能導致內容被壓縮，可以視情況決定是否自行拿掉。 Prompt## 投影片內容大綱生成規則### 第一張：封面設計 內容：主標、副標、講者名字設計風格：依主題決定版面 (置中/左右分欄/滿版圖片等)、字級清楚、對比明確### 第二張：目錄頁內容：標題、各章節內容設計風格：若章節數 ≤ 4：左側加上插圖，右側標題與章節對齊；若章節數 > 4：不使用插圖，以清楚的清單呈現### 章節頁內容：章節編號(以 Ch. 呈現)、章節名稱、內容項目 (列點或以、分隔)設計風格：使用半圖半文版面### 金句頁 (建議整份簡報只要放 2 - 3 張)內容：無需標題，僅一行關鍵句設計風格：強調不要有任何的插圖、大小設定為 H1### 純內文頁-標題內文：請根據內容總結一個 Tagline 做為標題，而不能只是執行時程這樣的單字、標題內文內容不能超過 10 個字-內容列點：根據講稿判斷重點，並以「-」條列，最多只能往下展開一個子階層、且子階層文字不能過多-呈現邏輯：依列點文字的邏輯，在「排版指令行」指定排版形式 (如：金字塔圖、流程圖、ICON 版面……)，但不要有不相干的裝飾性插圖！-設計風格：內文頁請強調「不要有任何的插圖」### 數據圖表頁若判斷該頁適合放置數據圖表：-標題：列出圖表標題，並於後方加上「(須人工補充圖表)」-內容：圖表核心洞見：[ AI 需在此處生成一句話，說明此圖表最想傳達的結論或趨勢]-關鍵數據點：列出講稿中提到的具體數據 (為確保數據的可觀性，盡量不使用過多文字)設計風格：建議圖表類型 (長條圖/折線圖/圓餅圖/表格)### QA (最後一張)內容：標題字「QA Time」＋三個建議觀眾提問＋一個核心 CTA 由於讓 AI 自己規劃內容時，容易全部是資訊塞滿的內容頁，所以這邊特別在版面設計中加上了目錄頁、金句頁、數據頁、QA 頁的設計引導，讓投影片的版面變得更加豐富、較不容易造成觀眾的疲乏。 Prompt## 輸出格式規則1. 僅輸出 Markdown 格式2. 每張投影片採以下結構呈現：     - `# Slide N｜主標題`     - 簡報核心內容：以 bullet 方式呈現     - 口語講稿：換行之後以註記呈現 `/* .... */`     - `:: 設計風格：......`3. 以 `---` 分隔不同投影片，這個很重要！。4. 依序編號 Slide（1‥N），不遺漏也不重複。##輸出格式案例#Slide 14｜短中長期規劃 - 短期（一個月內）：成立風險盤點小組由財務、業務、採購部門主管組成。任務：全面量化公司目前的外幣資產、負債、及未來一季的預期現金流。- 中期（一季內）：制定內部應對策略舉辦跨部門工作坊，建立避險共識與標準作業流程（SOP）。產出：更新版的標準報價合約範本、金融避險工具使用原則。- 長期（半年內）：融入日常營運定期（如每季）檢視與調整避險策略。<info>將匯率風險納入各部門的KPI與年度預算考量。</info>/*我建議，我們不需要等到所有事情都完美才開始。我們可以從今天開始，啟動一個為期三個月的「匯率風險管理優化專案」。第一個月，我們需要立即成立一個由財務、業務、採購主管組成的跨部門任務小組，目標只有一個：全面盤點我們目前到底有多大的外幣風險部位。[4] 第二個月，我們要舉辦一場深度工作坊，把今天提到的策略，變成我們公司自己的SOP。第三個月，我們要看到具體的產出：一份更新版的標準報價合約，以及第一筆「自然避險」的採購訂單。 */:: 設計風格>>時間軸：清晰標示出「一個月」、「一季」、「半年」的關鍵行動與產出。---## 開始編排1. 請先宣告投影片頁數2. 列出Story Line3. 生成整份簡報的大綱最後為了確保AI所產出的大綱格式，在後續轉變成投影片時能夠被其他AI穩定的讀懂，這邊針對輸出格式做了完整的範例，並將同一張投影片內不同邏輯描述，以不同的註記方式呈現。 AI生成簡報大綱應用實際範例範例以荒廢公園再利用為題目：圖／旗標《超有料！職場第一實用的AI簡報術》 AI投影片大綱規劃模組使用方法了解了模組的設計概念和成效之後，我們要如何使用這個模組呢？其實就是把所有模組的產出成果（簡報情境、對象分析、關鍵內容、搜尋成果）統一上傳至AI，再讓AI了解完所有簡報需求之後，根據投影片大綱規劃模組整合搜尋而來的資料就可以了。方法一：使用NotebookLM產出大綱（推薦）網址：https://notebooklm.google.com/ 確定上傳簡報情境、對象分析、關鍵內容清單。確定把所有 AI 搜尋的成果上傳。在問答區中輸入大綱規劃模組，即可獲得完整的投影片大綱。圖／旗標《超有料！職場第一實用的AI簡報術》方法二：使用Notion AI產出大綱網址：https://www.notion.so/ 將所有的搜尋成果存放在Notion的資料庫中。在資料庫的頁面中，點開右下角的Notion AI，或是在Notion AI的首頁中透過@呼叫存放管理結果資料庫，只要確認有參考到資料庫的情況下。以對話的方式貼上大綱規劃模組，即可獲得完整的投影片大綱。圖／旗標《超有料！職場第一實用的AI簡報術》方法三：使用一般的LLM產出大綱如果你尚未將這些搜尋結果匯入至NotebookLM或者Notion AI，我們也可以直接使用一般的通用型AI來製作投影片大綱挑選一個使用習慣的通用型AI（ChatGPT／Gemini／Grok／Claude／Google AI Studio）將簡報情境、對象需求分析、簡報關鍵內容清單以文字檔上傳（或者直接複製貼上），並跟AI說「這是簡報的核心需求。請先閱讀即可、不需要產生大量回應。」接著，將Deep Research和Perplexity的搜尋結果上傳（或複製貼上），跟AI說這是「這是相關網路的參考資料。一樣先閱讀即可、不需要產生大量回應。」確認將大量資訊都提供給AI參考之後，將投影片大綱規劃模組貼上，AI就能整合前面所提供的資料，產出完整投影片大綱！如果你不知道要用什麼樣的AI，筆者在這邊推薦你一個最適合的選項：Google AI Studio。方法四：使用Google AI Studio產出大綱（推薦）網址：https://aistudio.google.com/ 由於投影片大綱規劃模組所需要上傳的文件&內容較多，輸出的內容也會比較多，相比一般的通用型AI會更推薦使用 Google AI Studio！這是一個專為開發人員與創作者設計的AI開發平台／工具，讓用戶可在瀏覽器介面免程式快速體驗、測試、設計及整合Gemini模型。跟Gemini相比，Google AI Studio有著：更多的免費 Gemini 3.0 Pro 額度較長的上下文讀取單次更高的文字輸出上限節錄自：旗標《超有料！職場第一實用的 AI 簡報術：用對工具讓生產力全面進化！》／廖韋評著 ★ 104學習推薦：建立「職場簡報力」標準，讓你的能力被看見 ★重量級講師王永福、謝文憲、葉丙成共同發起認證＋考前影片：▶ 台灣簡報認證 - 初級｜通過認證回傳104履歷 [course_plugin api_type='course_id' title='104學習推薦：' id='39d7b0fe-6384-450f-aee8-eaa8932b544d']

【104職場力】・AI

6個配色網站實用推薦！一秒找出心動配色方案，設計師必備

配色好難，有沒有直覺好用或有特色的配色網站？色彩是影響視覺感受的重要因素之一，本次客座小編「設計Ya黃素」推薦大家6個超實用免費配色網站，還提供RGB及CMYK的色碼可以直接複製，歡迎分享與追蹤唷！文／設計Ya黃素本文目錄：6個配色網站推薦（點擊可快速前往）【01】Adobe Color【02】Coolors【03】Nippon Color【04】Picular【05】Pigment【06】BrandColors 配色卡關的時候怎樣都看不順眼嗎？色彩是影響視覺感受的重要因素之一，介紹6個方便又實用的配色網站，協助配色之外還提供RGB及CMYK的色碼可以直接複製，讓你快速找到合適的色彩方案！在 Instagram 查看這則貼文設計Ya黃素（@design.ya.huangsu）分享的貼文【01】Adobe Color 特色：直覺又好用的Adobe官方配色網，操作方式是在「建立」頁面直接拖曳色輪或輸入色碼，便可以搭配出不同配色方案。另外「探索」頁面功能也很實用，輸入顏色、情境或關鍵字進行搜尋，就會出現好多配色參考圖。網址：https://color.adobe.com/zh/ 圖片來源：設計Ya黃素【02】Coolors 特色：十分方便好用的配色網，只要點擊空白鍵，Coolors就會隨機推薦5種顏色的搭配，看到喜歡的顏色可以按下鎖定，其他幾個顏色再讓它隨機搭配，也可以移動、新增顏色或移除顏色，簡單組合出喜歡的配色方案！網址：https://coolors.co/ 圖片來源：設計Ya黃素【03】Nippon Color 特色：設計日本風格作品時請務必參考看看！Nippon Color蒐集250種日本傳統美學配色，每個顏色都有相應的日式名稱，非常細膩有詩意。也皆有RGB及CMYK的色碼供使用，喜愛和風配色的朋友們絕對不能錯過。網址：https://nipponcolors.com/ 圖片來源：設計Ya黃素【04】Picular 特色：號稱「配色網站的Google」！當你懶得動腦的時候，只需要在Picular搜尋框輸入任何你想要的詞彙或是情境，例如：海灘、春天，它會快速顯示出相關色彩配色建議喔！網址：https://picular.co/ 圖片來源：設計Ya黃素【05】Pigment 特色：當你只需要簡單兩種顏色搭配時，運用Pigment是不錯的選擇！Pigment提供非常多兩兩一組的配色方案，另外你可以在左邊白圈圈拉動調整飽和度及色系，無論鮮豔色或是莫蘭迪色，都可一秒調出超多組合喔！網址：https://pigment.shapefactory.co/ 圖片來源：設計Ya黃素【06】BrandColors 特色：最大的「官方品牌配色集合站」，收錄世界知名品牌、企業的顏色色碼，例如Facebook的藍色、LINE的綠色等等，工作時若會應用到相關資料，可直接搜尋名稱快速下載，獲取色票資訊！網址：https://brandcolors.net/ 圖片來源：設計Ya黃素 [joblist_plugin title='更多【設計】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&jobcat=2013001000&kwop=7&keyword=設計師&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=12&asc=0&page=2&mode=s&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3']

【104職場力】

前端工程師是什麼？薪水怎破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 進行高效率的問題解決４.團隊合作與溝通（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職場力】・職涯規劃

你適合當PM嗎？解析產品經理必備3種特質與溝通心法

產品經理（PM）扮演產品關鍵的橋樑角色，不僅要看懂全局、擬定策略，更需要與設計師、工程師高效溝通，協調各方需求並推動產品前進。哪些人適合PM工作？作者透過實務經驗分享，解析PM必備的3種核心特質，以及在與不同角色協作時應具備的溝通心法。文／Michelle Chen（軟體業PM產品經理）本文目錄：3個PM需要的核心特質（點擊可快速前往）特質1：你是否習慣全局性思考，並以策略性規劃推動執行？特質2：你是否喜歡且習慣站在對方的角度，使用對方的語言溝通？PM與設計師溝通重點PM與前端工程師溝通重點PM與後端工程師溝通重點特質3：你是否接受甚至喜歡改變，且有隨時改變計劃的彈性？我習慣定期把自己的職涯規劃拿出來review，問問自己對於「現在的狀態」是否還滿意。最近是我在現職公司任職滿一週年的日子，於是又把這個問題拿出來檢視一番。我發現對於做PM打造產品這件事（撇除外在條件，像是workload、手上的案子、公司策略、主管等），過了幾年我仍非常喜歡且享受其中。再往下探索，是什麼個性或是特質讓我喜歡且適合做產品經理呢？今天整理3個我認為最核心的特質，分享給有興趣往PM產品經理發展，或還在思考自己到底適不適合的朋友參考！特質1：你是否習慣全局性思考，並以策略性規劃推動執行？作為產品經理你每天要應對來自各方的利害關係人，需求從四面八方而來，每季的Product Roadmap規劃&執行，每月2~3次的Sprint（如果團隊跑Scrum），甚至每天的跨部門Support，PM的日常總是被滿滿的需求與會議轟炸，任務清單中的To-dos & Action Item似乎看不到盡頭。在這種「艱困」的處境下，能習慣「全局性思考」的PM就比較能從容應對，懂得從任務海中抽身，避免無謂地瞎忙。所謂全局性思考有點抽象，換個方式來說就是：從整體，更高維度視角看待事情，而不是深陷於眼前的問題。舉個例子來說，假設你是一位部門主管，你發現某個專案快到截止日但離完成還有一大段距離，你可以選擇臨時外聘人力，或是給團隊成員加班獎勵鼓勵他們挪出更多的時間工作完成任務，這也許是最快能見效的暴力解法。但如果你採取全局性思考，你會先退一步思考，這個專案的規劃是否合理，是否有可以簡化的部分，或者是否團隊中有某個特定的人遇到瓶頸。如果能協助這位成員解決問題，整個團隊的運行會變得更加順暢，也許就能如期完成專案。全局性思考的能力能幫助PM有效辨識什麼才是真正需要解決的「關鍵問題」，而不是像在大魯閣打棒球一樣，只是對每個問題隨著出現而進行反應。這種思考方式讓你從整體上把握問題的根源，不是只解決表面的問題。找到問題後，接下來就要透過策略性規劃來實作，這時候一定要提到常見的80/20法則。 20%的因素，將導致80%的結果。找出那關鍵20%重要的事情並全心投入，往往能帶來大部分的成果。首先找到那20%重要並值得花團隊全心投入的P0-重要且須馬上行動的事。並懂得拒絕或是取捨那些重要但不急，甚至根本不用解決的問題。取捨決策是一個好PM必備能力。另外，作為產品的代言人，PM一定要知道哪些任務可以被整合在一起（甚至延伸成一個epic）；又有哪些tasks可能會因為其他迭代而順勢被解決，因此現階段可以忽略不做；又有哪些可能看似有問題，但其實是故意為之的機制。有策略、有條理的安排團隊資源，聚焦在關鍵20%重要的問題上，可以讓團隊更有效率且優雅的工作。（非常重要，誰會想要每天灰頭土臉工作，你說是吧）特質2：你是否喜歡且習慣站在對方的角度，使用對方的語言溝通？有這個特質的PM絕對會是團隊的寶，而不會變成大家避之唯恐不及的任務交差使者。習慣從對方的角度出發，用對方熟悉的用語溝通，不僅能提升理解效率，還能拉近彼此距離，建立良好互動。這有助於建立信任，讓未來的合作更順利愉快，形成正向循環，培養無敵默契。（每次遇到只是一兩句話一個眼神，團隊內的工程師和設計師就能馬上理解我的意思，就會覺得「哇，你們真的是神隊友，我好幸福啊！」）這邊簡單舉例與設計師以及前後端工程師討論需求時應該著重的方向： PM與設計師溝通重點重視使用者體驗（UX/UI）：需要清楚描述使用者的需求（如果需要可以附上完整的user story），並在需求說明中「用戶使用流程」、「易用性」、「介面設計」以及「資訊呈現方式」等。【溝通舉例】「我們希望這個功能的流程是：1.先點擊這個按鈕，2.展開選單，3.選單中會有幾個預設選項且我們會幫用戶進行預選，整個操作希望可以在3步內完成。」特別注意！尊重設計師專業：作為PM一定要尊重團隊內設計師以及工程師的專業。對設計師，請保留讓他們自由發揮的空間。提出的需求絕對不會是硬性規定設計師只是把你想像中的畫面／流程畫出來而已，保留設計彈性通常得到的結果都會比自己發想的還要完整流暢！【溝通舉例】如果需要做一個活動頁面：「這個頁面會包含A~C 3個大分類的資訊，其中A／B分類會另外連結到C／D頁面。這個主頁面的設計，希望能傳達出現代感，並保留畫面的簡潔性，方便用戶快速找到他們要的資訊。可以參考這個網站的設計風格，但具體的顏色／圖標，分類呈現可以自由發揮。」 PM與前端工程師溝通重點重視介面與互動：前端工程師負責將設計轉換成可用的介面。他們關注的重點包含介面呈現方式、元件的設計與實現、與後端如何進行資料溝通、並且也要確保網頁可以各種大小的裝置和瀏覽器上都能順利運行。【溝通舉例】PM：「我們希望在報名頁面上，使用者可以看到所有場次，點擊後展開場次詳細資訊，並透過一個動畫顯示出『點選報名』的CTA 按鈕。這部分在手機的 web view 上也需要保持操作流暢。」前端工程師：「這個顯示CTA的動畫在一些舊瀏覽器上可能無法支援，可能會出現卡頓或不顯示的情況。」PM：「如果確實有這個問題，我們可以考慮用彈出popup的方式替代，重點是整體操作要流暢，並且能有效吸引用戶點擊報名。」特別注意！技術可行性＆永遠都要準備PlanB：有時PM以及設計師一起討論出的設計可能在技術實現上會有挑戰。作為一個好PM，一定要工程師們討論在技術上的可行，以及如果無法實現，可以被接受的PlanB是什麼，並從中找到最佳解決方案。 PM與後端工程師溝通重點重視系統穩定性及資料處理：後端工程師主要關注系統的穩定性及資料處理。他們習慣使用「API」、「資料庫」、「伺服器」等術語。作為產品經理，你需要清楚描述系統需求，並確保資料流（information flow）和功能邏輯的合理性。【溝通舉例】PM：「我們需要建立一個數據報表，數據需要即時更新，並支援查看過去30天和60天的時間範圍。這個報表主要用來追蹤使用者行為趨勢。報表中的欄位定義以是{明確定義數據背後的計算邏輯以及fallback機制}。」後端工程師：「要實現即時更新可能會對系統造成壓力，特別是在高峰期，伺服器負載會增加，影響穩定性。」PM：「那或許我們可以考慮設定一個更新的cutoff point，在該時間點做一次性更新，確保穩定性以及更好管理系統負載。」特別注意！具體明確制定規則：跟後端工程師討論事情一定要具體明確（制定出規則），不能給模糊的「形容詞」。以要新增檢查用戶註冊時的密碼強度的功能為例：模糊的需求：「我們需要在用戶註冊時，先檢查密碼是否夠強。如果不夠強就讓他重新設置，夠強就讓他繼續註冊。」 ➞這時候工程師一定會問你：密碼強度怎麼樣算夠強？這個檢查是在用戶點擊註冊時還是輸入過程中即時檢查？明確的需求：「如果密碼長度小於8位或不含大小寫字母和數字，則在用戶按下註冊時阻擋下一步，並顯示錯誤提示並要求用戶重新設置密碼。如果密碼符合這些條件，則允許用戶完成註冊。」 PM的工作內容和模式會隨著產品領域、團隊規模及系統架構等因素而有很大不同。然而，良好的溝通能力，尤其能根據不同溝通對象靈活切換用詞和表達方式，針對不同情境調整思考重點，是做好PM必須具備的。如果你發現這種角色切換對你來說有些困難，或是習慣從單一角度進行思考，那可能就不會那麼享受於PM的日常了。特質3：你是否接受甚至喜歡改變，且有隨時改變計劃的彈性？最後一點，「接受改變，且對已經計劃好的事情是否總是能保持隨時調整，甚至需要打掉重練的彈性？」是一個PM是否能樂在其工作中，蠻關鍵的特質。有PM經驗的都知道（不管是Product or Project）都會面臨到原本說好的方向會需要來個大轉彎，產品策略可能因為市場的變化要做立即的調整（例如AI的快速崛起）。對於比較不喜歡變化，或是對於要臨機應變這件事情比較排斥的人，做PM會比較辛苦（心裡苦的部分）。 No two days are the same for a product manager 如果看到上面這句話，你感到興奮，那恭喜你！你一定能從PM的工作日常中找到許多樂趣！以上就是我簡單從自己身上總結出為什麼就算有時候遇到再鳥的事情，或是有時候真的工作壓力很大，但終究我還是很享受做PM的3大特質與性格，希望能給還在摸索的人或是猶豫不太清楚自己到底適不適合的人一點小小分享。（原文標題：你適合當產品經理嗎？3個PM需要的核心特質＆性格解析） [joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?order=15&page=1&sctp=M&scmin=40000&scstrict=1&jobsource=joblist_search&jobcat=2004003005&keyword=%E7%94%A2%E5%93%81%E7%B6%93%E7%90%86' amount='4'] [course_plugin title='產品經理學習營｜學習推薦' keyword='產品經理學習營' amount=2]

【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職場力】・職涯規劃

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