104學習

HTTP

HTTP
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
是網路通訊的基礎協議,負責瀏覽器與伺服器間資料交換。懂得這項技能代表能理解網路請求與回應的運作流程,對開發網站、API串接及除錯非常重要。具備這能力能提升網路應用開發效率,並幫助解決連線問題,是前後端工程師必備的基本知識。
關於教室
關注人數 93 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 93 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

HTTP 學習推薦

知識貓星球

喵星人

2024/04/28

Canonical URL:幫你避開 Google 排名懲罰
在SEO 的世界裡,內容為王,連結是橋樑。然而,如果你的網站存在重複內容,可能會讓搜尋引擎感到困惑,並對你的網站進行排名懲罰。
Canonical URL 是一種 HTML 語法標籤,用於告訴搜尋引擎哪個版本的 URL 是該內容的主版本。搜尋引擎會優先索引和排名指定的 Canonical URL,並將其他指向相同內容的 URL 視為 重複 內容。
【Canonical URL 的主要用途】
⦿ 防止重複內容
如果一個網站存在多個指向相同內容的URL,可能會導致搜尋引擎混淆,並認為這些 URL 是不同的網頁。使用 Canonical URL 可以明確告訴搜尋引擎哪個 URL 是主版本,從而避免重複內容的問題。
⦿ 控制搜尋結果頁面(SERP)
在某些情況下,網站可能希望搜尋引擎在 SERP 中優先顯示特定的 URL 版本。例如,一個網站可能有多個語言版本的網頁,可以使用Canonical URL 告訴搜尋引擎哪個語言版本是主版本。
⦿ 避免連結稀釋
如果一個網站存在多個指向相同內容的URL,這些URL 的連結權重會被分散。使用 Canonical URL 可以將連結權重集中到主版本上,從而提高該版本的排名。
【Canonical URL 的實現方式】
⦿ 使用 rel="canonical"連結元素:這是最常見的實現方式。將上述語法添加到網頁的

區域即可。
⦿ 使用 HTTP 頭:可以使用 Link HTTP 頭來指定 Canonical URL。
⦿ 使用網站地圖:可以在網站地圖中指定 Canonical URL。
【Canonical URL 的使用情境】
❶ 一個網頁有多個版本:例如,一個網頁有多個語言版本、有印製版和線上版、有電腦版和行動版等。
❷ 一個網頁有多個URL:例如,一個網頁可以使用不同的參數來訪問,或者可以使用不同的域名來訪問。
❸ 一個網頁被其他網站引用:如果一個網頁被其他網站引用,可以使用 Canonical URL告訴搜尋引擎哪個網站是該內容的原始來源。
Canonical URL 的 SEO 優勢
◉ 提高網站排名:避免重複內容可以幫助搜尋引擎更好地理解網站內容,從而提高網站排名
◉ 改善使用者體驗:搜尋引擎會優先顯示 Canonical URL 所指向的內容,從而為使用者提供更一致的瀏覽體驗。
◉ 增加流量:避免連結稀釋可以讓主版本的 URL 獲得更多的連結權重,從而吸引更多流量。
小小使用建議:
⟡ 在使用 Canonical URL 時,請務必仔細檢查語法。
⟡ 使用網站地圖可以幫助搜尋引擎發現 Canonical URL •
⟡ 可以使用 SEO 工具來檢查網站上的 Canonical URL 是否設置正確
Canonical URL 是 SEO 中不可或缺的工具。正確使用 Canonical URL 可以幫助網站避免排名懲罰,提高排名,並獲得更多流量。
看更多
1 0 632 0
知識貓星球

喵星人

2024/04/14

Lighthouse - 優化效能指標的7大方法
在 Lighthouse 中,效能(Performance)是指對網站或網頁應用程式的性能進行評估和測量。Lighthouse 的效能指標通常包括了以下幾個方面:
1. 加載性能:衡量網站或應用程式加載速度的指標,如首次內容渲染時間(First Contentful Paint)和加載完成時間。
2. 互動性:衡量用戶與網站或應用程式之間的互動性,如首次可交互時間(First Interactive)和動畫流暢度。
3. 資源使用情況:衡量網站或應用程式所使用的資源,如 JavaScript 和 CSS 文件的大小、圖像壓縮情況等。
4. 緩存策略:評估網站或應用程式是否正確使用瀏覽器緩存機制來提高加載速度和效能。
5. 異步載入:評估是否使用了異步載入技術來減少阻塞渲染的時間,提高網站的響應性。
要優化網站的性能,可以採取以下一些措施:
1. 優化圖像和多媒體內容:
►使用適當的圖像格式(如 WebP)和壓縮工具來減小圖像大小。
►使用 Lazy Loading 技術僅在用戶滾動到它們時才加載圖像。
►壓縮和最小化多媒體文件(如視頻和音頻),以減少頁面加載時間。
2. 減少 HTTP 請求:
►合併和壓縮 CSS 和 JavaScript 文件。
►使用 CSS Sprites 將多個圖像合併為一個圖像,減少 HTTP 請求次數。
►減少不必要的外部請求,例如移除不必要的第三方庫或插件。
3. 瀏覽器緩存:
►正確配置 HTTP 緩存標頭,以使網頁資源可以在瀏覽器中進行緩存。
►使用 Service Workers 緩存資源,以便離線訪問時加速頁面加載。
4. 優化代碼:
►優化 JavaScript 代碼,避免使用過多的迴圈和複雜的操作。
►移除不必要的重複代碼和功能,並避免不必要的重新渲染。
5. 縮短首次渲染時間:
►最小化 HTML、CSS 和 JavaScript 文件的大小。
►將 JavaScript 放置在頁面底部,或使用異步載入以減少阻塞渲染的時間。
►使用 CDN(內容傳遞網絡)來加速資源載入時間。
6. 優化移動設備體驗:
►使用 CSS Media Queries 和 Responsive Design 來確保網站在各種設備上呈現良好。
►減少不必要的動畫和特效,以提高移動設備上的性能。
7. 定期監控和優化:
►使用工具(如 Lighthouse、Google PageSpeed Insights)定期測試和監控網站性能,並根據結果進行優化。
►分析用戶行為和網站性能指標,並持續改進和優化網站以提供最佳用戶體驗。
這些是優化網站性能的一些常見方法,根據實際情況,你可以選擇適合你的網站的策略來改善性能~
想知道更多PM知識,點擊共學,一起學習成長~
看更多
0 0 1375 0

熱門精選

104學習

產品

04/28 09:00

新手如何用 AI 整理會議紀錄?線上會議、實體會議一次看懂
開會時一邊聽、一邊記、一邊思考,常常會遇到幾個問題:重點來不及抄、決議沒寫清楚、待辦事項散落在聊天訊息或腦袋裡。現在,只要善用手機錄音、會議逐字稿與常見 AI 工具,新手也能更快整理出一份清楚、可追蹤的會議紀錄。
不過,AI 不是幫你「完全取代紀錄」,而是協助你加快整理流程。正式發送前,仍然需要人工確認人名、日期、金額、負責人、截止日與會議決議。
本文將分成「線上會議」與「實體會議」兩種情境,教你用手邊常見工具,搭配 ChatGPT、Claude、Gemini、NotebookLM 等 AI 工具,整理出適合交給主管、團隊或客戶追蹤的會議紀錄。
使用 AI 前,先確認 3 件事
在開始錄音、轉錄或把內容交給 AI 前,請先確認:
第一,會議是否允許錄音、錄影或轉錄。建議事前告知與會者錄音目的、使用範圍與保存方式。
第二,會議內容是否包含敏感資料。如果涉及客戶資料、個人資料、薪資、人事、財務、商業機密或未公開策略,不建議自行上傳到外部 AI 工具,應優先使用公司核准的平台。
第三,AI 產出只能作為初稿。AI 可能聽錯、漏掉脈絡,或把「討論中的想法」誤寫成「已決定事項」,正式使用前一定要人工檢查。
台灣《個人資料保護法》對個人資料的蒐集、處理與利用,強調應尊重當事人權益,不得逾越特定目的的必要範圍,並應與蒐集目的有正當合理關聯;本文為一般工作效率教學,不構成法律意見,實際使用仍應依公司規範與相關法規辦理。
AI 可以幫會議紀錄做什麼?
AI 在會議紀錄中,最常見的用途有 5 種:
1. 錄音轉文字:把會議錄音或逐字稿變成可整理的文字資料。
2. 摘要重點:從冗長對話中整理出主要討論內容。
3. 萃取決議:找出會議最後確認的結論。
4. 整理待辦事項:列出任務、負責人、截止日期。
5. 改寫成正式紀錄:把口語內容整理成適合寄出的版本。
好的會議紀錄,不是把每句話都記下來,而是清楚回答三個問題:
討論了什麼?決定了什麼?接下來誰要做什麼?
情境一:線上會議怎麼做?
線上會議最適合新手練習,因為 Google Meet、Teams、Zoom 等平台通常已有錄影、字幕、逐字稿或 AI 摘要功能。不過,這些功能是否可用,會依公司帳號、方案、裝置、地區與管理員設定而不同。
Google Meet 的「Take notes for me」可透過 Gemini 協助記錄會議內容,但實際可用性會受到帳號與設定影響。Zoom AI Companion 也提供會議摘要功能,且管理員可啟用或停用相關設定。
線上會議建議流程
第一步:會前確認可否錄影、錄音或開啟逐字稿
如果是客戶會議、敏感會議或跨部門會議,建議先確認公司規範,並告知與會者。
可使用這句話:
「為了方便會後整理會議紀錄,這場會議會開啟錄影或逐字稿功能,紀錄僅供本專案追蹤使用。」
第二步:會中保留原始資料
使用平台內建的錄影、逐字稿、字幕、AI 筆記或會議摘要。
第三步:會後交給 AI 整理
把逐字稿或會議重點貼到 ChatGPT、Claude 或 Gemini,請 AI 整理成正式會議紀錄。
第四步:人工檢查後再寄出
檢查決議是否正確、待辦是否有負責人、截止日是否清楚,以及 AI 是否誤判會議結論。
情境二:實體會議怎麼做?
實體會議的難點是聲音來源比較複雜,可能有多人同時說話、環境雜音、白板討論、投影片補充等。因此,實體會議更需要做好錄音與現場補充紀錄。
最簡單的流程是:
手機錄音 → 轉成文字或整理重點 → 交給 AI 整理 → 人工確認
iPhone:使用內建「語音備忘錄」
iPhone 內建的「語音備忘錄」可用來錄製會議、課程或語音筆記,Apple 官方說明可開始錄音、暫停、繼續錄音,也可調整手機與聲音來源的距離以改善錄音音量。
操作方式:
1. 打開 iPhone 的「語音備忘錄」App。
2. 點選紅色錄音按鈕開始錄音。
3. 會議中若暫停,可按暫停;繼續時再恢復錄音。
4. 會議結束後按停止,錄音會自動儲存。
5. 將檔名改成「日期+會議名稱」,例如「2026-04-27_行銷週會」。
6. 會後可分享錄音檔,或先轉成文字再交給 AI 整理。
Android:使用內建「錄音機」或「Voice Recorder」
Android 手機品牌眾多,內建錄音 App 的名稱與功能會依品牌、機型與系統版本不同。常見名稱包含「錄音機」、「語音錄音」、「Recorder」或「Voice Recorder」。
如果使用 Google Pixel,可留意 Google Recorder;Google 官方說明 Recorder 主要適用於 Pixel,可用來錄製會議、課程等聲音,並提供搜尋與 AI 功能。如果使用 Samsung Galaxy,Samsung 官方說明 Voice Recorder 可錄製課程、會議與對話,支援裝置也可使用 Galaxy AI 進行轉錄、加入 Samsung Notes 或分享文字檔。
Android 通用操作方式:
1. 在手機搜尋「錄音」、「Recorder」或「Voice Recorder」。
2. 開會前先測試 5 到 10 秒,確認收音正常。
3. 把手機放在桌面中央,不要放在口袋或包包裡。
4. 會議結束後停止錄音。
5. 重新命名錄音檔,建議使用「日期+會議名稱」。
6. 若手機支援轉文字,可先產出逐字稿;若不支援,可先手動整理重點,再交給 AI 工具處理。
實體會議小技巧
實體會議中,AI 不一定能準確聽出每個人的聲音。建議主持人在重要決議後,主動重複一次:
「確認一下,這件事由 Amy 負責,下週五前完成第一版,對嗎?」
這句話看似簡單,卻能大幅提高會議紀錄的準確度。
常見、容易取得的 AI 工具怎麼選?
以下工具不代表所有功能都免費,也不保證每個帳號都能使用。部分功能會依方案、裝置、地區與公司管理員設定而不同,使用前建議先確認。
1. ChatGPT:適合整理正式會議紀錄
ChatGPT 適合把逐字稿、會議重點或錄音摘要整理成正式文件,例如會議紀錄、主管摘要、待辦清單或會後 Email。若帳號與裝置支援 ChatGPT Record,也可用於轉錄與摘要會議、腦力激盪或語音筆記;OpenAI 官方同時提醒,轉錄與摘要可能出錯,重要資訊需要人工檢查。
適合用在:正式會議紀錄、主管摘要、待辦清單、會後 Email。
2. Claude:適合處理較長逐字稿與文件
如果會議逐字稿很長,或需要同時參考簡報、企劃書、專案文件,Claude 是常見選項。Claude 官方說明支援上傳 PDF、DOCX、CSV、TXT、HTML、ODT、RTF、EPUB、JSON 等文件格式;部分檔案功能仍會依帳號設定與限制而不同。
適合用在:長會議逐字稿、訪談紀錄、研討會內容、多份文件摘要。
3. Gemini:適合 Google 工作環境
如果團隊平常使用 Gmail、Google Docs、Google Drive、Google Meet,Gemini 會比較容易放進日常流程。Google 文件中的 Gemini 可協助摘要文件,Drive 中的 Gemini 也可協助摘要檔案與資料夾,但需要符合可用方案。
適合用在:Google Docs 會議紀錄、Google Drive 文件整理、Google Meet 會後資料。
4. NotebookLM:適合專案型會議與長期追蹤
NotebookLM 比較像是「專案知識庫」。你可以把會議紀錄、簡報、企劃書、訪談資料放進同一個 Notebook,之後再針對這些資料提問。Google 說明 NotebookLM 會根據你上傳或指定的來源回答問題,並提供來源引用。
適合用在:專案會議追蹤、多次會議整理、課程筆記、客戶訪談資料庫。
新手建議工作流
線上會議
平台逐字稿或摘要 → ChatGPT/Claude/Gemini 整理 → 人工檢查 → 寄出追蹤
若是長期專案,可把每次整理好的會議紀錄放進 NotebookLM,開下次會議前請它整理「前次決議、未完成事項、待確認問題」。
實體會議
手機錄音 → 轉成文字或整理重點 → ChatGPT/Claude/Gemini 整理 → 人工確認
如果沒有逐字稿,也可以會後用 Google Docs 語音輸入,自己口述會議重點。Google Docs 語音輸入需要在支援的瀏覽器中開啟文件,並確保電腦麥克風可正常使用。這比較適合「會後自己補充重點」,不建議直接當成多人會議的正式轉錄工具。
會議紀錄建議格式
新手可以先使用這個格式:
會議主題:
會議時間:
會議地點/會議連結:
主持人:
紀錄者:
與會者:
一、會議目的
簡短說明這場會議要解決什麼問題。
二、討論重點
用條列式整理主要討論內容。
三、會議決議
只放已經確認的結論,不放還在討論中的想法。
四、待辦事項
任務|負責人|截止日期|備註
整理第一版提案|Amy|5/10|提供給行銷部確認
五、待確認事項
列出尚未有答案、需要補資料或下次再討論的內容。
可直接複製的 AI Prompt
Prompt 1:整理正式會議紀錄
請根據以下會議逐字稿,整理成正式會議紀錄。
請包含:
1. 會議主題
2. 會議目的
3. 討論重點
4. 會議決議
5. 待辦事項
6. 待確認事項
7. 下次會議建議追蹤事項
待辦事項請用「任務/負責人/截止日期/備註」格式整理。
如果內容中沒有提到負責人或截止日期,請標示「待確認」。
請不要加入原文沒有提到的資訊。
請使用繁體中文,語氣正式、清楚,適合寄給團隊成員。
Prompt 2:整理主管版摘要
請將以下會議內容整理成主管可快速閱讀的摘要。
請用 300 字以內說明:
1. 本次會議重點
2. 已確認決議
3. 需要主管知道的風險或卡點
4. 接下來最重要的 3 個行動項目
請避免冗長細節,保留關鍵資訊即可。
Prompt 3:檢查會議紀錄
請幫我檢查以下會議紀錄是否完整。
請指出:
1. 是否有決議不清楚的地方
2. 是否有待辦事項缺少負責人
3. 是否有待辦事項缺少截止日期
4. 是否有需要再次確認的數字、日期、人名
5. 是否有語氣太口語、不適合寄給主管或客戶的句子
請提供修改建議。
新手最容易犯的 5 個錯誤
錯誤 1:把逐字稿當成會議紀錄
逐字稿只是原始材料,會議紀錄要整理出重點、決議與待辦。
錯誤 2:沒有區分「提議」和「決議」
有人提出建議,不代表會議已經同意。
錯誤 3:待辦事項沒有負責人
「下週整理報告」不夠清楚;「由 Kevin 於 5/10 前整理第一版報告」才方便追蹤。
錯誤 4:完全相信 AI 摘要
AI 可能漏掉反對意見,或誤解語氣與脈絡。
錯誤 5:忽略資料安全
不要把客戶資料、人事薪資、財務數字、公司策略或未公開資訊,直接上傳到未經公司核准的外部工具。
104學習小提醒
AI 可以幫你省下整理時間,但不能取代你的判斷。會議紀錄真正的價值,不是把所有人說過的話完整留下來,而是讓團隊會後能繼續推進。
對新手來說,最簡單的開始是建立一套固定流程:
錄下來 → 轉成文字 → 請 AI 整理 → 人工檢查 → 寄出追蹤
只要掌握這套流程,無論是線上會議還是實體會議,都能更快產出清楚、完整、可追蹤的會議紀錄。
看更多
1 0 3226 0
為何.NET工程師要學會.NET CORE微服務技術?
再討論ASP.NET Core微服務技術之前, 我們先來討論ASP.NET目前的人才市場需求。
根據 iThome 報導,近 3 年「ASP.NET開發人員」已成為台灣企業最想招募的 IT 領域人才,而104 人力銀行更將「ASP.NET全端工程師」列為徵才成長幅度前 2 大的職缺,相關搜尋職缺數已多達上萬筆!
因此,目前許多台灣的中大型企業網站, 其開發的技術框架,大多都是使用ASP.NET及MVC的技術來進行開發。 在開發比例上,與JAVA相比大約一半一半, 也因此ASP.NET與JAVA堪稱為台灣業界程式開發兩大主流。
然而,光會使用ASP.NET及.NET MVC來開發可能還不夠。 因為在開發需求多變的環境下,許多的延伸應用若在原始的系統架構下執行,恐很難進行開發,必須仰賴更多的元件化開發概念,才有辦法做到。
元件化就好比樂高,它的核心是「複用」。 比如,我們可以用有限的樂高元件拼裝出各種栩栩如生的玩具。同樣,我們可以複用ASP.NET的元件,如依賴注入、配置框架、選項框架、日誌框架、HTTP中介軟體等,像流水線一樣拼裝出各種我們想要的Web應用。 而ASP.NET Core就是用來擴充更多不同應用需求的開發框架。
ASP.NET Core 是新一代的 ASP.NET,也是微軟第一個具有跨平台的Web開發框架,可運行於Windows平台、如Mac OSX以及Ubuntu Linux作業系統。 雖然微軟的開源來得有點晚,但這次開源確實也是很給力,C#也已經擺脫Windows系統的限制,且對容器化(Docker),微服務、容器編排(Kubernetes)等技術的支援非常友好,這很好地順應了雲原生的未來趨勢。 ​
而ASP.NET Core的每個微服務架構都實現了特定的功能並擁有自己的資料儲存。其特點是每個服務都是被單獨部署,以便可以獨立擴充套件。 ​
對於想要使用ASP.NET Core建立快速、跨平台和雲端的Web應用程式和服務的學習者而言。不妨參考我們最近推出的「​微軟 ASP.NET CORE 全端軟體工程師養成班」吧!
學習位置👉:https://reurl.cc/NGv5jp
這堂課你將會學習👇
✅ ASP.NET 物件導向開發技術:以C#程式設計為基礎,學習 ASP.Net 物件導向及MS SQL開發技術。
✅掌握全端開發技術:扎實訓練ASP.Net Core MVC網站開發與MVVM前端整合應用。
✅微軟雲端服務設計:ASP.Net Core Web API 開發訓練,整合微軟 Azure 雲端服務設計。
✅整合專題實作:分組模擬業界專案開發流程,將所學實際應用於整合專題,完成求職專案作品。
想掌握業界最新的ASP.NET微服務開發趨勢 並成為ASP.NET Core全端開發工程師? 現在就立刻開始學習吧❗️👇
X School 也提供「企業訓練包班」服務,如想暸解,請點以下連結。 https://reurl.cc/NA7QMq
看更多
3 1 3876 1
你可能感興趣的教室