---
# System prepended metadata

title: AI 熱潮下，JavaScript 開發者該怎麼走？ - PJCHENder
tags: [JSDC2025]

---

# AI 熱潮下，JavaScript 開發者該怎麼走？ - PJCHENder

{%hackmd @JSDC-tw/B1loEcwJZl %}
###### tags: `JSDC2025`

Slido：https://app.sli.do/event/dn9zku95iZoCUEEQyDhhpW

> 開始做筆記

PJCHENder
- 顧小孩，2yr 無更新

幾年前爭論 TypeScript 打掉 JavaScript ? 現在來看？快了

現在如何面對 AI？

又愛又恨！人被取代？AI 做得好啊！
AI 紅？看 Python，Python 一直是主力

2024 語言熱門度 Python > JavaScript

AI 紅什麼？
- 少數精英研發
    - LLM
    - Model
- 與我們比較相關
    - 使用 AI + 下 Prompt
    - 開發 AI 工具，讓 AI 落地

爆發的原因，是因為有 User, 應用落地

**我們是誰？我們的價值在哪？**

JS 1995 在 Netscape 生

我們在做什麼？
- 前端介面互動
    - 最早有
    - 持續進行中
- 後端整合
    - 資料庫溝通
    - API 操作
- 整合系統原生
    - Browser
    - Server
    - Mobile
    - IoT
    - ...

原來我們也是 AI 落地的關鍵！

怎麼樣把我們已經會的東西應用再AI




## Generative UI
- 跟 AI 說，並提供 Component 來組出 Page
- Chat GPT 有提供 Template
- Gemini -> Dynamic View
- 如何讓 AI 產生客製化的東西
- CheYu -> LLM 改變藝術作品的樣式


## TypeScript natively supported!
主流AI框架原生支援typescirpt 
Javascript 要開發AI  agent 主流框架都有支援

- Open AI
- Google
- Vercel AI
- LangChain

## Demo
### transform 即時分析
transform 情感分析也支援javascript 

`@xenova/transformers`

### Chrome Built-in AI
支援 翻譯 和摘要的API

### Gemeni Cli
- gemini cli 是用react render 
    Written in TypeScript + React!
- Open AI codex -> Rust
- n8n 也是用typescript 寫的


### Langfuse
in TypeScript


## Our value is seen again
In 2025, TypeScript > Python again!


## Develop Model or Product?
- Python for model, JS/TS for Product

---

~~時間關係，沒有 Q&A~~ 
~~議程結束~~
## Q&A

### 如何在學習 AI 相關工具/趨勢的同時，還能兼顧JS/前端或軟體工程的基礎知識？兩者該如何拿捏平衡避免技術焦慮 
- 要看相關的趨勢是什麼 + 你的定位
- 從自己已經會的部分做衍伸
- 放開心胸去學習
- Facebook -> "為何我會看到此廣告" -> "再也不要看到這個人" 斷根



# 結語 by 總召
- 售票狀況上升 Linear increaing slowly
- 0000 - 0200 買票
- 設計組！
    - 水晶貼使用方式
        1. 以隨意形狀剪下你要的圖案
        2. 撕下後就貼在任何你想貼到的地方，如水壺或是筆電上
        3. 再撕下外層的薄膜，圖案將永久在黏貼位子上，防刮防水
> 投影片即時做出！




> 聊天區
> 我全都要！

mxtsai 好猛，連總召結語都有筆記 XDDD
連簡報即時做出都知道，太猛啦 🙈

---

{%hackmd @JSDC-tw/jsdc2025_sponsor %}