104學習

伺服器網站管理維護

負責確保網站伺服器穩定運作,包括安裝、設定及優化伺服器環境,監控系統效能與安全,及時排除故障和漏洞。透過備份與更新,保障資料安全與網站持續可用,提升使用者體驗與企業形象。此技能對企業數位營運至關重要,能降低停機風險,確保服務穩定且安全。

1,590 個相關職缺

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

精選課程

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

Linux入門職能精修【本課程為線上課,報名後專員會提供上課資訊】
Linux入門職能精修【本課程為線上課,報名後專員會提供上課資訊】
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
長照行政品質必修課|行政與照顧品質管理基礎四堂課
長照行政品質必修課|行政與照顧品質管理基礎四堂課
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (上集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集)
專案計畫與進度管制技巧
專案計畫與進度管制技巧
C# .Net Framework系統基礎實作攻略
C# .Net Framework系統基礎實作攻略
專案管理的要領與技巧
專案管理的要領與技巧
.NET開發資料庫應用系統全方位-ADO.NET與Entity Framework(.NET Core)攻略
.NET開發資料庫應用系統全方位-ADO.NET與Entity Framework(.NET Core)攻略
專案矩陣分析與應用技巧
專案矩陣分析與應用技巧
你的服務做對了嗎?
你的服務做對了嗎?

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

FYI意思是什麼?PV、OOO、FWD等職場英文縮寫懶人包!

FYI什麼意思?OOO、PV、KPI…等職場常見英文縮寫又代表什麼?本文整理常見辦公室英文縮寫,包括:Email、職位與部門名稱、會議報告、行銷企劃及資訊技術的英文縮寫用語,下次遇到就不擔心啦! 文/《104職場力》 本文導覽 FYI、FYR、OTP…常見的辦公室用語英文縮寫FYI意思跟FYR差在哪?常見的職位英文與部門名稱英文縮寫常見的會議報告英文縮寫常見的行銷企劃英文縮寫常見的資訊技術英文縮寫Email及辦公室用語使用英文縮寫的原因與優劣 你是否也有在和同事、主管開會討論時,發現他們口中會念出一連串的「英文縮寫字」,聽起來既像是專業用語又像是口語,記得住字母、但是卻完全搞不懂意思,總是搞得在會議中只能乾笑卻又丈二金剛摸不著頭緒嗎? 在現在的職場中,為了縮短溝通時間和精簡文字,養成許多辦公室都會出現的「英文縮寫」文化,有些源自於專有名稱的縮寫(如PV、UV、KPI、CTA.......等等)、有些則是出自於商務電子郵件中的常見用語(如c.c.、Fw、etc)、有些則是職場常見的職務縮寫(如HR、PM、R&D、PR),更有些則是約定成俗的英文縮寫用語(如BTW、ASAP、FYI、IAM),林林總總列不完,對於初來乍到的新人而言,這些大家聽到就能直接反應的省略用詞,又不好意思拉著前輩一個一個詢問,到底該怎麼辦呢? 以下提供職場中在會議、信件中常會看見的「英文縮寫」,下次遇到就不擔心啦! FYI、FYR、OTP…常見的辦公室用語英文縮寫 名稱說明FYIFor your information 的縮寫,意指:提供予你做參考。FYRFor your reference 的縮寫,意指:提供給你參考。C.C.Carbon copy 的縮寫,意指:副件、副本。Fw/FwdForward 的意思,意指:轉寄郵件。ASAPAs soon as possible 的縮寫,意指:請盡快完成。BTWBy the way 的縮寫,意指:順帶一提。TBDTo be determined 的縮寫,意指:待議、待決定。NSFWNot safe for work 的縮寫,意指:工作場所不宜、不適合工作場合。NRNNo reply necessary 的縮寫,意指:不需要回覆。IAMIn a meeting 的縮寫,意指:正在會議中。ETCEt cetera 的縮寫,意指:......等等,英文意同 " and so on. "OOOOut of the office 的縮寫,意指:不在辦公室。WFHWork from home 的縮寫,意指:在家工作。OTPOn the phone 的縮寫,意指:通話中。 FYI意思跟FYR差在哪? FYI中文翻譯為「提供予你做參考」,明明跟FYR意思差不多,但為什麼要分成兩種用法呢? 兩者的主要區別如下: FYI英文中的Information,意思是指「資訊、資料、文件」等明確資訊,不論對方要採取什麼行動,這些訊息都是對方必須知道的事項。例如:需要出席的開會時間、出差行程、活動安排等。 常見的FYI用法: FYI,下週的會議將在同一時間和地點舉行。 FYI,公司年度晚宴已確定在10月舉行,詳細資訊稍後公佈。 FYI,附上會議的紀錄與報告。 FYR英文中的reference,相對於Information,比較偏向參照、對照用的參考資訊或資料。屬於額外性質的,「有沒有幫助」或「要不要參考」則取決於收件者的判斷與意願。例如:圖片設計的建議參考範本、官網改版的參考網頁等。 常見的FYR用法: 這是以前設計圖的風格,FYR。 雲端內有歷史資料,FYR。 附檔為競品的調整內容,FYR。 因此,可以根據你提供給對方的資料屬性,選擇應該要使用FYI或FYR,這樣對方收到的指令會更加明確、使溝通更順暢。 常見的職位英文與部門名稱英文縮寫 名稱說明CEOChief Executive Officer 的縮寫,意指:首席執行官、執行長、行政總裁。CEO是公司三長之一,多為企業集團、行政單位的最高行政負責人。CFOChief Financial Officer 的縮寫,意指:首席財務官、財務長、財務總監。CFO是公司三長之一,多為企業集團、財閥中負責財務的最高執行人。CIOChief Information Officer 的縮寫,意指:首席資訊官、資訊長。CTOChief Technology Officer 的縮寫,意指:首席技術官、技術長。COOChief Operating Officer 的縮寫,意指:首席營運官、營運長。CMOChief Marketing Officer 的縮寫,意指:首席行銷官、行銷長。HRHuman Resources 的縮寫,意指:人力資源管理。PRPublic relations 的縮寫,意指:公共關係維護。PMProject Manager 的縮寫,意指:專案經理。ITInformation Technology 的縮寫,意指:資訊技術。R&DResearch and Development 的縮寫,意指:研究開發,簡稱研發。SASystem Analyst 的縮寫,意指:系統分析師。MISManagement Information System 的縮寫,意指:網管人員。QAQuality Assurance 的簡寫,意指:品質管理工程師。UIUser Interface Designer 的縮寫,意指:使用者介面設計師。UXUser Experience Designer 的縮寫,意指:使用者經驗設計師。VDVisual Designer 的縮寫,意指:視覺設計師。 常見的會議報告英文縮寫 名稱說明KPIKey performance indicators 的縮寫,意指:關鍵績效指標。OKRObjectives and Key Results 的縮寫,意指:目標與關鍵成果。YTDYear to date 的縮寫,意指:從今年初至今。常見於財務文件或報表當中。MTDMonth to date 的縮寫,意指:從本月初至今。Q1、Q2、Q3、Q4Quarter 1-4 的縮寫,意指:季度。一年可分為四個季度、每個季度3個月。通常第一季度指1-3月、第二季度指4-6月、第三季度指7-9月、第四季度指10-12月。H1、H2H 指的是 Half(半年),通常用來指特定年份,因此會出現在年份的的末尾,如:2023H1、2023H2(請注意一年只會有2個半年),H1通常指1-6月、H2則為7-12月。YoYYear on year 的縮寫,意指:年營收成長率。QoQQuarter on quarter 的縮寫,意指:季營收成長率。MoMMonth on month 的縮寫,意指:月營收成長率。B2BBusiness to Business 的縮寫,意指:企業對企業。常用於電子商務模式定義商業關係。B2CBusiness to Consumer 的縮寫,意指:企業對消費者。常用於電子商務模式定義商業關係。TBCTo be confirmed 的縮寫,意指:待確認。TBDTo be determined 的縮寫,意指:待確定。 常見的行銷企劃英文縮寫 名稱說明ADAdvertisement 的縮寫,意指:廣告。PVPage View 的縮寫,意指:單頁點閱率。UVUnique Visitor 的縮寫,意指:網站不重複的訪客數。SEOSearch Engine Optimization 的縮寫,意指:搜索引擎優化。CTR Click Through Rate 的縮寫,意指:點擊率。CTACall to action 的縮寫,意指行動呼籲,意指提示使用者採取動作。CPCCost Per Click 的縮寫,意指:每次點擊成本。CPACost Per Action 的縮寫,意指:每次動作成本。ROIReturn On Investment的縮寫,意指:投資報酬率。CRMCustomer Relationship Management 的縮寫,意指:客戶關係管理。EDMElectronic Direct Mail 的縮寫,意指:電子郵件行銷。FAQFrequently Asked Questions 的縮寫,意指:常見問題。 常見的資訊技術英文縮寫 名稱說明IPIP Address 的縮寫,意指:網際協定位址、網際網路協定位址。URLUniversal resource locator 的縮寫,意指:統一資源定位符,俗稱網頁位址或網址。VPNVirtual Private Network 的縮寫,意指:虛擬私人網路,多用於企業或團體間的私人網路通訊。RSSRich Site Summary 的縮寫,意指:簡易資訊聚合,用以聚合經常發布更新資料的網站。OSOperating System 的縮寫,意指:作業系統。HTTPHyperText Transfer Protocol 的縮寫,意指:超文本傳輸協定,是全球資訊網資料通信的基礎。HTTPSHyperText Transfer Protocol Secure 的縮寫,意指:超文本傳輸安全協定。FTPFile Transport Protocol 的縮寫,意指:檔案傳輸協定。ERPEnterprise Resource Planning 的縮寫,意指:企業資源計劃。APIApplication Program Interface 的縮寫,意指:應用程式介面。CSSCascading Style Sheet 的縮寫,意指:階層式樣式表。HTMLHyperText Markup Language 的縮寫,意指:超文本標記語言。 Email及辦公室用語使用英文縮寫的原因與優劣 不論辦公室中是使用電子郵件傳遞訊息或透過通訊軟體溝通,為了有效傳遞資訊,都非常講求簡短精確,使用英文縮寫可避免撰寫與閱讀時間的浪費,也減少語意不清混淆的狀況,如果辦公環境中有外國同事,更有助於促進溝通的一致性、邁向國際化。 雖然英文縮寫能提升打字效率,甚至可在商場中打造出專業形象,並幫助團隊溝通順暢,但對於初來乍到的新人可能門檻有點高,例如: 如果對英文敏感度較低,部分縮寫可能會造成理解困難,尤其是對於不熟悉該領域或書信文化的人來說。 部分縮寫具有多重意義,如果沒有弄清楚前後文的語意,容易導致誤解或會錯意,進而形成紛爭。 簡寫雖然好用,但過度使用縮寫可能會讓整封信件變得晦澀難懂,反而提升閱讀門檻。 不同國家、地區或文化對於縮寫的理解可能有所不同,如果沒有定義清楚,容易因文化差異造成誤解。 因此如果要在辦公室推行英文縮寫,或是因業務需要,向來都是英文書信往來的企業,不妨在新人訓練時一併布達相關內容,或直接列入培訓環節,讓整體的使用更精準、更實際。 推薦閱讀: 辦公室黑話快把我逼瘋了!ASAP是什麼意思?ROI、CPC又是什麼指標?|辦公室常用英文簡稱整理包 【辦公室英文】實用!40 個網路業常用英文句型與情境整理 【辦公室英文】這些常用例句其實很「不得體」,小心得罪同事都不知道! 要放假了!Email自動回覆的英文「休假通知」怎麼寫? 小編私房推薦:104NABI精選【英聽會話、職場英語】學習資源 經典不敗:NEW TOEIC 新多益線上高分速成班 >> 會走路的翻譯機,用關鍵字秘訣,進擊職場口說 >> 摩根史丹利管理師都在學的「一分鐘英文短講術」>> 銀行雙語政策上路,9大情境式教學,讓你從容接待、滿足客戶 >>
【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應用規劃師考照共學群

你適合當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職場力】

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

初階PM如何提升專業能力?從Junior PM進化成Senior的4個職場指南

想從初階產品經理(Junior PM),進化成能獨當一面的Senior PM,需要掌握哪些能力?作者分享4個建議,幫助Junior PM避開常見誤區,克服包括低效工作、溝通不良、無法獲得主管信任等窘境。PM的價值不在於「處理問題」,而在於「解決問題」,有助成長為真正的專業產品經理! 文/Jason Lin(「在海邊數據行銷」負責人) 本文目錄:初階PM的4個職場指南(點擊可快速前往) 1. 避免低效工作習慣:識別與預防「笨」跟「懶」1.1 PM「懶」的情境A:只當「轉接總機」而未盡職責1.2 PM「懶」的情境B:總是先做簡單的事1.3 避免「笨」的情境2. 訓練同理心:提升溝通與協作效率2.1 優秀PM基礎技能:站在對方角度思考2.2 優秀PM進階技能:讀空氣3. 練習向上管理:讓主管信任你、支持你3.1 向上管理的簡報SOP3.2 PM向上管理成功 vs 失敗具體案例4. 給PM的其他建議:如何從Junior進化為Senior?4.1 不要完全相信工程師或客戶窗口4.2 Junior只是「處理問題」,Senior在「解決問題」 身為一名初階產品經理(Junior PM),你可能會面臨許多挑戰,無論是如何有效與工程團隊溝通、如何讓主管信任你的決策,或是如何確保自己的工作不僅是「忙碌」,而是真正帶來價值。本指南將從避免低效工作習慣、提升同理心、掌握向上管理、強化問題解決能力4個核心方向,幫助你從Junior邁向Senior。 1. 避免低效工作習慣:識別與預防「笨」跟「懶」 PM:「Jack 午安,剛剛老闆說想要在介面加一個跳出視窗,這是老闆寫的需求文件,再麻煩你了。」 工程師 Jack:「要加什麼內容?這樣不會影響使用體驗嗎?文件這一段看不太懂是什麼意思?」 PM:「痾……那我再去問老闆是什麼意思……」 1.1 PM「懶」的情境A:只當「轉接總機」而未盡職責 你是否覺得明明自己每天超時工作,上班時間都在位子上忙碌,但同事還是覺得你不夠努力,老闆還是覺得做的不夠好呢? 我們以為自己很「勤奮」,同事卻覺得你在「偷懶」。這種偷懶不是偷時間,而是忽略了PM應有的責任:過濾資訊、理解邏輯、釐清目標、排序優先順序。 身為PM每天會經手許多的資訊與需求。當PM收到利害關係人的需求後,需要先釐清其決策背景、問題背後的動機、商業利益、需求與目標的關聯性,以及需求對於產品與團隊的價值。 沒有識別問題背後的動機、利害關係與利益的PM,會讓團隊盲目且豪無產值。 舉例來說,客戶在測試時提出許多需求,其中有些可能只是個人意見,有些需求模糊,有些與系統限制衝突……。若PM只是把所有的需求整理成冊並交給工程師修改,不論這份文件花了PM幾個小時製作,在工程師與主管眼中這些時間都在「偷懶」。落入用戰術性的勤奮,掩蓋戰略上的懶惰。 你已經很努力,但要成為進階的PM,必須學會覺察自己不經意流露出的「偷懶」。 解決方案: 問對方能夠輕鬆回答的問題:詢問問題前,先確認問題屬於對方的專業範圍、對方已經具備回答這個問題所需的背景知識,並且對方的答案可以被客觀查證。PM可以問視覺設計師「這幾年的視覺設計有何趨勢?」,不要問「老闆覺得網頁的跳出率太高,你覺得是什麼原因?」。 先驗證背景資訊:整理問題的脈絡,避免讓對方需要從頭推理。 事先查資料:使用ChatGPT、過往專案紀錄,先了解需求細節。即便只是先google這個功能其他人都怎麼做,也好過一無所知的提問。 1.2 PM「懶」的情境B:總是先做簡單的事 遇到問題時,只選擇最容易的任務處理。明明明天報告的簡報還沒做,今天還花了4個小時就為了整理上禮拜的會議筆記。這樣的工作方式只是在拖延問題。 解決方案: 分析行動的目的:每項工作對公司的價值是什麼?是否有助於解決關鍵問題? 確保行動帶來實質Output:應用MVP(最小可行性產品)的概念,練習寫出每天工作的實質成果,這些成果可以很簡略,但需要可以被展示、被團隊使用。 1.3 避免「笨」的情境 所謂的「笨」並不是不會,畢竟PM本來一部分職責就是在幫團隊處理模糊、複雜且缺少答案的問題。因此PM不需要擔心自己不會,而是要擔心是否「不會還不做功課」,當伸手牌,用自己的無知打擾別人。 在問問題之前,可以先反問自己一句:「如果我是對方,會覺得這個問題值得回答嗎?」、「這個問題google找得到嗎?」這不只是基本的禮貌,更是溝通效率的起點。 解決方案: 事前調查:減少讓對方幫你做你自己可以查到的事情。 說明問題背景:讓對方理解「為什麼這個問題值得回答」,回答這個問題對於對方而言有什麼好處。 預約時間:避免突襲式提問,給對方準備空間。可以事先私訊想討論什麼問題,目前功課做到什麼程度,但哪些地方不是很清楚,這兩天有沒有30分鐘左右的時間可以向對方請教。 2. 訓練同理心:提升溝通與協作效率 我認為「同理心」是PM最耐用、最通用,也最有效的底層能力。面對老闆可以向上管理,識別公司利益;面對使用者可以優化使用體驗;面對開發團隊,也可以透過同理工程師,驅動工程師的開發效率。擁有同理心的PM,更能獲得團隊的支持與信任。 2.1 優秀PM基礎技能:站在對方角度思考 X 只關心自己要什麼,而不考慮對方的感受 優秀的PM需要讓對方感受到「回答這個問題對他是有意義的,或至少不會造成負擔」。反之,若總是以自我為出發點,只傳達「我需要什麼」,不考慮對方的處境與壓力,很容易讓溝通卡關。 解決方案: 預測對方的回應:「如果我是對方,會怎麼回?」然後提前準備好應對方案。 換位思考:考慮對方的目標、時間壓力、最近忙不忙、思考邏輯,調整你的溝通方式。 說出對方的感受,幫他「說出心裡話」:觀察對方工作時在意什麼?和哪些人溝通時總是可以和顏悅色,並以此整理對方可能喜歡的溝通模式。再將這套模式套入自己提出的需求,思考對方聽到時是否會感到不方便、困惑或甚至有情緒反應。 2.2 優秀PM進階技能:讀空氣 擁有同理心的進階表現,不只是能站在對方立場思考,更是能「讀空氣」— 觀察對方的語氣、表情、回應頻率、打斷了哪些習慣動作 — 即時察覺對方的情緒與壓力,在對的時機、用對的方式進行對話。 解決方案: 觀察對方的非語言訊息:如果對方回應冷淡、眼神飄忽,可能代表現在不是溝通的好時機。 選擇適當時機:若對方忙碌,可以先透過Slack或Email了解合適的討論時間。 3. 練習向上管理:讓主管信任你、支持你 3.1 向上管理的簡報SOP 作為Junior PM,使用同理心掌握對方的利益與需求,識別動機後,下一步驟就是取得上級、客戶主管的信任,以便幫自己與團隊爭取更多資源來槓桿出更大的產值。如何向上彙報,讓主管能夠快速掌握專案進度,並幫助你解決關鍵問題,是這個階段的關鍵能力: 讓主管掌握全局:提供關鍵資訊,避免讓主管花時間追問細節。 讓主管不需要擔心:說明哪些部分已經妥善處理,建立信任感。 讓主管只需關心真正的風險點:清楚列出需要關注的問題,並提供可行的解法建議。 3.2 PM向上管理成功 vs 失敗具體案例 PM向上管理技巧成功做法失敗做法彙報專案進度使用簡潔、數據化的進度摘要提供一堆瑣碎資訊,讓主管無法抓住重點解決問題前先驗證自己先分析問題並提出解法選項直接把問題丟給主管,讓主管幫你決定建立信任清楚說明哪些問題已處理,讓主管放心只報告問題,不告知解決進度 4. 給PM的其他建議:如何從Junior進化為Senior? 4.1 不要完全相信工程師或客戶窗口 工程師說「這個做不了」⮕可能只是時間成本過高,但技術上是可行的。 工程師說「我做好了」⮕可能只是在地端測試跑得動,放到測試機還很有問題。 窗口說「這個檔案我給了」⮕可能只有檔案名稱,內容是錯的 客戶說「這一定要有」⮕可能只是窗口自己覺得需要,user其實可以不用 解決方案: 透過實際測試、需求分析、跨部門確認來驗證問題。 用數據說話,避免只依賴主觀判斷。 4.2 Junior只是「處理問題」,Senior在「解決問題」 避免停留在「遇到問題、經手問題、傳達問題」。這只是被動應對,而非主動解決。 解決方案: 主動分析問題原因:找出真正的痛點,而不只是表面的問題。 尋找方案並推動執行:確保問題被徹底解決,而非只是一時應對。 PM的價值不在於「處理問題」,而在於「解決問題」。 掌握正確的方法,持續優化自己的工作方式,從Junior PM成長為真正的專業產品經理! (原文標題:給初階 PM(Junior PM)的職場指南|如何提升專業能力,避免常見錯誤?) [joblist_plugin title='更多104【產品經理PM】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E7%94%A2%E5%93%81%E7%B6%93%E7%90%86' amount='4'] [course_plugin title='產品經理學習營|學習推薦' keyword='產品經理學習營' amount=2]
【104職場力】

打造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

讓ChatGPT更聰明!7種萬用AI提示詞模板,問出最準答案

想讓ChatGPT回答更精準,指令要怎麼問?本篇整理7種萬用提示詞模板,包含角色扮演、逐步推理、流程拆解設計到多版本生成,直接複製套用並加入實際需求,就能用AI問出更聰明、更實用的答案。本文節錄自《ChatGPT 5 萬用手冊》。 文/蔡宜坦、施威銘研究室 本文目錄:ChatGPT問答的7大萬用模板(點擊可快速前往) 1. 角色扮演模板2. 結構化回答模板3. 逐步推理模板4. 任務拆解與流程設計模板5. 優化與檢查模板6. 多版本生成模板7. 教學與學習模板 使用AI工具:ChatGPT 5網址:https://chatgpt.com/ 1. 角色扮演模板 適用情境:模擬醫師、老師、顧問、工程師等角色,適用於模擬專業角色、日常實務應用的任務。 提示詞範例: 【提示詞】# 你是一位醫師[提供角色定位],目標是解釋高血壓給一般大眾聽懂[提供目標]。# 請根據以下條件進行[指定輸出格式與條件]:- 限制:避免專業術語- 語氣/風格:親切、生活化- 輸出格式:分成三個段落文字來解釋,並加上表格 2. 結構化回答模板 適用情境:查詢、比較、整理資訊,適用於知識或資訊型任務。 提示詞範例: 【提示詞】# 你是一位專業顧問[提供角色定位],我想知道需不需要選擇雲端儲存服務(Google Drive、Dropbox、OneDrive)[ 提出問題 ]。# 請依照下方格式回答問題 [指定輸出格式與條件]:1. 背景說明2. 方案或方法(條列)3. 優缺點比較4. 建議與結論 3. 逐步推理模板 適用情境:邏輯推理、數學、規劃,適用於解決複雜問題或任務。 提示詞範例: 【提示詞】# 我月薪5萬,想在2年內存到50萬元[提供背景與細節資訊]。# 請逐步分析[提供執行步驟與流程]:1. 明確定義問題2. 列出可能步驟3. 檢查每個步驟的可行性4. 提出最合理的解決方案 【TIP】若你是使用免費版ChatGPT,可以選擇使用「思考較長時間」模式,讓ChatGPT先進行分析後再提供建議,在邏輯推理、決策評估、數據分析等任務上非常實用;付費版則可指定使用GPT-5 Thinking模型。當然,你也可以交由GPT-5來幫你決定。如果需要推理的內容較複雜,建議搭配深入研究模式。ChatGPT會自動進行多步驟的研究、推理,包括搜尋、閱讀並整合資料,甚至可以產出完整的報告。 4. 任務拆解與流程設計模板 適用情境:複雜任務分工、工作流設計,適用於專案與流程規劃。 提示詞範例: 【提示詞】請幫我規劃「線上課程上架」的執行流程[提供目標] :1. 拆解成主要流程[要求AI提供流程]2. 每個階段的具體步驟[要求AI提供執行步驟]3. 需要的資源或工具4. 可能的風險與解決方案 【TIP】建議搭配代理程式模式(付費版才有),ChatGPT會像一位「專案經理」,幫你拆解任務,執行多步驟流程直到完成。由於這個模式的執行過程就像是一個完整的工作流、有複雜的處理過程,再加上GPT-5對於提示詞較敏感,因而在此模式中更需要注意提示詞的精準度。 5. 優化與檢查模板 適用情境:寫作潤稿、優化企劃或結案報告、程式除錯,適用於需要迭代改進的任務。 提示詞範例: 【提示詞】# 請檢查以下段落是否符合這些條件[提供目標與條件]:1. 文字是否流暢2. 用詞是否專業3. 是否適合用在企劃書# 段落[提供樣本資訊]:我們公司將用大型語言模型…(以下省略) # 如果有問題,請提出修改建議與優化版本[指定輸出格式與條件]。 6. 多版本生成模板 適用情境:生成文案、設計靈感,適用於創意發想、靈感探索的任務。 提示詞範例(告知需求): 【提示詞】請針對「AI課程廣告文案」[提供目標],生成3種不同版本[指定輸出格式與條件]:- 正式專業風格- 創意活潑風格- 精簡重點風格 提示詞範例(提供樣本): 【提示詞】請使用下方截圖的文字段落風格,內容改成Excel的VBA功能[提供目標],生成1則FB Reels的貼文[指定輸出格式與條件]。[ 提供具體案例]  7. 教學與學習模板 適用情境:提供分層次、分步驟的逐步引導,適用於學習新知、技能養成的任務。 提示詞範例: 【提示詞】# 我是一個文科高中生[提供背景與細節資訊],請教我「區塊鏈」[提供目標]。# 使用淺顯易懂的方式說明,教學步驟如下[指定輸出格式與條件]:1. 先用簡單的生活化比喻來解釋2. 再提供正式定義3. 補充一個真實案例4. 出一題練習題,測驗我的理解程度 節錄自:旗標《ChatGPT 5 萬用手冊:自動化 AI agent、提示詞技巧、研究推理、影音生成、自然語音、專案排程、工具連接》/蔡宜坦、施威銘研究室 著
【104職場力】・AI

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

你是否想轉職成為後端工程師,打造更穩定、具成長性的技術職涯?無論你是剛開始學習程式語言的新手,或正在尋找明確學習方向的職場工作者,這份後端學習地圖將幫助你掌握後端工程的核心技能、實戰經驗與職涯發展路徑。透過系統化的學習規劃與專案實作,你將更有信心地踏入後端領域,成為職場中真正被需要的技術人才。 文 /【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職場力】・職涯規劃

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

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

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

你是否想過轉職前端工程師,或是想提升技術實力,而能在競爭激烈的職場脫穎而出?無論你是零基礎的學習者,還是正在尋找更明確學習路徑的開發者,這篇文章將幫助你理解前端工程師的核心技能、職涯發展方向,並提供高效的學習策略。透過系統化的學習與實踐,你將能夠更順利地進入前端開發領域,甚至進一步拓展你的職業選擇! 文 /【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職場力】・職涯規劃

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

專家工作都怎麼用「AI搜尋」?3招高效提問讓AI工具幫你找資料

生成式AI的搜尋功能既直觀又有效率,還可以提出後續問題深入探討。本文示範關於AI搜尋網路知識、公司內部知識庫、專家知識的提示詞,幫助升級AI搜尋技巧,為你找到更有價值的答案。本文節錄自《職場人的生成式AI工作法》。 文/艾麗莎.法瑞、賈布里.羅薩尼 本文目錄:讓AI幫你做資訊搜尋(點擊可快速前往) 1. 網路知識2. 公司知識3. 專家知識 所有管理者必須取得資訊,才能做出好決策。你還記得過去在圖書館翻找書籍的日子嗎?搜尋引擎和關鍵字觸發網路革命,做研究變得容易許多,而且更快。現在,生成式AI再次改變這個典範。管理者可以向生成式AI提問,獲得以自然語言呈現的詳盡資訊。這種方式既直觀又有效率,還可以提出後續問題深入探討。現在,不只網路搜尋可做到這點,管理者也可藉由生成式AI驅動的聊天介面,在搜尋公司內部知識庫時,獲得更多互動和個人化的體驗。生成式AI不只會找出內部文件或資料夾的連結,還能直接回答問題或是提供摘要。 將生成式AI當作助理,可以改變傳統上檢索資訊的方法,你可以利用它來取得: 1. 網路知識 與傳統瀏覽器整合時,你可以請生成式AI瀏覽網路資料,擷取重點,並於回應中直接標示出處。你可以提出複雜的問題,不只是使用關鍵字,還可把搜尋範圍縮小到特定來源,例如:新聞文章、產業報告或YouTube影片。生成式AI不但可以瀏覽多個網站的資料,甚至能快速生成摘要,大大加快你的搜尋速度。 試試看:請生成式AI就過去一年供應鏈管理技術[請自行指定技術]的最新發展做摘要,並把焦點放在優勢、挑戰和實際應用。請引用來自可靠來源[請自行指定來源]的重要研究和文章。 提醒:務必查證引用來源的可靠性 生成式AI系統有一個明顯缺點,尤其在早期階段很明顯,也就是常會捏造引用、來源,甚至整個研究和論文都是子虛烏有。為了因應這個問題,一些專門的生成式AI系統納入「謙虛」的護欄,這些機制讓AI識別並承認其局限性,明確表示找不到相關資訊或無法提供確切答案。這種方法有助於減少錯誤資訊,確保接收資訊的可靠程度和來源。然而,最終的檢查和驗證仍然是人類的責任。 另一個有用的策略是,在你的提示詞中加入「請不要捏造來源」等指示;雖然這個指示仍然無法完全消除風險。 2. 公司知識 如果生成式AI連接到公司的內部知識庫,就能快速搜尋公司內部資料庫、文件和報告。除了提供來源或連結列表,還能歸納重點,並從現有資源找出其中的關聯和發現。管理者可輸入:「就這個問題[請自行指定問題],過去嘗試過哪些解決方案?」生成式AI會根據已有的文件找出相關資訊,並將發現精簡為條列式的重點或短文。 試試看:就技術面[請自行指定技術]的應用,要求生成式AI列出過去三年的相關項目,歸納做法上的共同點和差異。 試試看:有關[請自行指定主題],要求生成式AI找出過去一個月內與[請自行指定對象]分享的所有檔案。 試試看:要求生成式AI找出你的同事[請自行指定指定]評論過的所有檔案。 3. 專家知識 你可以要求生成式AI把聊天紀錄和虛擬團隊討論中共享的大量訊息,轉化為有系統且易於使用的資源。如果你必須監督、參與某些專家社群或群組,共享大量有價值的知識,這一點會對你特別有幫助。你可以要求生成式AI依照副標將資訊歸類,並做總結。生成式AI可以辨識趨勢和廣泛討論問題,提供你可能想要聯絡或追蹤的活躍貢獻者名單。 生成式AI如何幫助社群管理者? 每個組織都有專家社群或群組,由一群樂於分享知識、對某個主題懷抱熱情的人組成。如果你是社群管理者,內建於軟體產品中的生成式AI模型(如Microsoft 365 Copilot for Office和Google Gemini for Workspace)可以在很多層面上幫忙: 擷取對話。要求生成式AI監控社群聊天內容,擷取其中最好的見解和學習內容。你可以在每週摘要或通訊中分享這些內容。 偵測主題。要求生成式AI識別重複出現的主題、趨勢和問題,包括拆解對話,藉此了解上下文並對訊息進行分類。 整理知識。指導生成式AI把識別出來的主題整理成有條理的表格。無論是撰寫知識庫文章、摘要報告或資料庫條目,AI都可以加入重要見解和專家意見,快速供使用者參考。 提高查找方便性。要求生成式AI將整理好的知識整合到公司內部知識庫中,使員工得以透過關鍵詞或主題輕鬆搜尋。 專家地圖。建立主題與相關專家之間的連結。要求生成式AI識別且標記在某個主題提供有價值見解的成員,以建立內部專業知識地圖。如此一來,特定主題或查詢結果可直接連結該社群中的專家。 節錄自:天下文化《職場人的生成式AI工作法:《哈佛商業評論》提升生產力、團隊創意和決策品質的35堂課》/艾麗莎.法瑞、賈布里.羅薩尼 著 推薦閱讀: 打造ChatGPT行政小助理:專屬AI助理幫你處理瑣碎行政工作 用AI快速寫Email!ChatGPT Writer、Copilot等中英文電子郵件生成 NotebookLM更新影片摘要、中文Podcast怎麼做?3步驟生成AI語音摘要 除了ChatGPT還有哪些生成式AI?16種AI工具應用解析 【Graphy AI教學】AI自動生成圖表、數據分析4技巧
【104職場力】・AI

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