Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TODAY 看世界(?) 是我們在看扣啦!
Search
LINE Developers Taiwan
PRO
June 17, 2025
Technology
0
1.3k
TODAY 看世界(?) 是我們在看扣啦!
Speaker: Jeffery Bai, Min Chang
Event: LINE TECH FRESH 畢業分享會 2025
LINE Developers Taiwan
PRO
June 17, 2025
Tweet
Share
More Decks by LINE Developers Taiwan
See All by LINE Developers Taiwan
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1.2k
讓測試不再 BB! 從 BDD 到 CI/CD, 不靠人力也能 MVP
line_developers_tw
PRO
0
1.3k
DB 醬,嗨!哪泥嘎斯基?
line_developers_tw
PRO
0
1.3k
比起獨自升級 我更喜歡 DevOps 文化 <3
line_developers_tw
PRO
0
1.3k
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
line_developers_tw
PRO
0
1.2k
從四件事帶你見識見識 事件驅動架構設計 (EDA)
line_developers_tw
PRO
0
1.2k
你想成為什麼樣的開發者?
line_developers_tw
PRO
0
26
研究生的 LINER生活
line_developers_tw
PRO
0
28
#Rookie’s Adventure: A 0 to 1 Dev Journey
line_developers_tw
PRO
0
1.6k
Other Decks in Technology
See All in Technology
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
500
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
230
【Oracle Cloud ウェビナー】【入門&再入門】はじめてのOracle Cloud Infrastructure [+最新情報]
oracle4engineer
PRO
1
100
VGGT: Visual Geometry Grounded Transformer
peisuke
1
650
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.1k
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
180
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
180
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業!FinOpsで始めるAWSコスト最適化の第一歩
sh_fk2
2
150
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
fillznoh
0
100
ソフトウェアQAがハードウェアの人になったの
mineo_matsuya
3
160
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
coconala_engineer
1
3k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Done Done
chrislema
184
16k
Facilitating Awesome Meetings
lara
54
6.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
A better future with KSS
kneath
238
17k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Code Reviewing Like a Champion
maltzj
524
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
How GitHub (no longer) Works
holman
314
140k
Docker and Python
trallard
45
3.5k
Transcript
TODAY 看世界(?) 是我們在看扣啦! 上班到底都在看什麼勒?
Jeffery Bai LINE TODAY | TECH FRESH Education • Master
of Information Management @ NTU • Research Field: NLP, RecSys Experience • 2024 | TECH FRESH @ LINE Taiwan • 2023 | Data Scientist Intern @ MoBagel • 2021 | Data Analyst Intern @ USPACE
01 TODAY 要看什麼? CONTENT 02 演算法知道你愛看啥!? 03 讓你的架構乾淨起來 04 從0開始的
Refactor 生活
TODAY 要看什麼? 讓你逛不完的 LINE TODAY 產品 TODAY 看世界 國際 娛樂
10M↾ users 50M↾ traffic 3 regions Section 1
優質新聞節目 TODAY 看世界, TODAY 財知道, … 精彩賽事轉播 NBA, UBA 大專籃球,
CBL 中職,... 其他有趣內容 好康優惠, 電影聲量榜, 動漫票選,...
LINE MUSIC LINE SPOT
QA Data Engineer PM 大量的內容=超大量資料 Data Team 在做什麼? Machine Learning
Engineer ETL pipelines, Dashboard Recommendation Scrum!!!
SECTION 02 演算法知道你愛看啥!? 真假!? 什麼是「個人化推薦系統」? (Personalized Recommender System)
協同過濾 (Collaborative Filtering) 相似商品 (Similar Items) Source: Recommender Systems in
Machine Learning: Examples
協同過濾 (Collaborative Filtering) 相似商品 (Similar Items)
如何做推薦模型?先從資料開始! Define Data Spec 資料情境、定義 Feature Engineering 前處理、特徵工程 Model Design/Training
模型設計、訓練 User Features Item Features Interactions
可以上線了嗎?不行!先做 A/B Test A/B Testing 線上測試、更新 What to test? How
to test? How to Evaluate? 決定實驗組 vs. 對照組 決定使用者分群、實驗時間區間 決定衡量指標、通過條件
學校專案 vs. 業界實務 學校 實務 資料 小量、乾淨、定義清楚 巨量、複雜 → 資料分析
!!! 情境 固定、單純、受控制的命題 每天變動的環境 → 商業邏輯 團隊 小團隊、成員單一 多人協作、迅速迭代 → 表達呈現能力 規模 小規模、實驗性、會動就好 大規模開發維護 → 乾淨的 Code
Min Chang LINE TODAY | TECH FRESH MS @NCU IM
2024 ~ 2025 TECH FRESH @LINE Taiwan 2022 ~ 2024 Freelancer @Gamma Technologies
那專案架構上呢? 通常單次使用 更新頻率不高 多人一起頻繁修改 系統需要長期規劃 好擴充/鬆耦合
SECTION 03 什麼 Clean Architecture前端也能用嗎? 讓你的架構 乾淨起來
今晚我想來點 Clean Architecture • 核心理念:關注點分離 • 核心 (黃色/紅色):業務規則 - 系統中最穩定、最重要的部分。(放在下面)
• 外層 (藍色/綠色):技術細節 - 框架、資料庫、UI... 這些都是可以替換的工具。 (放在下面) • 由外向內的依賴關係 • Domain, Use case, Adapter, Framework
None
SECTION 04 從例子看起,慢慢搬成乾淨架構 從0開始的Refactor生活
LINE Music login Web 登入 SSO Server 驗證 session 登入成功
Any errors Session 合法 是否在服務區 顯示錯誤 訊息 …
什麼?加入LIFF登入 ? Session LIFF Token
什麼?加入LIFF登入 ? Web 登入 SSO Server 驗證 session 登入成功 Any
errors Session 合法 是否在服務區 顯示錯誤 訊息 …
什麼?加入LIFF登入 ? Web 登入 SSO Server 驗證 session 登入成功 Any
errors Session 合法 是否在服務區 顯示錯誤 訊息 …
原本的 SSO登入 登入 驗證 Session & 身分 驗證 SSO Session
保持不動加入LIFF登入看看?
None
Domain 聚焦在「核心概念」和「不變商業規則」上。 定義與操作那些與應用場景無關、永遠成立的業務邏輯。 User Domain
Domain 聚焦在「核心概念」和「不變商業規則」上。 定義與操作那些與應用場景無關、永遠成立的業務邏輯。
Domain 聚焦在「核心概念」和「不變商業規則」上。 定義與操作那些與應用場景無關、永遠成立的業務邏輯。
Use case 系統的業務規則和應用特定的業務邏輯 獨立於外部框架,使得業務邏輯可以在不受外部依賴變化影響的情況下被測試和維護 Login Authentication
Use case 系統的業務規則和應用特定的業務邏輯 獨立於外部框架,使得業務邏輯可以在不受外部依賴變化影響的情況下被測試和維護 Get Profile Get Access Token Validate
Session
Use case 系統的業務規則和應用特定的業務邏輯 獨立於外部框架,使得業務邏輯可以在不受外部依賴變化影響的情況下被測試和維護 用抽象取代實作 定義Delegator介面
Use case 系統的業務規則和應用特定的業務邏輯 獨立於外部框架,使得業務邏輯可以在不受外部依賴變化影響的情況下被測試和維護 不需要去判斷是哪種登入,交由delegator的實作決定
Use case 系統的業務規則和應用特定的業務邏輯 獨立於外部框架,使得業務邏輯可以在不受外部依賴變化影響的情況下被測試和維護 Handle Authentication 也同理
Adapter 將外部環境與業務流程組合
Adapter 將外部環境與業務流程組合 SSO LIFF Delegator 實作 SSO Delegator LIFF Delegator
Adapter 將外部環境與業務流程組合 最後來用hook與頁面整合 React
Framework 包含了選擇的第三方工具(框架、函式庫、驅動程式) 具體實現,而不是抽象邏輯 UserProfileAvatar.tsx
UserProfileAvatar.tsx useLoginHandle r Framework Adapter Use case SSODelegator LiffDelegator Delegator
login User Domain handleAuthenticatio n
None