104學習

營建繪圖

這項技能指的是利用專業軟體繪製建築或土木工程相關圖面,包含平面圖、立面圖、結構圖等。能精準表達設計理念與施工細節,協助溝通與協調各方,包括設計師、工程師與施工團隊。熟練此技能能提升工作效率,減少錯誤,確保工程順利進行,是營建行業中不可或缺的專業能力。

18,201 個相關職缺

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

精選課程

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

SolidWorks零組件機構設計
SolidWorks零組件機構設計
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
商業平面設計|PS+AI整合進階課
商業平面設計|PS+AI整合進階課
BIM 實戰建築工程設計
BIM 實戰建築工程設計
Illustrator向量平面設計
Illustrator向量平面設計
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家
AI 業務即戰力:六小時學 AI,高效成交工作坊【10/23】台中場
AI 業務即戰力:六小時學 AI,高效成交工作坊【10/23】台中場
【2026/12/21開班】Architecting on AWS (AWS架構設計實務)
【2026/12/21開班】Architecting on AWS (AWS架構設計實務)
質感商業空間:SketchUP高效出圖|進階課
質感商業空間:SketchUP高效出圖|進階課
【2026/9/21開班】Architecting on AWS (AWS架構設計實務)
【2026/9/21開班】Architecting on AWS (AWS架構設計實務)

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

從基礎扎根到專題實作:大安高工建築科強調做中學的實戰教育

「不是每個學生一開始就知道自己喜不喜歡建築,但我們會鼓勵他們多動手去做做看。」在大安高工教書十六年的建築科主任楊舜銘主任語氣沈穩卻有力地分享。他相信:透過實際參與,學生才能摸索出屬於自己的方向,而這也是大安高工建築科多年來穩定培養「土木建築技術人才」的根本。 大安高工建築科二年級的謝秉諺同學則分享,自己從小接觸Minecraft,在虛擬遊戲中發現了他對空間、建構與創造產生了濃厚興趣,最終選擇走入大安建築科,開啟了他在實體世界築夢的旅程。 文/104高職生 建築、土木雙軌適性揚才 跨科開設「科技建築」傳授最新技術 舜銘主任分享,從課程設計來看,建築科可分為兩個主要發展路徑——建築設計與土木營建:熱愛繪圖、擅長創意思考、喜歡構想空間配置的學生,會更適合走建築設計這條路;而擁有數理邏輯、對結構力學與環境工程有興趣的學生,則可朝土木營建發展。「土木的孩子不怕曬、喜歡戶外實作,這也是很關鍵的適性指標。」 而在實際課程中,建築科從高一的「安心期」起就安排工程概論、構造法與施工、工程材料等較基礎廣泛的建築課程,讓學生能慢慢喜歡建築、從中探索自己的興趣與能力;高二「用心期」進入專業養成階段,開設「工程力學」、「電腦繪圖實習」、「測量實習」、「設計技術實習」等專業科目,強化技術能力。學生通常也在這一階段開始擔任社團的重要幹部,可培養人際溝通與領導能力。高三則為「專心期」,著重升學準備與專題製作,學生可根據興趣選擇發展方向,無論是升學、證照考取或技能競賽,都有完善的輔導與實作機會。 圖:大安高工實作練習|混泥土操作 主任指出,當前建築產業未來會有兩大方向:智慧建築與碳足跡。像是透過物聯網(IoT)控制冷氣、窗簾與瓦斯的智慧住宅設計,或是關注碳足跡、材料永續的綠建築理念,這些都需要學生具備跨領域整合的能力。為此,學校也持續調整課程內容與選修資源,例如與電子科合作開設「IOT」課程,讓各科學生都有機會在校內接觸最新技術概念並思考如何應用在建築。 老師的陪伴與學生的紀律 時間X苦練造就奪金時刻 「我們是升學型的技術高職,既重學理,也重實作。」舜銘主任談到,大安高工建築科專題製作等實作課程採取「雙軌並進」的教學風格,除了課堂老師外,更有許多老師願意於課後無薪指導學生準備技能競賽、證照考取與專題實作。主任分享:「即使學生原先是綜合高中,相較建築科學習專業時間短,但只要願意學,我們就願意陪伴,這裡更重視的是學生的態度與努力!」 圖:大安高中學生素描與建築造型設計實作 而這樣的精神也讓謝秉諺同學在技能競賽的準備過程中獲益良多。為了挑戰全國技能競賽的漆作裝潢類,他從高一就開始訓練、練習、修正、復盤。「很多時候練習到晚上十一點,但每天回顧筆記、計畫明天怎麼進步,慢慢地就建立起自己的節奏。」這份節奏與紀律,最終讓他在第55屆全國技能競賽中奪下「漆作裝潢」職類的金牌,而這樣的成果是從指導老師到學生齊心投入各類技藝競賽累積下來的——大安高工建築科在工科技藝競賽年年奪金,全國專題與創意製作競賽屢屢獲獎。 圖:第55屆全國技能競賽漆作裝潢選手謝秉諺(右)勇奪金牌 智慧建築、IoT控制等40門特色課程 打造建築T型人才 隨著108課綱實施,建築科也積極推動跨領域學習。舜銘主任分享:「我們學校開設了將近40門特色課程,包括智慧建築、IoT控制、綠建築設計等,讓孩子不只是學好一門專業,而是成為能解決問題、能夠整合的T型人才。」 多元的學習也讓同學的生涯進路豐富多元,有的同學選擇繼續升學,走進建築系、室內設計系、土木工程等科系,深化空間設計的專業;有的則轉向土木營建領域,投身結構、大地、測量等技術應用。也有同學選擇考取公職,走進建管處、水利處、新建工程處等公共部門,用專業參與城市的規劃與建設。 圖:師生課後參與義築活動的竹構築 圖:上圖的實體作品目前在台東知本遊樂區展出 未來的方向不只一條,無論選擇哪一條路,大安建築科所培養的,是能夠統整知識、動手實作、與人合作的能力。從課堂到實作、從圖紙到現場,都在慢慢累積面對未來社會的能力! 開箱建築科學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

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

這段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應用規劃師初級|全科攻略x考點精華x擬真題庫|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應用規劃師考照共學群

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

PPT簡報編排的5招資訊設計技巧,設計師教你成為簡報大師

PPT簡報資訊超多,要如何強化重點?簡報圖表、icon運用有什麼技巧?本次客座小編「設計Ya黃素」分享5個設計PPT簡報的編排技巧,讓你成為簡報設計大師,立刻收藏、分享給有需要的朋友吧! 文/設計Ya黃素 本文目錄(點擊可快速前往) 【簡報編排技巧1】文字比重差異化【簡報編排技巧2】清晰的圖表呈現【簡報編排技巧3】加入icon豐富內容【簡報編排技巧4】色彩引導閱讀【簡報編排技巧5】增加動態效果 簡報資訊落落長,不知道如何強化重點嗎?今天小編就來介紹5種簡報編排小技巧,讓你邁向簡報大師之路! 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文 【簡報編排技巧1】文字比重差異化 將內容資訊按照重要性進行比重差異化處理,可以更快更有效地展示重點訊息。 NG-內文的字體、比重未做出差異 OK-運用字體大小及粗細強調重點 【簡報編排技巧2】清晰的圖表呈現 避免過多的文字訊息,改以清楚的圖表呈現主要內容加強印象。 NG-文字描述佔比過多,圖表過小 OK-資訊簡潔扼要,圖表清晰明確 【簡報編排技巧3】加入icon豐富內容 使用icon增強視覺效果,以簡單的圖形傳遞複雜的訊息,使內容更有趣。 NG-純文字敘述缺乏記憶點 OK-運用圖示增加吸引力 【簡報編排技巧4】色彩引導閱讀 色彩在簡報中不僅能提升美感,也可以透過對比來強調訊息和引導視線。 NG-難以區分當前步驟 OK-運用色彩引導觀眾 【簡報編排技巧5】增加動態效果 動態效果能夠提升觀眾的參與感和注意力,讓簡報更具吸引力。 NG-中規中矩的畫面呈現 OK-運用動態增加亮點 如果還有更多想知道的【設計師】內容,歡迎留言告訴我們! 喜歡我們的內容也歡迎【Follow】我們的相關資訊唷! ▲ 圖片來源:設計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職場力】・簡報技巧

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

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

甘特圖是什麼?免費軟體+甘特圖Excel範例教學懶人包

不少人會選擇使用「甘特圖(Gantt Chart)」工具來規劃專案時程。如果您還不知道甘特圖是什麼、它有哪些厲害用途,又或者想了解甘特圖Excel製作流程,《104職場力》小編彙整了完整範例及超實用甘特圖模板,助你輕鬆上手專案排程。 更新時間:2025/10/29 文/《104職場力》整理 本文導覽 Q:甘特圖是什麼?Gantt Chart特點簡介甘特圖用途有哪些?什麼工作項目和場合可使用?專案應用上的甘特圖範例甘特圖有什麼優點?甘特圖有什麼缺點?Q:甘特圖怎麼做?甘特圖Excel繪製教學微軟作業系統的甘特圖軟體如何自製甘特圖?Excel甘特圖步驟教學甘特圖製作步驟一:創建一個項目表甘特圖製作步驟二:製作Excel長條圖甘特圖製作步驟三:資料與圖表完整補足Q:有哪些免費/付費甘特圖產生器?參考更多甘特圖範本與模板甘特圖製作免費軟體Q:如何確認甘特圖設計是否合理? Q:甘特圖是什麼?Gantt Chart特點簡介 甘特圖(Gantt Chart)為1910年由亨利.甘特(Henry Laurence Gantt)提出,甘特圖英文便是以他的姓氏命名,經常於專案管理使用,可以清楚了解每項任務的開始時間、所需時間及結束日期。 甘特圖的橫軸代表著時間;縱軸代表著每個項目及任務;而各項線條長短則代表著各任務開始與結束時間。 甘特圖作用最主要追蹤著每個任務項目的進度,多能利用其他生產力工具額外增加資訊,例如每個任務間的關係、每個任務目前進度與狀況、使用了甚麼資源、是否遇到延宕或問題等。 甘特圖用途有哪些?什麼工作項目和場合可使用? 上一段我們簡單提到甘特圖的功能特點,這段就為大家詳細講解,希望幫助大家在甘特圖應用上更有概念。 常見的甘特圖用法 任務排程:可以在甘特圖中列出所有專案任務,並訂定它們的開始和結束日期,便可以透過甘特圖確定任務之間的先後順序和時間軸。 資源分配:專案負責人可以 透過甘特圖指派合適的人員、設備或其他資源給每項任務,確保組織資源的有效運用。 任務管理:在甘特圖中可以標記任務之間的依賴關係,以確保專案按合適的順序進行,避免專案之間的衝突。 進度追蹤:透過甘特圖可以追蹤專案進度,了解任務完成情況、是否如期進行等,作出必要的調整以達成預定目標。 團隊溝通: 因為直觀好懂的特性,甘特圖可作為一項有效的溝通工具,讓參與成員清楚了解專案情況和每個人的責任,加強團隊間的合作和協作。 決策支持:甘特圖提供了全面的專案概覽,有助於管理者做出明確的決策、調整任務排程,並有效管理專案的風險和資源。 甘特圖這麼強大,可以用在什麼項目上?如果還不清楚,可以參考下範例。 專案應用上的甘特圖範例 甘特圖應用範圍並非侷限於特定行業,一般公司專案計畫的推動、業務期程安排、福委會員工活動規劃、企業廠房擴建等,大大小小不同領域都能使用。以下是一些可以使用甘特圖來管理、規劃的工作項目及場合範例: 建築專案管理:在建築行業中,甘特圖可用於安排施工任務、追蹤工程進度以及協調各種工程階段。 軟體專案開發:軟體開發團隊可以使用甘特圖依序安排程式碼的開發、測試、專案上線等任務,並有效追蹤軟體開發進度。 活動策劃和管理: 活動策劃人員可以利用甘特圖的特性安排活動籌備工作、確定執行進度和流程,以確保活動順利進行。 新產品設計測試:甘特圖有助於管理各階段的新產品開發進度,如概念設計、原型製作、測試和正式上線等。 行銷推廣計畫:行銷團隊可以使用甘特圖來規劃產品的各項推廣期程,例如:社群、線下活動、數位廣告啟動等工作。 學術研究專案:研究人員可以利用甘特圖組織研究任務、安排實驗進度並追蹤,進而掌握研究項目的進展。 企業內部專案:內部流程改善、系統更新、員工培訓等企業內部專案,無論是大型專案還是小型任務,甘特圖都可以提供清晰的組織框架和視覺化呈現,有助於專案團隊有效地管理工作進度和分配資源。 簡而言之,如果需要掌握每項事情的步驟、時間安排、耗費時間與截止日等,皆能借重甘特圖之協助。 甘特圖有什麼優點? 甘特圖優點在於清楚呈現各項任務進程與時間資訊: 有著多少任務項目、各項任務又是什麼 每項任務的開始和結束時間 每項任務計劃持續多久的時間 每項活動與其他活動是否具有重疊的地方,以及重疊的程度 這一個大專案或完整計畫的開始和結束日期 如此,可以將一複雜大型計劃拆分成數項任務執行,也能清楚估算當前進度狀況,進行適當調整。 甘特圖有什麼缺點? 管理時間上雖然清楚易用,但如果要呈現其他資訊或了解更多細節就會產生問題: 1. 無法看出問題點 雖然能明確掌握每項任務所需時間與進度,從起迄時間了解與預期狀況的差距。可能發現某項任務花了比預期還多的時間,卻無法看出為什麼發生這樣的問題。 單純使用甘特圖僅能看出時間規劃,因此必須透過其他方式或備忘錄才能記載任務遇到的問題與癥結點。 2. 難以呈現龐雜交錯的任務項目 如果今天各項任務複雜且相互牽涉,又難以明確切割時,甘特圖反而變得複雜而不易清楚呈現。又當需要加入其他重要資訊、項目有優先順序、時不時拆分細項,如此大型或長時間的專案,則建議使用較專業之專案管理工具。 3. 人力掌控的缺乏 直接檢視甘特圖時,可以了解每項任務的時間長短,知悉有哪項任務正在進行,但無法得知每一項有多少人力投入、比例分配為何。 因此如欲進一步管理人力及掌握其他資訊,也如開頭所言即須其他生產力工具的運用。 Q:甘特圖怎麼做?甘特圖Excel繪製教學 微軟作業系統的甘特圖軟體 統一使用微軟作業系統的企業有福了,微軟即提供簡單的甘特圖模板(Simple Gantt Chart (office.com))。沒有微軟甘特圖的話,其實也還有其他辦法可以自製。 Simple Gantt Chart表格來源:微軟 Office 如何自製甘特圖?Excel甘特圖步驟教學 另外也能簡單自行製作甘特圖,需注意的重點 製作前準備:釐清任務、蒐集資料與時間 製作時留意:規畫各項任務、合理清楚的分配 以下步驟參考之: 甘特圖製作步驟一:創建一個項目表 首先將任務項目資訊輸入表格中,而最左列的表格列出每個任務項目,接著添加其他資訊: 任務項目起始日(Start Date) 任務項目完成日(End Date) 第幾天開始(Start on Day) 需耗費時間(Duration):這項任務需要耗時幾天(起始日-完成日) 依據自身掌握每項任務的狀況推算需要花多少時間、何時應當開始。除了手動填入,也能利用Excel公式自動填入,譬如起始日是B欄,完成日在C欄,而耗費時間在D欄,則使用公式[C2-B2](或[C2-B2+1])算出需耗費天數,以此類推。 又如果其中有任務需要在特定日期前完成,同時也能夠預估完成這項任務需要耗費多久時,則可以透過截止日和耗費時間回推最遲的開始期日。 任務項目截止日(End date)-需耗費時間(Duration)=任務項目起始日(Start date) 甘特圖製作步驟二:製作Excel長條圖 為了讓數據更為清楚,我們可以先製作一長條圖,圖像化呈現較容易看出第幾天需要開始以及進程。 首先先選取任務項目第幾天開始(Start on Day)這欄。 「插入」選擇「直條圖」或「橫條圖」,建議可以選擇堆疊橫條圖。 便會創造出X軸為開始日期,Y軸為各項任務的圖表。 現有資訊備妥齊全後,即進入下一步驟繪製出甘特圖。 甘特圖製作步驟三:資料與圖表完整補足 如有開始的期日及需要完成的期日,而欲算出每項任務所需時間(Duration),利用公式[C2-B2]以此類推: 而要算出在這個期程第幾天需開始第N個任務,則利用公式[B2-$B$2]以此類推: 註:於欄列前加入"$"為固定該單元格 初步完成後,開始將甘特圖表補足: 「插入」選擇「堆疊橫條圖」圖表前,先選取D1至D11單元格 對著「堆疊橫條圖」圖表右鍵點選「選取資料」 「圖列項目(數列)」點選「新增」後,出現「編輯數列」視窗 「數列名稱」單元格選取「Duration 所需天數」(如「=工作表1!$E$1」);「數列值」單元格選取「E2至E11」(如「=工作表1!$E$2:$E$11」),「確定」 於圖表上「第幾天開始」的長條圖示右鍵點選,將「外框」與「塗滿」顏色選擇「無外框」、「無塗滿」 對著「堆疊橫條圖」右鍵點選「選取資料」 「水平(類別)坐標軸標籤」點選「編輯」,選取範圍任務1到任務10(如「=工作表1!$A$2:$A$11」) 對圖表左側「垂直類別軸」右鍵點選「座標軸格式」,「坐標軸選項」中勾選「類別次序反轉」即可任務1在最上上面向下排列。 如此一個簡潔的甘特圖即可完成。 Q:有哪些免費/付費甘特圖產生器?參考更多甘特圖範本與模板 甘特圖製作免費軟體 常見如Excel、Canva、Gantt.io都是簡單易上手的甘特圖製作工具,Canva提供多種樣式,而Gantt.io也有各式專案主軸範例,依自身偏好選擇合適模板,清楚呈現時間資訊。 Canva Free Online Gantt Chart Gantt.io 以「拯救公主」詼諧的呈現甘特圖模板 如果本身專案較複雜,或有更專業的製作需求,有些企業甚至會採購更專業的管理工具及軟體,大多包含甘特圖相關功能。如有專業或大型專案需求,使用完整、功能齊全之專案管理軟體較為適合妥適。 Q:如何確認甘特圖設計是否合理? 先前若有製作甘特圖之經驗,透過前例或相關經歷是判斷甘特圖設計是否合理的主要途徑。若是首次嘗試甘特圖,如其他時間規劃常有之建議,非必要不將時間做緊迫安排。留有彈性或寬裕時間,萬一遇到緊急狀況較有伸縮的空間調整。 另外,也與其他管理工具一樣需要定期檢視與改善,因甘特圖透過「任務劃分」與「時間排定」劃定兩軸,也利用此兩面向作為檢討改善的單位。 如每一項任務完成後,即排定檢討、回顧該項任務有何缺失或需要調整的部分;又到了選定的時間點時,回頭檢視當前專案執行狀況、每一項任務有何問題或尚未完成。如此才能提升專案管理的成效,達到目的。 參考資料 What is a Gantt Chart? Gantt Chart Software, Information, and History Gantt Charting: Definition, Benefits, and How They're Used (investopedia.com) What Is A Gantt Chart? The Ultimate Guide – Forbes Advisor How To Make A Gantt Chart In Excel – Forbes Advisor 創造屬於自己的職涯價值,你還可以這樣做 SWOT分析是什麼?怎麼做?沒想到,求職也能用SWOT分析自我優勢 2024年超實用PPT模板推薦!8個高質感免費簡報範本網站 簡報結束後才是戰場,面對提問的3大應對技巧|職場工作術 別再錯把OKR當KPI!寫出激勵人心的O,讓團隊KR全力以赴 成功人士高效率「時間管理」的秘訣?想辦法吃到屬於你的「無敵星星」 為什麼我發的Mail,都沒人要回我信? [course_plugin title='職場Excel相關課程推薦' keyword='EXCEL' amount=4]
【104職場力】

設計接案合約必備5大要素!保護權益必知,終結客戶鬼打牆

設計外包接案,簽合約有哪些要注意?客座小編「設計Ya黃素」本次分享「設計接案合約必備5大要素」,提醒大家荷包賺飽之餘也要保護自身權益,歡迎分享與追蹤唷! 文/設計Ya黃素 本文目錄:設計外包接案合約5要素(點擊可快速前往) 設計接案外包常見3地雷設計接案合約必備5要素【設計接案合約01】工作範圍與內容【設計接案合約02】時間表與交付期限【設計接案合約03】付款條件與時間安排【設計接案合約04】修正次數與追加費用【設計接案合約05】版權與保密條款 從訪談設計師業外收入得知,大部分設計師為了多賺一點,下班後幾乎都是以外包接案的方式來增加口袋的深度。不過,相信大家都曾經陷入無限循環的修改地獄,或是怎麼催都催不到帳的狀況,「設計Ya黃素」小編了解大家的痛,因此這次無私地公開小編擬定合約的5個小撇步,希望大家從此接案順利不卡關,外包路順順順! 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文 注意:可以點擊星號收藏 ,簽合約前反覆詳讀! 設計接案外包常見3地雷 無限循環的修改 給錢給得拖拖拉拉 永遠的急件 想要避免以上接案鬼故事發生,少不了詳細清楚的合約,用智慧終結客戶鬼打牆! 設計接案合約必備5要素 以下5項合約要素不能缺少任何一項,才能保護好自己的權益,避免後續爭議喔! 工作範圍與內容 時間表與交付期限 付款條件與時間安排 修正次數與追加費用 版權與保密條款 提醒:本文範例合約內容為比較初階且必要的項目,實際合約內容請務必視專案內容來增減,以確保雙方的權利與義務。 圖片來源:設計Ya黃素 【設計接案合約01】工作範圍與內容 一定要清楚定義工作範圍,確保雙方對所需的交付物、工作流程及專案期限都有共識,以避免日後產生爭議。 範例:工作範圍乙方承接甲方的【網頁設計工作】,包含:【首頁設計、內頁模板、行動版適配】等。具體需求和設計內容由雙方確認並書面記錄。 圖片來源:設計Ya黃素 【設計接案合約02】時間表與交付期限 訂定各項目的階段時間表,包括設計初稿、修正稿、最終稿的提交時間,以及網站或設計作品的上線或交付日期,確保專案按時完成。 範例:工作時程乙方應於OO年OO月OO日前完成設計初稿,並於OO年OO月OO日前交付最終版。此約定時間以甲方已交付所有需要資料為前提,若甲方資料延遲提供,應另外協商交件日期。 設計Ya黃素提醒:如果擔心對方回覆太晚造成專案進度延遲,可以再加上審稿回覆日期,或是寫明交稿後幾天內甲方要回覆修改內容,來確保專案時間不會拖太長。 圖片來源:設計Ya黃素 【設計接案合約03】付款條件與時間安排 分階段付款可以降低拖款的風險,因此要在合約裡明訂付款條件,如預付款、中期付款及尾款的比例和支付時間,確保設計師在過程中能按時收到報酬。 範例:付款方式全案總金額:OO元甲方須在簽約後支付訂金:OO元(總經額的30%)中間款:初稿交付後支付OO元(總金額的40%)最終版本交付後支付OO元(總經額的30%)乙方在收到全額款項後,將移交所有設計文件。 圖片來源:設計Ya黃素 【設計接案合約04】修正次數與追加費用 寫明允許的免費修正次數,以及超出範圍的修正或新增需求的收費標準,以避免無止盡的免費修改要求。 範例:修改與取消條款雙方經確認風格與內容後,乙方提供最多O次免費修改機會。每次修正需在O天內完成。超過部分需額外收費,具體費用由雙方協議。若專案取消,已支付的款項不予退還,乙方有權保留所有已完成的設計。 設計Ya黃素提醒:所謂的修改應指風格已確認後的修改次數。合約裡也可以明訂超過的次數以OO元來計算。 圖片來源:設計Ya黃素 【設計接案合約05】版權與保密條款 需要有明確的設計作品版權歸屬,以及雙方的保密義務,防止作品被未經授權使用或機密洩露,這點對於保護設計師或是客戶的利益都非常重要。 範例:版權與使用權乙方保留設計作品的著作權,甲方擁有OO的使用權。非經乙方書面同意,甲方不得將作品進行二次轉售或用於非約定用途。 範例:保密條款雙方同意在合約期間及之後保密所有涉及專案的商業資訊,若乙方發生違約情形,甲方得終止契約,並可向乙方求償。 範例:爭議解決如雙方發生爭議,應友好協商解決。協商不成時,應提交管轄地法院裁決。 圖片來源:設計Ya黃素 [joblist_plugin title='更多【設計接案】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&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'] 更多【外包接案技巧】推薦給你: 接案族該如何報稅?一文搞懂「接案外包」報稅技巧 設計接案平台推薦!國內外8大設計師接案外包大平台 接案報價不是憑感覺!給新手的基礎報價公式參考 最完整免費接案社群整理,自由工作者、接案族必備 社群行銷、文案寫手接案報價與外包行情參考 [course_plugin title='數位游牧|接案教學推薦' keyword='設計師接案必修課' amount=1]
【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職場力】・職涯規劃

前端工程師是什麼?薪水怎破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職場力】

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職場力】

從設計專才到未來職人──認識「大安高工圖文傳播科」的真實樣貌

設計,是喜歡畫畫就能勝任的事嗎?高中三年,又能學到哪些專業?未來的出路,又會長成什麼模樣?這一次,我們走進大安高工圖文傳播科,透過鄭茜文主任的分享,帶你認識圖傳科的學習內容與升學出路! 文/104高職生 圖文傳播在學什麼:整合科技與美感的學習歷程 你以為設計只是畫畫嗎?在圖傳科,設計是反覆練習、整合思維與實作經驗的過程。學生從高一開始打下基本功,學設計概論、色彩原理;進入高二後,課程開始進一步與業界技術接軌,包括圖文編排、向量繪圖與棚拍攝影實習;到了高三,學生要進行專題製作與設計實務,不只是把作品完成,更要能站上台前,講清楚自己的設計概念與表達邏輯。 能力面向能力說明對應課程跨域力整合所學知識,應用於跨領域學習與實作,解決實務問題。設計概論、圖文傳播概論、印刷與設計實務、圖文複製實習、向量繪圖實習、基礎設計實習等研創力具備研發與創新思維,能因應科技趨勢、創造價值。表現技法實習、專題製作、造型原理、攝影實習、畢業專題製作等專業力具備專業技能、技術素養與職業道德,轉化生涯目標為行動方案。Photoshop/Illustrator/InDesign 操作、印前作業實習、色彩原理、數位影像處理實習、棚拍攝影實務、專業圖文複製實習、選手培訓等移動力具備國際觀與文化理解,能自信溝通、拓展知識邊界。國語文表達與應用、學習歷程製作與發表、選手培訓、設計實務、畢業專題製作(發表面向)等 (表:圖傳科培養的四大能力) 為了讓學生在真實場域中成長,圖傳科建置了攝影棚、數位印刷教室、Mac教室與圖文複製工場等專業實習空間。學生除了日常學習,也會挑戰技能檢定。目前丙級證照通過率穩定超過九成,乙級也有六成以上的表現。這些證照是過程中學生對自己專業能力的確認,也為未來升學與工作奠下基礎。 圖:大安高工圖傳科|攝影棚教室(大安高工圖傳科主任提供) 喜歡畫畫不一定適合設計? 圖傳科的學生來自不同背景,有些是從小愛畫畫,也有些是對設計感到好奇而選擇這條路。但進入圖傳科後:「喜歡畫畫就適合設計」這個迷思會被一點一滴的學習中澄清,而競賽更是磨練與驗證所學的舞台,平日無數次的修改,都成為比賽的底氣。近年來,圖傳科在全國工科技藝競賽屢創佳績——應用設計類金手獎第1名已連續四年奪冠,圖文傳播類金手獎第 1 名也完成了二連霸,幾乎年年都有學生拿下金手獎的殊榮,獲獎的成果背後,藏著的是師生之間深厚的信任與默契。 圖:大安高工圖傳科|參與108學年度全國工科技藝競賽(大安高工圖傳科主任提供) 茜文主任分享,過去18年的教學經驗讓她知道,不同的學生需要不同的語言與陪伴方式,比賽當然有壓力,學生也常擔心沒得名,但主任總會提醒他們:只要用實力累積經驗就能踏穩腳步。她自己也曾是選手,深知那種孤獨與緊張,也更知道一位好教練的陪伴有多重要。於是技藝競賽的意義,亦是那些準備的日子中老師與學生在無數次修改討論中如何彼此靠近一起撐過挑戰的回憶! 圖:大安高工圖傳科|鄭茜文主任 至鶯歌工商細心指導選手(大安高工圖傳科主任提供) 從圖傳出發,看見更多可能 圖傳科未來的發展聚焦於強化自身的獨特性,延續印刷專業出身的技術基礎,整合設計、美感與傳統文化,發展如藍曬、布衣、鉛字等文創應用課程,同時,科內也重視溝通與表達力的養成,鼓勵學生在創作過程中說出自己的理念,建立能回應時代的設計思維。 畢業後,圖傳科學生的升學選擇相當多元,常見升學目標包含國立臺灣科技大學、國立臺北科技大學、國立臺灣師範大學等設計或傳播相關學系。也有學生選擇進入職場,發展自創品牌、音樂創作、自媒體經營等個人事業,走上獨立接案的路線。圖傳科培養的不只是設計專才,更是願意學習、勇於嘗試、持續創造的未來職人! 更多科系探索,歡迎追蹤104高職生IG! 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【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職場力】

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