104學習

跨瀏覽器

指的是確保網站或網頁在不同瀏覽器(如Chrome、Firefox、Safari、Edge等)上都能正常顯示與運作,不會因瀏覽器差異出現排版錯誤或功能失效。這技能能提升使用者體驗,避免因瀏覽器相容問題流失訪客,有助於提升產品品質與專業度,對前端工程師尤其重要。掌握此能力代表能解決多平台技術挑戰,提高工作效率與專案成功率。

1,309 個相關職缺

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

精選課程

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

成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
頂尖業務必修課:從陌生開發銷售技巧到成交與顧客維繫【08/31】台中場
頂尖業務必修課:從陌生開發銷售技巧到成交與顧客維繫【08/31】台中場
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
AI工程師與企業開發必修!FastAPI後端精通:全面入門與進階實戰指南
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
成為前端工程師|jQuery 入門密技,愉快打造互動式網頁不求人
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
Linux Socket網路程式設計【本課程為線上課,報名後專員會提供上課資訊】
文組跨域轉職工程師
文組跨域轉職工程師
【 社群經營力】Facebook社群行銷經營必修密技
【 社群經營力】Facebook社群行銷經營必修密技
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (上集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集)
工程師救星-用Bootstrap速成響應式網頁開發
工程師救星-用Bootstrap速成響應式網頁開發
【線上課】Email 行銷進階實戰攻略|企業 CRM 必備課程
【線上課】Email 行銷進階實戰攻略|企業 CRM 必備課程

精選證照

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

網際網路及行動通訊 |
網際網路及行動通訊證照專注於網路技術與行動通訊系統的基礎知識與應用,涵蓋網路架構、協定、資料傳輸、安全防護及行動通訊技術等。取得此證照者具備設計、管理及維護網路系統的能力,能有效處理網路故障並確保通訊品質,適用於資訊科技、電信及相關產業,提升職場競爭力與專業技能。
財團法人中華民國電腦技能基金會
Master CIW Enterprise Developer |
CIW(Certified Internet Webmaster) 認證是目前唯一針對互聯網專業人員的國際權威認證。CIW培訓著重於技術水平的提高和商業實踐的具體運用,使企業在網絡商業環境中提高市場競爭能力。 Master CIW Enterprise Developer 為精通建置多層式資料庫 (n-tier database) 與網路應用程式的Java, Java APIs, Java Database Connecitivity (JDBC) 解決方案、中介開發軟體工具 (middle tools)、分散式物件模組 (distributed object models),如CORBA/ORB 和 IIOP的舊有專屬系統之連接 (legacy connectivity) 等解決方案的專業能力認證。CIW是一種基於互聯網專業技能的培訓認證,適合設計、開發、管理、安全防護、技術支持互聯網及企業網相關業務的人士。
Prosoft Learning Corp.
CIW Security Analyst |
CIW(Certified Internet Webmaster) 認證是目前唯一針對互聯網專業人員的國際權威認證。CIW培訓著重於技術水平的提高和商業實踐的具體運用,使企業在網絡商業環境中提高市場競爭能力。CIW是一種基於互聯網專業技能的培訓認證,適合設計、開發、管理、安全防護、技術支持互聯網及企業網相關業務的人士。 CIW Security Analyst為精通管理電子商務解決方案伺服器(e-business solutions servers)與使用電子商務和網路資訊安全解決方案(network security solutions)專業認證。
Prosoft Learning Corp.
網頁設計專業人員 |
TQC+認證依各領域設計人才之專業謀生技能為出發點,根據國內各產業專業設計人才需求,依其工作職能及核心職能,規劃出各項認證測驗。 在視傳設計領域中,本會經過調查分析最普遍的工作職稱,根據各專業人員之職務不同,彙整出相對應之工作職務(Task),以及執行這些工作職務所需具備之核心職能(Core Competency)與專業職能(Functional Competency),規劃出幾項專業設計人員,分別為:「平面設計專業人員」、「Flash動畫設計專業人員」、「多媒體網頁設計專業人員」、「網頁設計專業人員」、「數位出版專業人員」等。
財團法人中華民國電腦技能基金會
IT Expert-網路資訊+網路規劃設計專業人員 |
IT Expert-網路資訊+網路規劃設計專業人員證照專為具備網路架構設計、管理與維護能力的專業人才設計,涵蓋網路通訊協定、路由交換技術、防火牆設定及安全管理等核心技能,能有效規劃企業網路環境並確保系統穩定運作,適合從事資訊系統規劃、網路工程及資安防護等相關工作,提升職場競爭力。
經濟部ITE資訊人員鑑定
進階軟體設計專業人員 |
進階軟體設計專業人員證照旨在驗證持有人具備高階軟體設計與開發能力,涵蓋系統分析、架構設計、程式撰寫及測試等關鍵技術。持證者能有效運用物件導向設計原則及軟體工程方法,解決複雜問題並提升軟體品質與維護性,適用於大型專案開發與團隊協作,提升職場競爭力與專業價值。
財團法人中華民國電腦技能基金會

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

產品經理的「向上管理」必修課:老闆需求變來變去怎麼辦?

作者前言:策略走向終須一變,影響到產品規格與功能異動,PM們該如何解讀老闆指令,因應需求變更的任務?本篇文章適用於所有產品經理(PM),閱讀時間約10分鐘,希望大家都能順利克服產品被更動時的狀況。 – 文/Mu Chen 陳爾豪 一、本質,從商業思維談起 產品經理基本除了關心用戶體驗、跨部門溝通、確認功能細節外,進階的你得關心老闆的策略思維、集團戰略、市場/公司利益等。 說白了些,商業策略的走向影響了所有的需求變動,創造出來的產品不為了單一的用戶體驗環節,而是你的核心服務/業務滿足了多種用戶體驗,消費者們願意買單支付並使用你的服務,而最終集結成了你的產品。 而「需求變動」,起因都可能來自「商業策略」的轉換,無論是外在發動還是內部啟動,都是一環扣著一環去影響你的產品。 你得清楚,在你的公司中,哪些產品與核心功能是老闆最為關心?哪些用戶貢獻度最高?或更為被重視?有了基本的體認,未來在面臨各種策略或功能異動時,才能用最快速度應變。 二、理解,老闆的話中話 有時老闆在提出需求變更時,資訊是非常不明確的,可能只丟了一句話、一篇新聞報導、深夜時發了段LINE message描述他對產品未來的願景,然後就讓你(找不到人或太忙)無所適從。 在產品經理接到任務後,第一件事不該是立刻想功能怎麼設計,或是傳達聖旨給所有跨部門同事們,這只會讓你像個工匠或傳聲筒。你得仔細揣摩並理解老闆的話中話,也許發現他提出的不是個需求變動(而是發牢騷?),或著現階段不該做的事(先畫餅),有幾個check point可以衡量: 你問得到更多資訊嗎?不是當下立即拒絕或接受,是取得更多判斷條件。 你理解老闆說出這句話的環境背景嗎?(ex.新聞, 研討會) 專案/產品進行中的策略/情報,是否有遺漏更新給老闆的地方? 你理解市場上對手的動態嗎?發展策略是否和別人有差異? 從商業思維出發,這樣的需求變動是否有符合公司策略及盈利? 在Top-down到產品功能後,才去思考如何變動設計,能夠符合老闆提出的需求變動原意,而你在真正理解後,也才能制定正確的action plan。 過去在中國信託負責數位平台時,曾接到「要提升所有宣傳曝光」的任務,直觀來說這是Marketing份內的事,從優化單一素材成效與想出更多creative idea去達成。但從Platform/Channel角度來看,則是如何創造更多「曝光機會」,從服務/場景思考創造新版位,或平台向下細化分眾加強曝光效果,又或是從外部資源去連結產品創造新客群。 但從老闆的話中話來定義,卻可能是「搶佔所有客戶touch point,達成產品在上市初期的話題與聲量。」在這條件下,就不能從單一面向(Marketing)去思考提升既有通路/產品的曝光。 三、尋找,從變更需求中點出明燈 在釐清老闆話中話,真正確認是「改動需求」的Brief後,你有幾條路可以走: 堅持立場:你有時需要學會拒絕老闆的任務,不是什麼都必須執行與Say yes,必須站在完整的產品全局去思考與說出你的獨立觀點。但在拒絕變更需求的同時,必須向老闆說明清楚,你的思考判斷為什麼這個不能更動?原因是什麼?影響範圍有哪些? 接受他也接受事實:產品經理得在內部會議上審查產品環節,並向老闆確認自己對業務/新需求的解讀是否有誤,你需要釐清新流程、新邏輯、因應新狀況帶來的各種問題,都需要和老闆確認並過一遍。既然是變更,那就得一次到位。而再次審查的面向,包含了影響範圍、功能/設計細節、時程、人力、業務邏輯、老闆期待值、各關係人、市場狀況等。 切記,再次從商業思維檢查業務邏輯,不能和產品邏輯脫鉤,一但落下不是變成沒人用的產品,就是用了卻不符合消費者期待的產品。 你也許會碰到無所適從的時候,像範圍太大不知如何改起、功能複雜一時動不了太多(通常這程度改動已經是策略上的翻天覆地)。試著化整為零,拆分成一個一個小環節來看,並排序重要性及急迫性,把互相影響的湊成一塊,單獨能解決的標記出來,有助於梳理思緒。 拉著key stakeholder看來,別讓自己陷入單兵作戰的窘境。 四、教育,不是一蹴可及 在變更需求不斷痛苦的溝通過程中,你得明白,老闆不像你一樣懂得所有產品開發流程,在同樣的時間內他學習並實踐商業策略,綜觀全局,但技術面的Know-how、或是產品全局的掌控,你才是專家。 因此,你不該當有意見不合時就一昧責怪你老闆,一次溝通不成功,你得去梳理背後的原因,才能找出後續解決的核心: 觀念來源:是否有他更信賴,更倚重的消息來源去造成他這樣的思考脈絡?可能是另外一位主管的論點,又或是新聞/媒體上的某些事件。 成功經驗:觀念是長久累積而成,而人們習慣依賴過往的成功經驗,進而複製到下一個階段,你得觀察是否有他的過往成功經驗擋住了你的提案? 說服程度:你準備的materials,是否足夠支撐你想講的論點與提案?你的key message是否清楚?又能讓老闆在短時間內吸收理解? 溝通策略:你可以動之以情,或是分析利弊得失,但得先確定好你的時間/地點等環境因素適合提出,並使用一切合情合理的方式讓你的老闆了解改動需求所帶來的影響。 - 甚至,你可以定期或不定期的盡量洗腦你的老闆,無論是正式會議、等電梯、搭Taxi、外出覓食、單獨走路時,你要把握每一次談話的機會教育他、洗腦他、舉例來說服他、讓他對於你做的判斷感到心動,開始對於他做的決定感到動搖,當動搖累積到一定程度後再進行正式會議說服,成功率才會大幅提升。 一次提不過,不代表會永遠提不過。 也有一種方式是拉入外部資源,從顧問,廠商下手,比你自己來教育會輕鬆很多,不管是外部seminar、內部workshop開始進行教育工程,日常教育是減少未來認知gap的基礎。 五、安內,向上向下即時更新 對於向上管理的訊息同步,你必須注意以下的要點: 主動性:身為一個產品經理,你得學會主動將資訊跟進度同步給你老闆,尤其在產品變更需求上,老闆更會特別重視,甚至等不及weekly meeting報告,你需要深入分辨什麼是你自己能下判斷處理的,哪些是老闆需要知道/或決策的訊息,在適時的時候提出,才能增加你溝通上的價值。 決策點:若專案需要老闆裁決判斷,你需要清楚地列出各項action item,並壓上deadline,說明決策帶來的正負影響(通常算一算變更需求,負面影響都大於正面…) 面對PM性格或控制欲強的老闆,訊息同步更為重要,很多老闆恨不得在他想要的產品功能上樣樣都插手,但適時的讓他放心,並展現你專案控管的專業就是一件得不斷學習的事。 即使最終仍要變更需求,對於跨部門溝通的同事們也要說明清楚: 變更目的:最終你被說服時,也要拿出老闆策略判斷與合理解釋去說明需求變更目的。(當然話術得內化過) 變更執行計畫:可能已和老闆協議了折衷方案,用最小的功能修改去滿足老闆的需求,但執行計畫、步驟上都需要和每一位專案成員溝通釐清。 更新協作資料:記得更新每一個記載舊需求的地方,包含Email, Excel, JIRA, Confluence, google doc…等等,避免造成混淆或資訊不同步。 最後,祝大家面對需求變更時都能安然度過,和老闆溝通順暢無比! (原文標題:學會向上管理,產品經理應對老闆變更需求之教戰守則) [course_plugin api_type='course_id' title='PM產品經理|入門致勝攻略' id='d74ae414-8db3-46d4-8158-9d256c517939']
【104職場力】・專案管理

.NET 開發者必看!學會滲透測試思維,加速修補資安漏洞並提升系統穩定性

恆逸開課時間查詢:https://www.uuu.com.tw/Course/Show/1501/1 恆逸學員徐英智: C# 全端開發兼顧穩定與資料安全 我目前在一家以軟體開發為主的科技公司擔任全端工程師,主要使用 C# 和 .NET 平台開發各類應用程式。工作上,我負責的範圍涵蓋後端系統架構設計到前端畫面的串接。我也會與美編人員、測試人員一起討論技術方案,並處理系統整合的問題。我們的客戶大多是公部門,因此系統在穩定性、擴充性及資料安全方面的要求都非常高。 🎯 藍紅軍攻防實務滿足工作所需 公司正在計畫投標更多不同領域的專案,在證照要求上需要有更多同事擁有 C# 相關證照。我覺得這門課最大的吸引力是內容非常完整,從防禦到攻擊的部分都有涵蓋,特別是針對藍軍防禦與紅軍攻擊等主題,都有搭配實務講解。這些正好是我目前工作上非常需要了解的內容。 🛡️ 從攻擊視角掌握資安防護精髓 講師的教學方式非常豐富,不只侷限於課本內容,而是從多個角度搭配實際案例來說明重點。印象最深的是在講解「程式撰寫的資安防護」時,講師不只是單純地說明理論與原則,而是透過實際的攻擊範例,來展示網站在有防護與沒防護時的差別。透過這樣的實作演示,我能夠更直觀地理解各種漏洞的成因與攻擊手法,也學會了如何在開發階段就建立正確的安全意識。這對我特別有幫助,因為我在工作中經常需要修補系統漏洞、分析滲透報告。課程讓我更清楚地了解滲透測試人員在檢測時的思維與方式,能更有效地從防禦角度思考問題,預先避免潛在風險。這樣的實務教學方式,讓我在資安防護上不再只是照著規範執行,而是真正了解背後的邏輯與意義。 🔍 Proxy 工具實戰應用發現潛在弱點 讓我印象深刻、甚至覺得意想不到的收穫,是學到了 Proxy 工具在滲透測試中的進階應用。以前我只知道這類工具能攔截封包做基本分析,但在課程中,講師深入示範了如何利用 Proxy 來模擬實際攻擊、測試網站的安全防護機制,這才讓我意識到這類工具的潛力。透過上課,我發現可以在專案系統上線前,先用這個工具自行進行測試,檢查是否存在漏洞或防護不足的地方,這不僅能提早發現問題,也能減少上線後修補的時間與成本。上完課的隔天,我立刻將這些方法運用到工作中,重新檢查過去負責的專案系統,找出一些過去未注意到的潛在弱點。實務操作的經驗,也幫助我在考證過程中,能更快速地判斷並找到問題的答案。 🚀 資安課程助學員快速理解攻擊手法強化防護爭取升遷 這門課對我工作的幫助可說是立竿見影。回到公司後,我剛好收到幾份滲透測試報告需要修補漏洞,便立刻回想課堂上學到的觀念與技巧。以前看到這類報告時,常需要花時間去理解攻擊手法與漏洞成因,但現在我能更快掌握滲透人員的思維角度,也能準確判斷問題所在,迅速找到程式中需要修補的部分並完成防護強化。更重要的是,這次的學習讓我對資料防護與網路架構的整體概念有了更深入的理解,能夠以更全面的視角來思考系統安全。我現在也能更直觀地提出自己的建議與想法,並主動分享課程中學到的資安觀念與防護技巧。最後,我希望自己能順利在下個月取得 CASE .NET 的證照,爭取公司提供的額外獎勵與升遷機會。 索取課程優惠:https://www.uuu.com.tw/Forms/CourseInfoRequest?courseId=CASENet&mediaSrc=104
精誠資訊恆逸教育訓練中心・資訊安全

軟體工程師內推管道及注意事項?工程師社群、LinkedIn等求職網以外的找工作管道

軟體工程師「內部推薦」有哪些管道和注意事項?本文作者ExplainThis團隊,曾協助多名軟體工程師成功進入外商科技大廠、海外新創,解析除了求職網以外的找工作管道,包括內推、學徒計畫、工程師網路社群、經營LinkedIn等。 文/ExplainThis(王鵬傑、李俊廷、林品均) 本文目錄:求職網以外的找工作管道(點擊可快速前往) 一、內部推薦內推(Referral)比較容易獲得面試機會內推管道內推該注意的4個事項最好的內推是強內推二、學徒計畫三、工程師的網路社群四、經營LinkedIn 當提到找工作,多數人第一直覺想到的,可能會是求職網。以台灣來說,像是傳統的求職網104、1111,或者新興平台CakeResume與Yourator。而找海外工作,可能第一直覺會想到老牌的Indeed、Glassdoor,或者是新興的LinkedIn。 然而,除了這些求職網,事實上還有許多其他的找工作管道。我們在這個小節將會詳細談幾個不同的找工作管道,讓讀者們能透過不同的管道,增加獲得面試的機會。 一、內部推薦 在找工作上,業界公認比透過求職網站或公司官網申請更有效的方式,是透過內部推薦(referral)。當你上求職網站申請,往往需要先經過前面提到的ATS系統,跟上百位申請者一同競爭,脫穎而出後才可能被真人招募員看到你的履歷。 然而,如果能夠被內推,將有可能跳過這個環節,直接被招募員或用人主管等真人審履歷。這雖然不代表一定會通過招募員或用人主管的篩選,但最起碼能直接省去前面的系統審核。 內推(Referral)比較容易獲得面試機會 你可能會問,為什麼內推比較容易獲得面試機會?因為,通常來自公司內部員工的推薦,表示推薦者對應徵者有一定程度的認識和信任。 與此同時,內部員工對公司文化和工作環境有比較深入的了解,所以推薦的人通常會更適合公司的需求,因此,公司較傾向相信現有員工的判斷,這讓透過內推進來的申請者,比較可能在茫茫履歷海中受到青睞。 內推管道 如果你想要找人幫你內推,在台灣的軟體工程師社群中,有歹晚郎內推互助網絡(https://bit.ly/3FlItvp)與Nex Work(https://work.nexf.org/)等由海外軟體業前輩發起的內推網絡。此外,也可以在LinkedIn或是Blind(https://www.teamblind.com/)上,搜尋「#referral」的標籤,或是找有在該公司任職的人,然後禮貌地發個私訊請對方幫忙內推。 當然,很多時候可能不會立即得到回應,又或者可能對方太忙沒回應,也不要感到氣餒,可以多詢問同一家公司中不同的人幫忙內推。 (圖/博碩文化提供) 內推該注意的4個事項 在找人內推時,如果能依循某些注意事項,會比較容易讓人想幫你忙。以下我們分享幾個建議大家要遵循的原則。 1. 履歷好好寫 在各大海外公司工作的人,也知道自己公司的標準,所以不會來者不拒、盲目內推。你想提高別人內推你的意願,務必要好好寫履歷。好好寫代表著格式上要正確,以及內容描述上要讓人覺得你有達到對方公司想要找的人才水準。假如不知道怎麼寫好履歷,可以參考Chapter 2的履歷撰寫相關內容。 2. 附上想被內推的職位 在多數大公司,光是一個大組可能就幾百人,比一間新創公司還大,因此除非是專職招募的招募員或者是工程經理,不然多數人其實不知道其他組現在有什麼職位開缺。所以不要找人內推時,還說什麼「你有沒有建議我申請哪些職位」,這只會讓人覺得你沒做功課。 大家平常工作已經夠忙了,沒空幫你去看你適合申請的職位,所以務必自己附上。通常大公司的職缺都會有Job ID,可以附上你想申請的。附上你為何適合這個職位:內推的人也不會想自己在公司內的名聲臭掉,所以多半會先判斷你是不是真的適合被內推。如果你想提高別人內推你的意願,就要做到讓別人認為你適合被內推。 要做到這點,務必附上你為何適合這個你想被內推的職位。理想上也要附上為何你適合該公司(建議多做一些功課來研究該公司,進而能闡述你為何跟該公司文化契合)。花時間幫你的這件事本身就很佛心,千萬不要把別人的善意視為理所當然。 可以用的句型是在簡短自我介紹後,提及「我目前在找XX領域的工作,對這個職位很感興趣。過去我在XX領域有OO經歷,我相信我能對這個職位有所貢獻」。 3. 記得表達感謝 假如一個原本跟你不相識的人願意內推你,務必要表達感謝。因為大家平時工作很忙,可能還有家庭事務要兼顧,額外抽時間幫你,這件事本身就很佛心,千萬不要把別人的善意視為理所當然。 即使內推沒有讓你拿到面試機會,也要記得感謝對方。畢竟很多公司冷凍期半年,你之後還可以再嘗試,與對方維持良好關係,這次沒上之後要請對方幫忙也會讓對方更有意願。 最好的內推是強內推 雖然上一段有提到可以找人幫忙內推的管道,但如果要獲得比較有幫助的內推,或俗稱的「強內推」,建議平時就要建立起能幫自己內推的人脈。 所謂的強內推,是指對方在內推時,有註明是「強力內推」。一般來說,多數公司的內推系統,都會詢問「你跟被推薦者的熟悉程度」以及「你有多推薦這位被推薦人」。不同公司具體問的問題可能會不同,但大多不脫離這兩類問題。 而唯有這兩個問題都回答「很熟悉」、「強烈推薦」,並且推薦理由寫得很詳細,才會被認定為是強內推。 當然,一般內推已經比直接在公司網站或人力銀行網站申請來得好,只是如果能的話,獲得強內推會是更好。 至於如何獲得強內推?一個是平時有好的工作表現,可能你現在的同事,未來會去不同公司,如果跟他們合作時,做到對方發自內心會想推薦你,這時要獲得強內推就容易得多。 又或者假如你還是學生,在平常的小組作業中,盡可能地貢獻,在同組的同學心中留下好的印象,未來同學們進到不同的公司,你要找他們內推,也會容易獲得強內推。 另一個則是多參與不同的社群活動,例如貢獻到開源社群,或者是參與技術會議等,這些也是一個你能夠曝光、與他人協作的機會,在這些場合貢獻價值,也相對容易獲得強內推。 上面提到這些要獲得強內推的方式,都是需要時間去耕耘而非速成的。因此,如果你現在還沒辦法獲得任何強內推,建議從現在開始行動,而不是等到要求職時才發現沒有人能為你強內推。 二、學徒計畫 學徒計畫(Apprenticeship Program)是近期各大公司越來越盛行的一個專案,包括:LinkedIn、Microsoft和Google等,都曾推出類似的計畫。 這些專案旨在招募更多元的人到科技公司,其中常見符合此計畫的人條件包含以下: 自學程式 參加過程式戰鬥營(coding bootcamp) 非傳統電腦科學背景 暫時離開工作,並嘗試重回職場 學徒計畫在經歷上的審核以及面試上,技術層面比起正職的初階工程師更簡單一點。多數的學徒計畫也都有轉正職的機制。 部落客「半路出家軟體工程師在矽谷」有一篇專門彙整各大公司學徒計畫的文章(https://brianhsublog.blogspot.com/2019/08/TechApprenticeship.html),並且時常更新,非常推薦有興趣、有需求的讀者可以去看看。 (圖/博碩文化提供) 三、工程師的網路社群 除了上述提到的3點,網路社群是軟體工程師不可錯過的資源。這些社群不僅提供了工作機會,也能幫助你與同業交流、了解產業趨勢,以及許多面試經驗的分享。以下是幾個會張貼工程師工作機會的熱門或相關網路社群: PTT Tech_Job版:https://www.ptt.cc/bbs/Tech_Job/index.html  PTT Soft_Job版:https://www.ptt.cc/bbs/Soft_Job/index.html  PTT Oversea_Job版:https://www.ptt.cc/bbs/Oversea_Job/index.html  Facebook Front-End Developers Taiwan:https://www.facebook.com/groups/ f2e.tw/  Backend台灣(Backend Tw): https://www.facebook.com/groups/backendtw/ 四、經營LinkedIn 對比傳統的求職網,目前新興的人脈社交媒體LinkedIn已經逐漸成為找工作的首選,特別是對於外商與海外求職,LinkedIn基本上比一般專注於本土市場的求職網有更多的職缺機會。比起求職網投遞履歷,經營Linkedin能夠讓獵人頭或招募員,看到你更多元、更深入的一面,以及看到你更長期的累積。現在已經有許多獵人頭與人資,會直接在LinkedIn上找人選,所以花心思經營LinkedIn將有可能讓自己獲得更多機會。 節錄自:博碩文化《軟體工程師求職策略大全/ExplainThis、王鵬傑、李俊廷、林品均 著 》 [joblist_plugin title='104【外商軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB&order=15&page=3&zone=4,5' amount='3'] [joblist_plugin title='更多104【軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3'] 推薦閱讀: 軟體工程師談薪水8重點:不掀薪資職級底牌、靠「最後一招」多談一點 軟體工程師履歷範本|5大地雷別踩:形容詞太多、技術名詞太少 外商軟體工程 | 履歷面試精華,知名外商人資教你
【104職場力】・職涯規劃

Claude Cowork新增內建瀏覽器!不用裝外掛,AI可直接開網頁、填表單

Claude Cowork推出內建瀏覽器,可直接蒐集網頁資料、擷取Dashboard數據與填寫表單。本文整理功能用途、付費方案、與Claude in Chrome差異及使用注意事項。 文/《104職場力》 本文目錄(點擊可快速前往) Claude Cowork有內建瀏覽器了,可以做什麼?Claude Cowork內建瀏覽器和Claude in Chrome差在哪?哪些方案可以使用?使用仍要注意資安風險 Anthropic於美國時間8月26日宣布,Claude Cowork桌面版新增內建瀏覽器(Built-in browser)。當任務需要使用網站時,Claude可以直接在桌面版應用程式側邊開啟自己的瀏覽器,瀏覽網頁、讀取內容、點擊以及輸入文字,不必另外安裝Chrome瀏覽器擴充功能。 這也代表,除了分析電腦裡的文件、使用Connectors串接服務之外,部分原本必須進入網站才能完成的工作,現在可以直接交給Cowork處理。 使用工具:Claude Cowork桌面版是否付費:付費方案限定(Pro、Max、Team、Enterprise)網頁版:https://claude.ai/電腦版:https://claude.com/download手機APP:iOS下載、Android下載 Claude Cowork有內建瀏覽器了,可以做什麼? 過去若要讓Cowork操作網站,需要透過Claude in Chrome擴充功能來操作使用者的Chrome瀏覽器;這次更新後,Claude有了一個與個人瀏覽器分開的內建瀏覽器。 Anthropic舉例,可以把以下工作交給Claude: 蒐集網頁上的研究資料 從Dashboard擷取數據 填寫網頁表單 從供應商Portal收集發票 操作沒有Connector可以串接的網站 例如準備報告時,可以讓Claude上網蒐集資料;處理行政工作時,也可以請它進入網站取得需要的資訊。 Claude Cowork內建瀏覽器和Claude in Chrome差在哪? 兩項功能都能讓Claude操作網頁,但使用情境不同: Cowork內建瀏覽器:使用Claude自己的獨立瀏覽器,不會直接看到使用者個人瀏覽器裡的分頁、書籤或密碼,適合將一段網頁工作交給Claude處理。若有需要,也可以逐一將網站登入狀態帶入,目前macOS支援從Chrome、Edge、Firefox移轉,而Windows與Linux僅支援Firefox;銀行、電子郵件與單一登入(SSO)網站預設不會移轉,除非使用者自行選擇加入。 Claude in Chrome:是操作使用者已經開啟的Chrome頁面,適合處理已經開啟或登入中的網頁,例如更新CRM、處理收件匣或編輯文件。 簡單來說,想把網頁任務交出去,可以用Cowork內建瀏覽器;想讓Claude操作已開啟的網頁,則可使用Claude in Chrome。 如果使用者原先已在使用Claude in Chrome,仍會作為預設選項;也可以在「Settings → Cowork → Preferred browser」自行切換。 哪些方案可以使用?使用仍要注意資安風險 目前「Cowork內建瀏覽器」功能僅開放給付費方案,Anthropic表示將於一週內陸續推送給Pro、Max、Team方案的Claude桌面版使用者,支援macOS、Windows與Linux;Enterprise方案目前已可由管理員開啟功能(於Organization settings → Cowork → Built-in browser管理)。功能推送到帳號後將預設為開啟,使用者不需另外設定;只要任務涉及網站,瀏覽器就會自動在側邊面板開啟。 內建瀏覽器會在Claude桌面版中運作,只要Claude桌面應用程式保持開啟並連線,使用者也能從Claude網頁版或手機版下指令,讓電腦端的Claude執行網頁任務。 不過,讓AI直接操作網站仍有風險。Anthropic特別提醒,AI瀏覽器可能遭遇Prompt Injection(提示詞注入),例如網頁藏有惡意指令,企圖讓Claude偏離使用者原本交付的任務。官方表示雖有相關防護措施,但無法完全消除風險,因此建議一開始先從可信任的網站使用。 (參考資料:Claude) 推薦閱讀: Claude怎麼用?免費版有什麼限制?Chat、Cowork、Code及實用功能盤點 Claude Cowork怎麼用?要付費嗎?解析操作流程、權限設定及模型選擇 Claude Cowork排程任務怎麼用?讓AI定時工作,自動產出報告教學
【104職場力】・AI

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

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

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

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

像新創一樣快,像集團一樣穩:他們在統一,每天用技術改變你我的生活

在傳統零售與數位創新的分界線上,統一超商旗下的uniopen團隊成功實現了兩者的融合。這個部門肩負著打造 「亞洲流通生活平台」 的重要使命,以新創般的速度,利用集團的穩定資源,重塑消費者與7-ELEVEN、星巴克等品牌之間的連結。團隊鼓勵成員在「沒有究責、只有成長」的開放文化中,實踐「做中學」(3E 架構),將程式碼轉化為能直接改善日常生活的影響力。在這裡,你可以在穩定中加速前進,親手定義零售科技的未來。 文/《104職場力》 本文導覽(點擊可快速前往指定段落閱讀) 從零開始的冒險:新人工程師的第一場挑戰不只是 App,而是生活平台功能落地:從程式到影響力沒有究責,只有成長面向未來:一站式的整合體驗在穩定中前進,創新步伐更有力 在新創與大企業之間,總存在著一道微妙的分界線。 前者速度快、自由度高,但資源有限;後者制度完整、穩定可靠,卻常被認為創新不易。然而,統一超商旗下的uniopen團隊,正在打破這樣的框架,讓兩者真正融為一體。 這個誕生於傳統零售巨輪之中的數位新部門,肩負著打造「亞洲流通生活平台」的任務。它的挑戰,不單是開發一款App,而是重新定義消費者與品牌之間的連結。 團隊成員無論是新鮮人或跨界主管,都在穩定體制裡前進,在創新環境中扎根,攜手推動一場備受期待的數位革命。 從零開始的冒險:新人工程師的第一場挑戰 對統一超商研究發展部的APP工程師 蘇子安 而言,加入團隊是一場真正「從零開始」的冒險。 「這其實是我的第一份工作,去年才剛畢業。」他笑著說。令人意外的是,蘇子安大學念的是社會學,並非資訊相關科系。 在校期間因緣際會接觸到程式設計後,他才確定了自己的方向,後來更進一步報名AppWorks School,透過專案實作熟悉開發流程與團隊協作。 他回憶起當時的面試經驗:「uniopen的藍圖讓我非常驚豔。能從一個全新 App 的起點參與建置,對新鮮人來說非常難得。」 在多數公司,新人通常負責維護或協助任務,但在這裡,他從架構到功能都親身參與。 「最棒的是能親眼看著產品從無到有誕生,那種成就感很強烈。」 面對挑戰,他感謝團隊的帶領與節奏。「我們iOS團隊有六位工程師,其中兩位非常資深,提供了絕佳的學習條件。另外,剛入職前三個月還有導師引領,一開始會提供程式設計建議,後來再逐步放手讓我獨立作業。」 他表示,雖然有壓力,但步調合理,讓人能專注在學習與交付;在這裡,學習態度也遠比資歷更重要。 不只是 App,而是生活平台 對統一超商uniopen研究發展部部長劉昌祥而言,這個平台的誕生,是統一數位轉型的重要一步。 他提及整個計畫的起點:「這個構想來自 2022 年統一企業集團羅智先董事長提出的願景—要打造一個『亞洲流通生活平台』。我們以『生活平台』為核心,整合統一企業集團旗下品牌與服務,讓消費者能在同一個App裡完成購物、積點、支付與社群互動。」 他強調,uniopen不能被視為單一產品,而是一個持續演進的生態系。 「我們的目標是建立以會員為中心的數位交流空間。統一企業集團品牌眾多,從7-ELEVEN、星巴克到康是美、博客來等,最大的挑戰是讓消費者能在一個平台上,同步享受各品牌的便利與權益。」 劉昌祥指出,這樣的跨品牌整合既是技術挑戰,也是組織協作的考驗。 雖然形式上是一款App,但其本質,是要為統一企業集團建立一套共通的數位基礎建設。 他也坦言,整合不可能一步到位,必須循序漸進:「先整合統一企業集團會員資料,再建構各品牌的數位入口,同時彙整數位商品與優惠資訊,逐步完善會員旅程與回饋機制。最終,讓平台能支援品牌自營活動與促銷,並逐漸形成具備長期變現力的社群生態。」 劉昌祥進一步說明,uniopen所要打造的是一條從「發現、互動、交易到回饋」的完整路徑,「我們希望讓使用者在不同品牌場景之間穿梭時,權益與體驗都能完整延續。」 在網路廣告產業深耕超過二十年後,劉昌祥選擇轉戰零售體系,正是看見uniopen能「整合龐大資源、放大價值」的潛力與意義。 ◆ 統一超商uniopen精選職缺 ▶ 看職缺 功能落地:從程式到影響力 對工程師而言,最令人興奮的事,莫過於看見自己寫的程式被真實使用。而讓蘇子安印象最深的一環,就是uniopen  App中的地圖互動功能。 過去,已有不少門市店長會在LINE社群發布優惠訊息,他解釋:「把這項功能帶到App設計中,能讓使用者更容易找到所需資訊,也更快走進鄰近門市。」因此,團隊在App中導入Google Maps並整合發文機制;使用者在地圖頁面能一眼掌握附近門市的最新貼文與活動,也可直接分享現場資訊、留言互動,例如近期爆紅的翻轉布丁是否到貨。把內容與互動結合地理位置,讓優惠與補貨消息的傳遞更加即時快速,進一步帶動到店消費。 而這樣的開發經驗,讓他更確信技術可以直接改善日常體驗:資訊流動更快、觸達更準,消費者自然可以「走到哪、買到哪」。 他也補充產品藍圖的延展性:「一開始以社群、即時通訊為核心,未來會整合會員相關,讓流程更完整。」 這也是他最感到驕傲的一部分,能在大型集團的資源支持下,實現自主研發關鍵技術。  以即時通訊為例,「背後有一些比較難的技術」,在過去,小型團隊可能會需仰賴第三方服務,「但我們在這裡可以自己完成」。 劉昌祥補充,平台思維也體現在全通路的串接上:線上與線下的接觸點要能協同運作,從資訊查詢、優惠領取到實際購物與取貨,過程應該連續而不斷裂,讓品牌能以同一套會員識別與權益規則服務不同情境的消費者。 他進一步強調,uniopen與傳統電商不同,不僅處理交易,更要把社群互動、內容分享、任務與回饋機制結合起來,讓使用者願意長期停留並參與;而這些參與最終會成為品牌的重要數據資產,「讓我們能用更貼近消費者需求的方式進行高效溝通。」 沒有究責,只有成長 在快速變化的產品開發現場,團隊文化往往決定了專案能走多遠。蘇子安說,他最喜歡uniopen團隊的地方就是工作氛圍。 「發生問題時,大家不會急著追問是誰的錯,而是先把問題解決掉。」這樣的文化讓新人敢嘗試,也不怕提問。 至於個人成長,他也觀察到:「在程式碼檢視(Code Review)過程中會學到很多技巧,也會看到別人如何思考。」資深同事會從不同的技術層面逐一探討,讓新人不只是能把功能做出來,也理解為什麼要這樣做、怎麼做得更穩定。除了日常的程式協作外,團隊也不定期進行研討交流,內容包括即時通訊、後端介接、SSO等主題,由不同成員輪流分享;就算是不熟悉的領域,也能透過經驗分享快速掌握趨勢。他直言,這樣的支持對新鮮人很友善。 而在AI賦能時代,劉昌祥認為,保持學習動能是組織能持續前進的關鍵,但學習也要更聰明。他分享:「我們做過一次內部問卷,七成以上的同仁提到,AI工具可能會讓人過度依賴AI,容易忽略風險,或跳過必要的學習路徑。」 因此,為了要合宜使用AI同時精進自身技術,uniopen團隊依循下列原則:善用工具、理解原理,不讓工具取代思考,讓每一次AI的應用,都能真正促進能力成長。 ◆ 統一超商uniopen精選職缺 ▶ 看職缺 面向未來:一站式的整合體驗 談到自己投入這個團隊的動機與視野,劉昌祥直言:「人生最棒的事情,就是你可以做一些貢獻,而且這個貢獻是超越個人的遠大目標。」 對他而言,uniopen承載的不僅是統一企業集團的轉型任務,更是一場關於「連結」的長期探索與實踐。 他補充,uniopen希望成為「統一生活品牌的單一窗口」,並建立起顧客資料平台,作為精準行銷與個人化服務的基礎;在會員整合之上,讓各品牌在同一平台更有效地與消費者互動,也能以數據為依據做出決策。 他也預期,隨著會員服務與數據能力的成熟,線上線下的消費行為將更緊密地整合;再加上AI的導入,零售將出現新的產品與技術創新。從智慧搜尋、個人化推薦到智慧客服,這些應用都將讓消費過程更加順暢與高效,未來的消費生活也將因此變得更為智能便利。 對仍在職場初期的蘇子安來說,能參與其中已是一種成就。「看到新功能上線、被使用者討論,就會覺得我們寫的東西真的被看見了。」對工程師而言,這正是把技術化為影響力的路徑。 在穩定中前進,創新步伐更有力 在多數人眼中,創新屬於新創;穩定,則是大企業的代名詞。但uniopen團隊的發展現況,證明了創新速度與穩定資源之間無須二選一,也能有更聰明的整合。 在這個由統一超商孕育的新平台裡,工程師用技術解決真實問題,也在完善制度與開放文化中不斷成長。 無論是剛入職場的年輕工程師蘇子安,還是從數位廣告轉入零售的技術專家劉昌祥,他們都在這裡找到絕佳的發展空間。 對這群在uniopen奮戰的技術人才而言,改變已經開始,而未來,也正由他們親手定義。 104精選:【統一超商】精選職缺! ◆ Uniopen精選職缺▶ 看職缺◆ 智慧零售人才▶ 看職缺◆ 儲備人才▶ 看職缺◆ 儲備幹部▶ 看職缺◆ 門市夥伴▶ 看職缺◆ 餐飲夥伴▶ 看職缺◆ 物流事業夥伴▶ 看職缺
【104職場力】

戰國策虛擬主機 vs Wix:台灣企業建站平台深度比較,SEO 誰更強?

戰國策虛擬主機 vs Wix:台灣企業建站平台深度比較,SEO 誰更強? 在台灣,每當有人問「我想做一個網站,要怎麼開始?」Wix 幾乎必然出現在建議名單中。拖拉即建站的直覺介面、吸睛的廣告行銷,讓 Wix 成為全球最廣為人知的網站建立平台之一。然而,對於以 SEO 和長期業務成長為目標的台灣企業而言,Wix 的「簡便」是否真的是最佳選擇?本文從 SEO 技術架構、GEO 策略、速度效能和長期業務競爭力等角度,對 Wix 與戰國策虛擬主機(搭配 WordPress)進行深度比較。 Wix 的定位與主要特色 Wix 成立於 2006 年,總部位於以色列特拉維夫,是全球最大的雲端網站建立平台之一,目前在全球擁有超過 2 億用戶。Wix 的核心優勢在於其「All-in-One」的產品設計——主機、網域、網站建立工具、範本、App Market 全部整合在一個平台內,讓完全沒有技術背景的用戶也能在幾小時內建立出外觀精美的網站。 Wix 提供數百個專業設計的網站範本、AI 驅動的網站建立助手(ADI),以及豐富的應用程式市集(Wix App Market),包含電子商務、預約系統、部落格、會員功能等多種應用。對於需要快速建立展示型網站、活動頁面或小型電商的用戶,Wix 提供了相當便利的解決方案。 然而,Wix 的「便利」建立在對使用者自由度的限制上,而這些限制,在 SEO 技術架構和長期業務發展的場景中,會逐漸顯露其代價。 Wix 對台灣企業 SEO 的五大限制 第一,技術 SEO 架構先天受限。Wix 的網站建立方式依賴 JavaScript 動態渲染,這種技術架構在過去對搜尋引擎爬蟲的可讀性有顯著影響。雖然 Wix 近年已針對 SEO 問題進行多次改善,但與 WordPress 這種以 SEO 友善為核心設計的 CMS 相比,Wix 在技術 SEO 架構的靈活性上仍有明顯差距,例如在自定義 Schema Markup、htaccess 設定、伺服器端優化等技術層面的控制權非常有限。 第二,頁面速度受 Wix 平台限制,難以自主優化。Wix 的頁面速度取決於 Wix 平台的整體技術基礎設施,個別用戶幾乎沒有能力針對自己的網站進行底層速度優化。相較之下,使用 WordPress 搭配戰國策虛擬主機的方案,可以透過快取優化、圖片壓縮、CDN 設定等多種技術手段,主動提升頁面載入速度和 Core Web Vitals 評分。 第三,網站遷移困難,平台綁定風險高。一旦在 Wix 上建立了網站,要遷移至其他平台是非常困難的,因為 Wix 不支援標準的 WordPress 匯出格式,網站內容和設計往往難以完整移轉。這種平台綁定效應,讓台灣企業在未來想要升級技術架構時,面臨極高的重建成本。 第四,進階 SEO 功能需依賴 Wix 的更新節奏。WordPress 擁有一個龐大的開源開發社群,任何 SEO 最佳實踐的更新都能透過插件快速實施。Wix 的功能更新則完全依賴 Wix 公司自身的開發優先級,台灣企業無法自主掌控 SEO 工具的使用時機和方式。 第五,長期成本可能超出預期。Wix 的入門方案提供免費服務,但若要移除廣告、使用自訂網域、開啟電商功能,必須升級付費方案。隨著功能需求增加,Wix 的月費可能累積到相當可觀的水準,而且所有費用都是訂閱制,企業對平台的長期財務依賴度較高。 戰國策虛擬主機的核心優勢 了解 Wix 的種種 SEO 限制之後,讓我們看看戰國策虛擬主機(https://www.nss.com.tw/wordpresshosting/)搭配 WordPress 如何提供更強大的技術基礎和更大的業務成長潛力。 第一,台灣本地伺服器,速度優勢配合 WordPress 靈活優化。戰國策提供台灣在地資料中心,搭配 WordPress 這個對速度優化極度友善的技術架構,讓台灣企業能夠從伺服器層到應用層進行全面的速度優化。這種多層次的速度優化能力,是封閉式平台 Wix 完全無法提供的。 第二,WordPress 開放架構,SEO 技術控制權完整保留。WordPress 的開放架構讓台灣企業能夠完整掌控網站的所有技術 SEO 設定,包含自定義 Schema Markup、URL 結構管理、robots.txt 設定、XML Sitemap 自訂、以及各種進階 SEO 插件的完整功能使用。這種技術自由度,是 Wix 的封閉環境所無法比擬的。 第三,無平台綁定,資產完整歸屬你。使用 WordPress 搭配戰國策虛擬主機,你的網站內容、設計和數據完全屬於你自己,可以隨時遷移到任何支援 WordPress 的主機環境。這種技術獨立性,讓台灣企業的數位資產真正成為公司的長期資產,而不是平台的永久依賴。 第四,GEO 策略整合,AI 搜尋時代的競爭優勢。戰國策在台灣 GEO(生成式引擎優化)領域的專業服務,幫助企業建立能夠被 ChatGPT、Claude、Gemini 等 AI 系統優先引用的品牌內容策略。這種前瞻性的服務整合,是 Wix 完全缺乏的能力維度。 第五,繁體中文技術支援,在地化服務深度無可比擬。戰國策提供台灣在地的繁體中文技術支援和 SEO 顧問服務,了解台灣市場的搜尋行為和商業環境,能夠提供真正符合台灣企業需求的優化建議。 SEO 角度的深度比較 在 SEO 技術層面,WordPress 與 Wix 之間的差距是結構性的。WordPress 從設計之初就以 SEO 友善為核心目標,配合 Yoast SEO、Rank Math 等強大的 SEO 插件,能夠實現幾乎所有現代 SEO 最佳實踐。Wix 雖然近年持續改進其 SEO 功能,但在技術 SEO 的靈活性和深度方面,仍然無法達到 WordPress 的水準。 在頁面速度方面,戰國策的台灣本地伺服器配合 WordPress 的速度優化工具,能夠針對 Google Core Web Vitals 的每個指標進行精準調優。Wix 用戶只能被動等待 Wix 平台的速度改善,缺乏主動優化的能力。 在內容 SEO 層面,WordPress 的靈活內容架構讓台灣企業能夠建立符合搜尋意圖的深度內容策略,而戰國策的 SEO 顧問服務則提供了這個策略的專業引導。 GEO(生成式引擎優化):WordPress vs. Wix 的差距 GEO 策略的執行需要網站技術架構具備以下特性:支援完整的結構化資料標記(Schema Markup)、能夠靈活控制 meta 資訊和 Open Graph 設定、允許針對 AI 爬蟲(如 GPTBot、PerplexityBot)進行優化設定。 WordPress 在這些技術層面提供了完整的靈活性,讓戰國策的 GEO 策略顧問能夠在技術層面真正落地執行。Wix 的封閉架構則限制了 GEO 技術優化的深度,讓台灣企業在 AI 搜尋時代的競爭中處於相對不利的位置。 適合選擇 Wix 的情境 Wix 對以下情境有其適用性:完全沒有技術背景且只需要基本展示型網站;個人創業初期的快速概念驗證(MVP)網站;活動頁面或短期促銷頁面;個人藝術家、攝影師的作品展示網站;SEO 不是核心業務需求的場景。 適合選擇戰國策虛擬主機的情境 以下情境建議選擇戰國策虛擬主機(搭配 WordPress):SEO 排名和搜尋流量是業務成長的核心驅動力;需要完整的技術 SEO 控制權;希望在 AI 搜尋時代透過 GEO 策略提升品牌曝光;需要一個長期可擴展、無平台綁定的網站技術架構;以台灣市場為核心,需要在地化的 SEO 和技術支援。 結論 Wix 的便利性讓它成為個人用戶快速建站的熱門選擇,但對以 SEO 和長期業務成長為目標的台灣企業而言,Wix 的技術限制、平台綁定風險和 GEO 優化缺口,讓它難以成為最佳的長期解決方案。 WordPress 搭配戰國策虛擬主機,提供了技術靈活度、SEO 競爭力和 AI 時代 GEO 策略的最佳組合,是台灣企業在數位競爭中建立長期優勢的首選方案。 深入了解戰國策虛擬主機:https://www.nss.com.tw/wordpresshosting/ 從架站的選擇開始,就決定了你的 SEO 和 GEO 競爭起點。 #虛擬主機 #Wix比較 #戰國策 #WordPress主機 #台灣主機 #SEO主機 #GEO優化 #台灣SEO #WordPress vs Wix #網站建立平台
林尚能・戰勝學院

ChatGPT幫你跑寄信流程!實測串Gmail、Google Drive,寫信、附檔、批次寄送都能做

ChatGPT外掛串接Gmail、Google Drive可以做到什麼?本文示範如何把繁瑣寄信流程交給AI處理,實測用ChatGPT整理跨國會議資訊、搜尋指定附件、建立會前提醒信草稿,再依收件人批次建立並寄送Email。本文節錄自《ChatGPT上工了! 最強AI活用術》。 文/施威銘研究室 本文目錄(點擊可快速前往) 使用ChatGPT外掛程式幫你批次發會議通知【步驟1】請ChatGPT查找並讀取Gmail信件【步驟2】請ChatGPT前往Google Drive找到指定附件【步驟3】請ChatGPT連同附件建立Gmail信件草稿【步驟4】確認草稿後,交由ChatGPT分別寄出Gmail 使用ChatGPT外掛程式幫你批次發會議通知 我們以一個跨國會議的準備情境,教大家善用ChatGPT的外掛程式幫你完成繁瑣的工作流程。 使用工具:ChatGPT 網址:https://chatgpt.com/ 外掛:本文以ChatGPT連接外掛程式「Gmail、Google Drive」為例 實測:使用ChatGPT外掛程式幫你批次發會議通知 讓ChatGPT透過外掛程式讀取郵件與附件後,整理出重點資訊 請ChatGPT前往Google Drive,找到指定附件 請ChatGPT將該附件加入信件中,建立會前提醒信草稿 確認內容無誤後,再個別寄送給參與會議的同仁 實測情境:準備與荷蘭總公司的產品上市會議 故事是這樣的,曜盛生活科技台灣分公司即將與荷蘭總公司召開線上會議,討論新款空氣清淨機AeroPure Mini 2在台灣的上市計畫。 會議前一天,總公司已透過電子郵件寄來通知,並附上3份全英文資料,包括議程、台灣市場上市進度表與全球行銷規範。相關行事曆活動也已建立,當中記錄台北與阿姆斯特丹的會議時間、參與者名單及線上會議資訊。由於資料分散在電子郵件、行事曆與不同格式的附件中,行政人員若逐一查找、翻譯和整理,往往需要在多個工具之間反覆切換,這次我們就決定要請ChatGPT來幫忙。 這次的任務有4個步驟,第一,讓ChatGPT透過已連接的外掛程式讀取總公司寄來的郵件與附件後,整理出重點資訊。第二,請ChatGPT前往Google Drive,找到指定的附件。第三,請ChatGPT將該附件加入信件中,建立一封要寄給台灣團隊的會前提醒信草稿。第四,確認內容無誤後,再個別寄送給參與會議的台灣同仁。 本例收到的是一封由總公司寄來的英文會議通知信。接下來,我們會請AI協助簡化信件內容,翻譯成中文版,再加上相關附件,最後寄給台灣分公司的同仁(圖/旗標科技) 簡單來說,今天示範的任務同時包含「讀取資料」與「執行動作」。首先來將落落長的大工程拆分成多個小任務,我們可以把任務拆成4個階段:查找並讀取Gmail信件 → 找到Google Drive中的附件 → 連同附件一起建立Gmail信件草稿 → 個別寄送提醒信。這樣才比較好掌控整體品質,即使中途出現錯誤,也比較容易回到特定步驟修改。 【步驟1】請ChatGPT查找並讀取Gmail信件 首先,請ChatGPT讀取那封總公司寄來的會議通知信件,再檢查看看ChatGPT有沒有理解錯誤。 【提示詞】@Gmail 請查看今天與荷蘭總公司召開的Q3 APAC Product Launch Review,讀取相關行事曆、電子郵件與附件。請先整理會議時間、參與者、會議目的、討論項目與需要決定的事項。 實際測試發現,有時不一定需要輸入「@」指定特定工具。只要提示詞中提到相關關鍵字,ChatGPT就可能自動連接對應的外掛,並開始執行相關任務。 先按@後輸入Gmail,連結到Gmail之後輸入提示詞,最後點擊發送(圖/旗標科技) 在AI整理出會議資訊之後,別忘了檢查有無錯誤喔(圖/旗標科技) 【步驟2】請ChatGPT前往Google Drive找到指定附件 接下來的情境是,除了要參加線上會議之外,台灣分公司當天還有其他事情要忙,因此也準備了一份「當日行程表」,方便台灣同仁掌握整天的工作安排。 問題是,這份行程表正躺在某位員工很深很深的Google Drive資料夾裡。與其花時間一層一層翻找,不如直接請ChatGPT前往Google Drive,幫忙把指定附件找出來! 如果不幸忘記確切的檔名?沒關係!我們給關鍵字,ChatGPT還是找得到。 【提示詞】@Google Drive 請前往我的Google Drive,搜尋與「台灣分公司、7月15日、當日行程表」相關的檔案 @Google Drive之後,給出關鍵字請它查找;ChatGPT輕鬆找到檔案,還附上Google Drive連結讓你快速瀏覽(圖/旗標科技) 【步驟3】請ChatGPT連同附件建立Gmail信件草稿 下一步,請ChatGPT建立一封寄給台灣團隊的會前提醒信草稿。提醒信除了列出會議時間、討論重點與會前準備事項,也要附上前一步找到的台灣分公司工作行程表。 順帶一提,雖然我們的最終目標是分別寄送給5位同仁,但如果一開始就直接建立5封草稿,後來才發現內容有誤,就得請AI同時修改5封信,處理起來反而麻煩。因此,這裡會先請AI建立一封總草稿。等我們確認內容沒有問題後,下一步再請AI將總草稿複製成5份,準備個別寄出。 【提示詞】請根據整理完成的資料,建立一封寄給台灣參與者的中文會前提醒信草稿。包含會議時間、Microsoft Teams會議資訊、會議目標、會前準備事項,以及剛剛你查找到的「0715台灣分公司當日行程表.pdf」附件。建立草稿就好,不要直接寄出。 有沒有注意到?從這裡開始,筆者已經不特別在提示詞中使用「@」指定工具了。因為實際測試發現,只要任務描述夠清楚,ChatGPT通常就能自行啟動對應的外掛來處理。 下好提示詞後,等待ChatGPT完成處理。接著前往已連結的Gmail信箱確認結果(圖/旗標科技) 太厲害了,ChatGPT真的在筆者的信箱建立了有附件的草稿(圖/旗標科技) 【小插曲】這時候還能更改內容嗎?假如這時總公司熊熊更改會議方式,原本規劃使用Teams開會,後來改成Google Meet,但信件草稿都準備好了,該怎麼辦?別擔心,這時仍然可以請ChatGPT協助修改草稿。只要提供新的會議資訊或連結,並明確說明要替換的內容,ChatGPT就能將更新後的資訊一併修改到草稿中。 【步驟4】確認草稿後,交由ChatGPT分別寄出Gmail 完成上述步驟,確認總草稿內容沒有問題後,就萬事俱備、只欠最後寄出了。接下來,我們可以把要寄送的名單提供給ChatGPT,請它依照這份總草稿,分別建立要寄給各位台灣同仁的信件草稿,並附上指定附件。 由於這個環節牽涉到實際寄信,我們提示詞可以寫得稍微仔細一些,特別要求ChatGPT先列出預計寄送的名單,讓我們檢查收件人是否正確。 【提示詞】根據前面整理完成的會前提醒信,分別為以下5位台灣同仁建立一封獨立的Email草稿:(放上收信人的稱謂、Email)每封郵件只能有一位主要收件者,不要將上述5人合併在同一封信中。每封信的副本都請加入:(放上要副本對象的稱謂、Email)請依照主要收件者的姓名調整信件開頭稱呼,其餘內容可以維持一致。記得每封信依然都要附上Google Drive中的「0715台灣分公司當日行程表.pdf」。請先建立5封草稿,不要寄出。完成後,逐封列出以下資訊供我確認:主要收件者副本收件者郵件主旨附件名稱請再次確認每封信只有一位主要收件者,而且5封信都已附上指定附件。 其實ChatGPT的Gmail外掛程式可以直接幫你寄信,只是如前面所述,我們建議最好先看過內容再寄出比較妥當,因此這裡只會請ChatGPT擬草稿。 請ChatGPT仔細檢查寄送對象,並整理資訊給我們確認(圖/旗標科技) 確實建立了要寄給每個人的個別草稿(圖/旗標科技) 等ChatGPT建立好多封草稿後,由我們親自確認沒有問題後,再請ChatGPT一次寄出這些郵件,就大功告成了。 確認沒問題後,請ChatGPT幫忙寄出郵件(省掉我們一封封點擊寄出的麻煩);本次範例寄出5封信,ChatGPT大約花了40秒完成寄送指令。不過實際測試發現,Gmail端可能還需要再等1~2分鐘,才會顯示郵件已寄出(圖/旗標科技) 前往Gmail寄件備份,可以看到5封信件都已經成功寄出,完工!(圖/旗標科技) 節錄自:旗標科技《ChatGPT上工了! 最強AI活用術: ChatGPT Work×GPT 5.6》/施威銘研究室 著
【104職場力】・AI

神隊友比好主管更值錢!前Google人資主管揭「追隨力」關鍵

沒有領導經驗就不能在履歷或面試加分嗎?前Google人資主管指出,其實領導能力與追隨能力同樣重要,因為追隨力不只是支援,更是隱藏版的領導力,能讓團隊更快達標、也為你累積未來的領導資本。本文節錄自《Google愛用的人才》。 文/草深生馬 我透過擔任團隊領袖,累積了許多珍貴的經驗。因此,我建議你一旦獲得這樣的機會,一定要積極把握。透過領導團隊,能培養出不同的視野和心態。 但是,這不代表每個人都必須經歷過這個角色。能左右團隊合作結果的,領導能力與追隨能力同樣重要。如同序章所言,團隊要朝目標前進,不只需要有人領導,也要有其他人願意支援。 儘管如此,市面上的書籍大多數都是關於如何當個好領袖,少有人探討如何當個好隊友。 不少人在求職時,最煩惱的是如果自己沒有領導過任何團隊,面對相關問題時,究竟該說些什麼。 但其實這樣的人,反而多半都是「神隊友」。 說到追隨能力,你可能會浮現人們跟在領袖身後的畫面,但其實,真正的追隨指的是「加速團隊行動」。 以我為例,我大學時曾參加壘球社。我從沒打過壘球,技術很差,只是一般的社員,無法上場比賽。儘管如此,我仍舊思考自己能為球隊做什麼,例如:練習時大聲喊出聲音、營造愉快的練習氣氛等,想辦法提振大家的心情。 即便以贏得下次比賽為目標增加練習量,倘若成員缺乏拚搏的心態,便難以提升隊伍的實力。但我認為,如果是在充滿活力、歡樂愉快的氛圍中,大家會更樂於練習,於是便想盡辦法營造這種氣氛。 儘管訓練相當嚴格,隊員們卻非常開心。所有人的行動都是為了達成贏得下一場比賽這個目標。這個例子明確說明了領導能力與追隨能力其實是一體兩面。 然而,並不是所有領導者都能展現其領導能力。此處的領導能力,是指對團隊的成果有責任感,會自行思考如何活用自己與他人的強項,積極為團隊貢獻的態度。 領導不需要頭銜。只要有心,且積極為團隊貢獻,無論是何種頭銜,都可以利用經驗培養相關能力。 如果要舉出沒有頭銜便做不到的事,我認為唯一的一個,便是決策。一般成員無法做出最終決定。例如訂定年度目標,即使每個人都有自己的想法,最終選擇權還是在領導者手上。 真正的領導者,是站在團隊最前線,並朝民主決議目標前進的人。 此外,如果你能確實展現追隨者的精神,將來一定也會有人請你擔任領導者的角色。那些為了達成目標而努力邁進的人,對於團隊來說至關重要,擔任要職也是理所當然的事情。 從這個角度來看,追隨能力或許也可以看作是一種領導能力。持續付出和努力,不僅能促使自己成長,還能獲得他人的認可。 換句話說,做為一名追隨者,也能在無形中鍛鍊你的領導能力。 節錄自:任性出版《Google愛用的人才:什麼樣的人最快領高薪、帶團隊、升主管? 前Google人資主管的識人學。》/草深生馬 著
【104職場力】・團隊合作

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

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

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

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

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