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
Agile Development
Search
YuTin Liu
October 21, 2014
Technology
4
350
Agile Development
Front-End Developer Taiwan Party13
YuTin Liu
October 21, 2014
Tweet
Share
Other Decks in Technology
See All in Technology
30代からでも遅くない! 内製開発の世界に飛び込み、最前線で戦うLLMアプリ開発エンジニアになろう
minorun365
PRO
16
4.8k
Web Intelligence and Visual Media Analytics
weblyzard
PRO
1
5.9k
LiteXとオレオレCPUで作る自作SoC奮闘記
msyksphinz
0
910
【Λ(らむだ)】最近のアプデ情報 / RPALT20250422
lambda
0
130
3月のAWSアップデートを5分間でざっくりと!
kubomasataka
0
130
MySQL Indexes and Histograms – How they really speed up your queries
lefred
0
120
コードや知識を組み込む / Incorporating Codes and Knowledge
ks91
PRO
0
140
Dynamic Reteaming And Self Organization
miholovesq
3
690
Mastraに入門してみた ~AWS CDKを添えて~
tsukuboshi
0
360
Running JavaScript within Ruby
hmsk
3
420
SnowflakeとDatabricks両方でRAGを構築してみた
kameitomohiro
1
530
生成AIのユースケースをとにかく集めてまるっと学ぶ!/ all about generative ai usecases
gakumura
2
310
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Making Projects Easy
brettharned
116
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Language of Interfaces
destraynor
157
25k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
580
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
KATA
mclloyd
29
14k
Code Review Best Practice
trishagee
67
18k
Transcript
Today is Holiday Agile Development
I’m YuTin
Agile 敏捷的 靈活的
資源是有限的 改變 世界 好 呀 畫⼤大餅... 會做不完! 油品要先驗過 要吃苦! 快寫作業
休假需要待命 可 以 當 職 代 嗎 ? 不 要
! 看 不 懂 你 寫 的 程 式 沒有農⺠民的世界奇觀...
⼀一個⼈人⼀一個專案 公司會找⼀一個⼈人鞭策進 度,通常稱作專案控管 ⼀一個⼈人⼀一個專案 ⼀一直蓋 ⼀一個⼈人多個專案 ⼀一起蓋
當專案累計越多, 電腦壞掉產量可能掉1成, 但公司卻沒買 Time Capsule 做備份。 ! 員⼯工⾞車禍產量可能掉7成, 但公司卻沒買 汽⾞車
給你開。 Q:我要離職 A:你不要⾛走 為何不要求加薪呢?
產出的不是碎念囈語,⽽而是⼤大家合作寫出程式碼,不必⽼老闆 指揮、收電⼦子郵件、開無意義的會,便能完成⼯工作。 - 邱慕安的GitHub 冒險之旅 - Inside 硬塞的網路趨勢觀察 ⼀一起完成⼀一件事
怎麼做到的?
先培養默契 Coding Style Framework
SublimeLinter 直覺 單純 平台
紙對摺 同性 異性 ⾃自我 世俗 愉快 虛假 需要解釋 不想穿裙⼦子
積分表 1 2 3 4 5 有 優 沒 AngularJS
ReactJS 效能 模組 ⽂文件 測試 3 4 5 4 4 5 3 3 16 15
講者 場地 kktix FB事件 主題 餐點 發票 剩3週 剩2週 剩1週
標準的流程
⾃自動化測試 Coding… Testing…
None
架構⽂文件化 hackpad gitbook
任務最⼩小化 會員系統 忘記密碼 寄送重設信 產⽣生驗證碼 1day內完成的task
每週⼀一⼩小節 backlog In analysis todo doing waiting for verification done
安全最優先 backlog In analysis todo doing waiting for verification done
hotfix
極⼩小化的branch branch doing
開發的⽇日誌 名稱:達成⺫⽬目的 細節:所以做了哪些修改 git commit 此段程式或者函數 還有哪些等待處理的事項 TO DO
Merge前,先Review Coding Style 更好的⽅方式 缺少的註解
完整的過程,就會是: 架構規劃 切割任務 Doing ⽇日誌 Review Merge Release
FrontEnd ?
View Model Collection Proxy
feature Sketch3
class id 專案的bootstrap 架構⽂文件化 image name
任務最⼩小化 ⾸首⾴頁 登⼊入區塊 區塊Layout 登⼊入按鈕元件 通常這個元件 其他地⽅方也會使⽤用
Layout 很重要
分類 很重要
Design?
adobe PNG SVG
完整的過程,就會是: 架構規劃 切割分類元件 Doing ⽇日誌 Review Merge Release
issue tracking ?
凡事都有「為什麼」 不應該是「我覺得」 我相信有不吵架的愛情