YUN-RU ZENG 所關注的議程 / YUN-RU ZENG's Favorite Talks

TypeScript Migration

TR 511 [[ new Date( '2023-07-29 05:00:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-29 05:00:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-29 05:30:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

在程式開發中，程式碼的可讀性和可維護性都是非常重要的。隨著專案的成長，程式碼的複雜度也會不斷增加，團隊成員之間的合作也會變得更加困難。為了解決這些問題，一些團隊開始採用 TypeScript 來改進他們的程式碼。在本演講中，將探討 JavaScript 專案程式碼經年累月的成長後可能遇到的問題、如何建立你的階段性拆解計畫

講者

Bunny Chang

小時電腦壞掉太不甘心了，努力了解了各種運作原理後，回首才發現身處於此現職為 KKBOX Senior Software Engineer，身處一個依賴 Web Tech 來開發各種 Music Player 的部門

Miscellaneous Open Source Topics 各種開源議題 9LYBEC general (30mins)

MobX + 領域模型在區塊鏈項目上的實踐

TR 510 [[ new Date( '2023-07-30 02:40:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 02:40:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 03:10:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

笔者自 2022 年作为前端工程师加入某区块链基金会下的 Portal 平台项目，主要参与负责 Discord、Vote、Task 等 DAC 日常运营和治理功能的实现以及 Gnosis Safe 等功能的维护。项目主要功能围绕 DAC 组织，数据接口来源多样，包括去中心化的链上数据、SubGraph 备份数据、Discord 服务中心化数据等，在此项目上，如何运用 Mobx 组织和管理 store 状态颇具挑战，笔者有一些自己的实践想要给大家分享

講者

涂文超

塗文超，idea2app 團隊聯合共創人，web 前端，fCC 志願者，中國開源社正式成員，中國開源社開放黑客鬆平台迭代升級重要貢獻者

Miscellaneous Open Source Topics 各種開源議題 ZHRVJN general (30mins)

Less code with Monorepo

TR 209 [[ new Date( '2023-07-30 02:45:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 02:45:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 03:15:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

當我們有提供複數個相似專案的需求，
又不想要同時維護數個專案，
於是我們使用 Monorepo 來減少程式碼的變更。

希望此次分享，讓聽眾透過實務認識 Monorepo: 1. Why do we use Monorepo as a management approach? 2. How to build a Monorepo project with Lerna? 3. Monorepo application in DevOps platform

講者

李奕儇 (Clay Lee), 黎亞妮 (Amalia Kartika Ariyani)

Clay 作為一位 DevOps 的前端 Lead，我對於各種新的前端技術充滿渴望，並始終保持著迎接新挑戰的心態。我致力於探索各種前端領域的最新趨勢，並且樂於學習和應用它們在實際項目中。我也追求團隊的成長和發展，鼓勵團隊成員不斷挑戰自我，不僅僅限於本身的技能，而是尋求更多可能性的開拓，我相信，透過不斷學習和合作，我們可以打造一支具有多元技術背景和靈活思維的團隊，為專案的成功做出更大的貢獻。 Amalia Although Amalia was originally an AI engineer, she joined the front-end team and was able to quickly develop features due to her extensive development experience and web knowledge. When the team encountered blind spots in planning new features, she was able to sharply identify the problem and guide everyone to find the answer.

Upgrade the Brain and Double, Triple the Development Energy of Laravel and Vue Communities. 大腦升級，讓Laravel和Vue的社群開發能量翻倍再翻倍 BXZXAN general (30mins)

Rust Web之旅：新時代的後端開發

TR 210 [[ new Date( '2023-07-30 02:50:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 02:50:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 03:20:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

為何選擇 Rust 作為後端語言？
一個前端工程師從 JavaScript 的角度學習 Rust
深入 Tide 框架
如何使用 Tide 框架建立 CRUD 的 REST API

講者

朱章祺

滑板愛好者，軟體工程師，貓奴一枚。

Rust KXWYQL general (30mins)

如何實作一個電子報訂閱與發送系統 — 以 COSCUP 電子報訂閱為例

TR 511 [[ new Date( '2023-07-30 05:00:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 05:00:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 05:30:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

本議程將引導您從網域和郵件設定開始，逐步建立一個完整的電子報訂閱與發送系統。我們將探討如何建立訂閱系統、如何比對唯一帳號、如何有效管理訂閱名單，以及如何設定開信追蹤、建立郵件發送範本、進行大量寄送以及避免退信等相關問題。

此議程以目前每月寄送的 COSCUP 電子報為例。由於 COSCUP 活動已不再需要報名，任何人都可以自由參加，因此需要建立一個電子報訂閱服務。而您可能會好奇為什麼要自行建立系統，而不使用現有的線上電子報發送服務。在此議程中，我們將詳細解釋這個問題。

備註：目前專案仍在整理中，預計在 COSCUP 2023 之前將專案公開。

技術佔比：60%（AWS SES、Python、Celery、RabbitMQ）
流程介紹：30%（訂閱、文案、郵件樣板製作、發送、名單維護）
小技巧：10%（開信追蹤、退訂處理等）

How to Implement an Email Newsletter Subscription and Delivery System — A Case Study of COSCUP Newsletter Subscription

This session will guide you through the process of creating a complete email newsletter subscription and delivery system, starting from domain and email configuration. We will cover topics such as building a subscription system, matching unique accounts, effectively managing subscription lists, setting up open tracking, creating email templates, conducting bulk sending, and preventing bounce-back issues.

We will use the monthly COSCUP newsletter as an example. Since COSCUP no longer requires registration and allows free participation, there is a need to establish an email newsletter subscription service. During this session, we will provide a detailed explanation of why it is important to build a custom system instead of using existing online newsletter delivery services.

Note: The project is currently being organized and is expected to be made publicly available before COSCUP 2023.

Technology breakdown: 60% (AWS SES, Python, Celery, RabbitMQ)
Process overview: 30% (subscription, content creation, email template design, delivery, list maintenance)
Tips and tricks: 10% (open tracking, unsubscribe handling, etc.)

講者

Toomore Chiang (COSCUP)

目前是 COSCUP 2023 行政組組長，主要負責每一屆與志工相關事宜，行政組開發部分有「志工服務平台」與「電子報訂閱系統」，行政組期待透過改善行政效率的方式，協助其他組別增進，讓每年的籌備團隊能快速行動！行政組目前組內分類為三個任務組別：庶務組、開發組、招募組。詳細的說明可以參考行政組簡介

Miscellaneous Open Source Topics 各種開源議題 AWCXJK general (30mins)

開源工具加速前端開發 - A framework agnostic solution

TR 511 [[ new Date( '2023-07-30 05:40:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 05:40:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 06:10:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

前端開發常常會碰到一些麻煩或者重複的事情，例如： 1. 配置環境非常麻煩(像是 ESLint、Prettier、VSCode settings..等等) 2. 還有表單驗證 3. 型別檢查 4. 手動撰寫大量串接 API 的函數 5. 後端寫超慢，需要等待後端開發完成才能串接等等..

舉例來說: 1. 後端提供 API Spec，但： * 好多 endpoint 要寫 * 寫 request body 一個一個欄位對，好累 2. 使用 TypeScript，但： * 各種 schema 都要寫 type，寫不完 * response parse 成 json 後型別是 any，好不方便

所以我們將分享利用各種開源工具來解決或加速處理前端以往會遇到的麻煩事，來讓整個開發變得更彈性且高效。

更重要的是，這個解決方案是 framework agnostic 的。

講者

賴俊賓

NYCU準碩二生，曾拿過技能競賽網頁金牌。

Github: https://github.com/laijunbin

講者

Xyphuz

準碩二生，對自己的期許是有能力把事故變故事

Miscellaneous Open Source Topics 各種開源議題 TYFMP7 general (30mins)

動畫的魔法：Anime.js 與 Vue.js 的完美結合

TR 209 [[ new Date( '2023-07-30 05:45:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 05:45:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 06:15:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

一起來探討如何使用 Anime.js 和 Vue.js 這兩種強大的前端工具創建令人驚奇的互動效果。讓網頁變得不只有靜態的文字，還能更加的生動有趣。

最後探討在團隊合作中，開發者除了開發以外，還能做哪些事情來讓合作更順暢。

講者

Nono

前端工程師目前任職 KKBOX，主要使用 Vue.js 開發各種有趣的網頁。最近都在探索 LLM 可以帶給我們什麼新的可能性和發展。

Upgrade the Brain and Double, Triple the Development Energy of Laravel and Vue Communities. 大腦升級，讓Laravel和Vue的社群開發能量翻倍再翻倍 79HFVZ general (30mins)

善用 DevOps 應對 Hackathon 急速開發挑戰

TR 511 [[ new Date( '2023-07-30 06:20:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 06:20:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 06:50:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

DevOps 是「開發」(Dev) 與「維運」(Ops) 的混合詞，是一種加速軟體開發和部署的技術。Hackathon 是「黑客」(Hack) 與「馬拉松」(Marathon) 的組合詞，是一個以馬拉松形式開發軟硬體的活動。在本議程中，講者將分享過去參加 Hackathon 比賽的經驗，講述如何在短時間內透過 Kubernetes 將 DevOps 融入到馬拉松式的開發流程中。

講者

YiHong Lin (uccu)

熱愛 DevOps 技術與 Hackathon 文化的碩士生

Miscellaneous Open Source Topics 各種開源議題 SR7CVP general (30mins)

開開心心寫測試，你的程式碼也會微笑

TR 209 [[ new Date( '2023-07-30 07:15:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2023-07-30 07:15:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2023-07-30 07:45:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] zh-tw

加入行事曆加入關注加入關注已關注

工程師們都知道寫測試很重要，但寫測試的過程也許會有點無趣（或不知道怎麼寫？）。跟其它的測試套件或框架相比，Pest 是個相對年輕的測試框架，但在國外的 PHP 社群的討論度越來越高。Pest 提供了簡單且語法豐富的測試框架，可以寫出可讀性更好或更容易維護的測試程式碼。

讓我們一起開開心心寫著寫測試，看著你的程式碼一邊微笑 :)

講者

高見龍

技術宅、電玩宅、動漫宅，喜愛非主流的新玩具，著有「為你自己學 Git」以及「為你自己學 Ruby on Rails」書籍。

https://kaochenlong.com/

Upgrade the Brain and Double, Triple the Development Energy of Laravel and Vue Communities. 大腦升級，讓Laravel和Vue的社群開發能量翻倍再翻倍 JYETVA general (30mins)