這次 LearnWeb Taiwan 實體活動，將邀請到 AI 工程師 承恩，帶領大家更加了解 ChatGPT 背後原理和使用，啟發未來魔法時代的必備技能！ 隨著人工智慧的崛起，ChatGPT 在重塑工作者與資訊互動的過程中扮演著關鍵角色(被取代危機)。這場活動講者將用簡單易懂的方式分享 ChatGPT 原理和更好的使用技巧。 在快速變遷的 AI 時代，掌握、了解 ChatGPT 如何使用，可以大幅增加自身競爭力，不論 PM、設計、工程師，在各種工作流程中都可以引入 ChatGPT 來改善，如果對於 ChatGPT 有興趣想更加瞭解，別錯過報名歡迎來參加這場活動! 主題：如何成為一名魔法師： ChatGPT 的魔咒學與黑魔法防禦術 講者：承恩（AI 工程師） 日期：2024/02/03(周六) 14:00

九月底活動 LearnWeb Taiwan Meetup #16 「前端單元測試是在測蝦咪？」圓滿落幕！！ 這次上場的講者 ShawnL，將他過往研究與撰寫測試的經驗，整理成清楚易懂的內容，讓會眾在參與活動後對於單元測試能有一些基本理解並且獨自開始運用，就連小編我都忍不住開始躍躍欲試！ 此外，我們在活動結束後也同樣安排了會後閒聊和 Q & A 時間，讓大家可以輕鬆的進一步自由交流討論，重溫以往 LearnWeb Taiwan 在咖啡廳舉辦活動的溫馨感。 活動結束後我們也看了大家的問卷回饋與敲碗的主題：前端效能、CICD 與 React。接下來小編也會積極尋找相關的講者唷！另外，若對於活動中有哪些環節有不夠完善的部分，小編這邊也要麻煩大家記得留下你寶貴的訊息讓我們可以改進！ 感謝大家的支持與參與，期待未來能夠再次相見！

Figma Config 2023 的更新，新增很多促進設計與開發團隊協作的更新，其中推出變數的功能，同樣也在公開測試的階段中！ Variables 變數功能可儲存重複使用的值，應用在屬性和原型設計。 目的在於管理設計系統或呈現複雜的原型時，能節省時間增加效率！ 大致介紹主要有以下四種類型的變量，可以應用於特定的屬性和元素。 變量類型 1. Color

新一波的科技革命已然降臨，近幾個月以來，陸陸續續有不少生成式 AI 工具陸續推出，即便工具本身尚未達到非常成熟的地步，已經有不少工作者從中受益，改變了原先的工作流程並提升了工作效率。 生成式 AI 是什麼？ 生成式 AI 屬 AI 技術的其中一個發展方向，這類型的 AI 主要是設計用來創造並模仿人類所產出的內容，範圍則包含了文字、圖像、音訊、音樂或程式碼⋯⋯等等內容。 以 GitHub Copilot 為例，其中所用到的 OpenAI Codex Model，便是以 GPT-3 模型為基底（該模型目的在於能夠理解與回應人類所說的自然語言），加上大量的開源程式碼所訓練而成的模型（如圖 1 所示）。 因此 GitHub Copilot 能夠透過編輯器所提供的情境，理解開發者的意圖從而提供適當的程式碼建議，間接提升了開發者的生產力與節省開發時間。 圖 1：GitHub Copilot 服務所用到的模型與概念圖

本篇文章將基於「瀏覽器方」所提供的原生解法來看看要如何透過預先載入（Preload）技術，來提升網頁效能。 預先載入圖片 考慮到商業需求，有時候產品網站需要利用圖片來突顯產品特色，或者用視覺效果來吸引消費者。在這種無法避免使用圖片的情境下，如何同時確保網站效能就變成了開發者的重要挑戰。 實作方法 透過 link 元素中的 rel="preload" 我們主動告知瀏覽器希望能夠盡快載入的關鍵資源： <link rel="preload" as="image" href="important.png"> 而從 Netkwork 觀測 Waterfall，可以觀察到在正常載入下未特別處理的頁面 request 順序原先如下：

ISBN-13:9787115583864 第零章 註解 本心得由於是參考至簡體書之版本，因內文技術相關用語與臺灣常用計算機用語有所差異，而筆者心得將會參考原文中之用詞並譯成英文，再將英文用語對照翻譯成臺灣常用計算機用語的版本，在此羅列紀錄供讀者參考。 對照表 原文中 依原文而譯 依英文而譯

在 Midjourney 橫空出世後，結合許多名人的推廣，運算產圖技術已經慢慢開始擴展到普羅大眾之間，而這類 AICG(AI Generated Content) 相關的服務也相繼出爐！然而你有想過自己也能架出一個類似的服務平台出來嗎？ (結合 Discord 介面的 Midjourney 雲端算圖服務) Stable Diffusion 與 Google Colab 先前，若我們想自己架設類似像 Midjourney 這一類的算圖服務，我們會需要安裝類似像 Stable Diffusion 這一類的文字轉換圖像生成模型，接著透過使用者電腦本身的 GPU 來進行運算，然而在安裝的過程中除了需要一些技術知識外，也蠻要求硬體設備，設備太差的話跑出來的效果不是不好就是運算需要花費一段時間才能產出圖片。若我們只是想試試看效果不想花太多在設備上的預算要怎麼辦？這時我們就可以使用 Google Colab 來進行雲端運算！ Google Colab 是由 Google 所提供的免費雲端服務，它提供一個簡易的平台可以直接在網頁上編寫與執行程式碼，重點是允許使用者以筆記本的方式建立與共享程式碼，也就是說只要有人建立好一套能在雲端上運行的算圖服務的 WebUI，我們就可以直接根據他的筆記本直接執行並建立一個暫時性的算圖站台！ 尋找模型

LearnWeb Taiwan 旨在交流網頁領域相關技術與產品開發經驗，領域包含但不限於「前端」/「後端」/「UI、UX」/「PM」等職務相關內容。 我們相信對於本身職務垂直縱深的專業能力，搭配相關領域知識的橫向理解，能夠促使產品帶給使用者更好的使用體驗。 因此，我們不定時會舉辦工作坊、講座、小聚等等活動，媒合各個領域的專業人才前來交流；此外也盡可能提供第一手產業新知給大家，希望促進台灣網頁相關領域的產品能夠更加良好！ 若你對我們有興趣，歡迎依照自己所需加入各個平台喔！ 官方平台 適合對象

社群理念 LearnWeb Taiwan 旨在交流網頁領域相關技術與產品開發經驗，領域包含但不限於「前端」/「後端」/「UI、UX」/「PM」等職務相關內容。 我們相信對於本身職務垂直縱深的專業能力，搭配相關領域知識的橫向理解，能夠促使產品帶給使用者更好的使用體驗。 因此，我們不定時會舉辦工作坊、講座、小聚等等活動，媒合各個領域的專業人才前來交流，促進台灣網頁相關領域的產品能夠更加良好！ 社群組成：會眾/講者/營運群 會眾：認同「社群理念」的人，想獲取有關「社群理念」的相關知識資訊新知/實體講座活動 講者：基於「社群理念」分享相關領域知識

{%hackmd @LearnWeb-Taiwan/Society-Links %} {%hackmd @LearnWeb-Taiwan/Learn-Markdown %} [name=今日主講：Trudy] 為什麼命名很重要 筆記筆記 好的命名跟壞的命名方式

{%hackmd @LearnWeb-Taiwan/Society-Links %} {%hackmd @LearnWeb-Taiwan/Learn-Markdown %} 筆記術，markdown Markdown 教學 LearnWeb Taiwan 簡易版教學 讀書會

工商系統 舉辦單位

{%hackmd @LearnWeb-Taiwan/Society-Links %} {%hackmd @LearnWeb-Taiwan/Learn-Markdown %} 下方提供測試 喵咪喵 ( '-' )/ 簽到 :100: 給你雞壩昏 結合 carbon

{%hackmd @LearnWeb-Taiwan/Society-Links %} 標題 一級標題 二級標題 列表 無序列表

{%hackmd @LearnWeb-Taiwan/Society-Links %} {%hackmd @LearnWeb-Taiwan/Learn-Markdown %} 以下是《無瑕的程式碼》各章節主講人的分配清單： 章節 名稱 主講 日期 活動連結

:::warning :::spoiler Markdown 語法教學、HackMD 進階用法教學 Markdown Taiwan 教學 LearnWeb Taiwan 教學 HackMD 教學 :::

:::warning :::spoiler LearnWeb Taiwan 相關連結 LearnWeb Taiwan 開源專案 LearnWeb Taiwan 臉書社團 LearnWeb Taiwan 即時聊天室 :::