iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1266 瀏覽

鐵人賽 Software Development DAY 24

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 24 篇

技術 [Day24] 每個人都要訂閱的颱風假最新通知 ─ 觀察者(Observer) <模式篇>

嗨大家好我是一路爬坡的阿肥今天上班發現好多人沒來今年的最後一個連假終於要來啦！情境描述不管是上班族還是學生，除了關心國定假日放哪幾天、接下來有...

Yuri Tsai ‧ 2019-10-09

0 Like 0 留言 2275 瀏覽

鐵人賽 Software Development DAY 23

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 23 篇

技術 [Day23] 打造輕鬆編輯的顏文字編輯器吧！ ─ 命令(Command) <實作篇>

嗨大家好我是一路爬坡的阿肥這禮拜四開始就連假啦! 希望有小天使可以幫我生完所有進度定義 Command 的介面與抽象類別我們先以 interfac...

Yuri Tsai ‧ 2019-10-08

3 Like 0 留言 4091 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 41 篇

技術 Day 41. 戰線擴張・模擬戰 — UBike 地圖 X 外觀模式 - Façade Pattern in TypeScript

閱讀本篇文章前，仔細想想看還記得單例模式 Singleton Pattern嗎？今天會用到喔！本篇文承接上一篇文，因此如果是跳到這篇的話可以先從上一篇或...

Maxwell Alexius ‧ 2019-10-21

0 Like 0 留言 1818 瀏覽

鐵人賽 Software Development DAY 22

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 22 篇

技術 [Day22] 打造輕鬆編輯的顏文字編輯器吧！ ─ 命令(Command) <模式篇>

嗨大家好我是一路爬坡的阿肥今天是blue nonday... 不過因為有鐵人賽的加入讓阿肥想blue也沒時間blue啦！情境描述肥醬喜歡在社交軟...

Yuri Tsai ‧ 2019-10-07

1 Like 0 留言 1649 瀏覽

鐵人賽 Software Development DAY 20

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 20 篇

技術 [Day20] 我要輕鬆成為股海高手！ ─ 外觀(Facade) <實作篇>

嗨大家好我是一路爬坡的阿肥昨天因為老毛病發作想說去看中醫結果脖子後面被札了十幾針還被喬到發出喀喀喀的聲音有種比發作時還要可怕的感覺複雜的 API co...

Yuri Tsai ‧ 2019-10-05

0 Like 0 留言 1028 瀏覽

鐵人賽 Software Development DAY 19

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 19 篇

技術 [Day19] 我要輕鬆成為股海高手！ ─ 外觀(Facade) <模式篇>

嗨大家好我是一路爬坡的阿肥最近阿肥的暈眩症又發作啦如果接下來的文章有出現胡言亂語的情況還請多多包涵情境描述大肥是個資深的玩股票高手，使用過不少平...

Yuri Tsai ‧ 2019-10-04

0 Like 0 留言 1567 瀏覽

鐵人賽 Software Development DAY 18

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 18 篇

技術 [Day18] Switch 的各種同捆包統統裝起來 ─ 裝飾者(Decorator) <React 篇>

嗨大家好我是一路爬坡的阿肥最近家裡大人把一些舊的遊戲轉賣發現原來遊戲片可以這麼保值! 準備入手新的遊戲好期待呀 React 中的裝飾者有讀過 Rea...

Yuri Tsai ‧ 2019-10-03

1 Like 0 留言 2774 瀏覽

鐵人賽 Software Development

30天全端手把手學徒計畫-前後端整合之旅系列第 31 篇

技術 [破] 第三堂課:程式設計模式討論與思辯

今日的課程是由我們課程助教Tyson來主講。重點針對於前端的架構設計解析。首先，我們要問怎麼樣才是一個好的程式架構? 很多從junior工程師要進階到s...

Ivan ‧ 2019-10-20 ‧團隊膠原錠與葉黃素

0 Like 0 留言 1272 瀏覽

鐵人賽 Software Development DAY 17

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 17 篇

技術 [Day17] Switch的各種同捆包統統裝起來 ─ 裝飾者(Decorator) <模式篇>

嗨大家好我是一路爬坡的阿肥今天天氣好到不像是颱風剛過一樣希望下禮拜的雙十連假也能像今天這樣晴朗啊(懇求) 情境描述老肥是販賣遊戲的經銷商。因為今年...

Yuri Tsai ‧ 2019-10-02

0 Like 0 留言 1547 瀏覽

鐵人賽 Software Development DAY 16

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 16 篇

技術 [Day16] 一次填好麵線跟拉麵的菜單可以嗎？ ─ 組合(Composite) <React篇>

嗨大家好我是一路爬坡的阿肥有句話說：「該還的還是得還」颱風假的隔天就是償債日工作進度持續繃緊中！ React的組合模式在前端開發中，我們會實作出許...

Yuri Tsai ‧ 2019-10-01

0 Like 0 留言 1732 瀏覽

鐵人賽 Software Development DAY 16

從讀遊戲原始碼學做連線遊戲系列第 16 篇

技術 Day 16 - Singleton 的應用（一）

前面討論了連線遊戲是如何在伺服器跟玩家之間溝通的方法跟行為，不過遊戲跟 Web 和其他應用相比從初期就很快需要面對複雜的狀態問題。也因為這樣遊戲的除錯跟維護相對...

蒼時弦也 ‧ 2019-09-30

0 Like 0 留言 1394 瀏覽

鐵人賽 Software Development DAY 15

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 15 篇

技術 [Day15] 一次填好麵線跟拉麵的菜單可以嗎？ ─ 組合(Composite) <模式篇>

嗨大家好我是一路爬坡的阿肥今天放颱風假比平常開心100倍因為可以有更多時間寫文章啦！情境描述在大肥百貨美食街的麵食區，開著肥肥麵線攤跟壹LAN拉麵...

Yuri Tsai ‧ 2019-09-30

2 Like 0 留言 903 瀏覽

鐵人賽 Software Development DAY 14

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 14 篇

技術 [Day14] 我需要一台喵喵翻譯機 ─ 轉接器(Adapter) <實作篇>

嗨大家好我是一路爬坡的阿肥寫著寫著竟然已經撐兩個禮拜了！果然有參加比賽有差可以訓練自己擺脫三分鐘熱度的壞習慣給個定義我們知道轉接器模式主要的類...

Yuri Tsai ‧ 2019-09-29

0 Like 0 留言 970 瀏覽

鐵人賽 Software Development DAY 13

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 13 篇

技術 [Day13] 我需要一台喵喵翻譯機 ─ 轉接器(Adapter) <模式篇>

嗨大家好我是一路爬坡的阿肥阿肥在寫本篇範例的時候認真地想如果真的有人成功發明出喵喵翻譯機的話應該會造福各地的奴才們然後成為人生勝利組吧情境描述...

Yuri Tsai ‧ 2019-09-28

0 Like 0 留言 5554 瀏覽

鐵人賽 Software Development DAY 12

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 12 篇

技術 [Day12] 前端開發好朋友 ─ Storybook

嗨大家好我是一路爬坡的阿肥今天是Happy Friday! 也是適合寫鐵人賽文章的好日子喔(疑?) Storybook 簡介今天阿肥要先插個花，介紹一...

Yuri Tsai ‧ 2019-09-27

2 Like 2 留言 4631 瀏覽

鐵人賽 Modern Web DAY 29

讓 TypeScript 成為你全端開發的 ACE！系列第 29 篇

技術 Day 29. 機動藍圖・工廠模式 X 抽象工廠 - Factory Method & Abstract Factory Pattern Using TypeScript

閱讀本篇文章前，仔細想想看大致上已經了解抽象類別的運用性質與情境了嗎？另外本篇會延續前一篇的範例，除了可以參考前一篇外，筆者本篇會再進行簡單的敘述！...

Maxwell Alexius ‧ 2019-10-09

0 Like 0 留言 1506 瀏覽

鐵人賽 Software Development DAY 12

從讀遊戲原始碼學做連線遊戲系列第 12 篇

技術 Day 12 - 指令系統 - Unlight 解析指令的陷阱

現在已經從伺服器跟客戶端了解到了發送跟接收的步驟，不過伺服器的如何發送到客戶端並接和處理收似乎是還沒有討論過。不過因為使用相同的規則解析實際上差異並不大。雖然...

蒼時弦也 ‧ 2019-09-26

2 Like 2 留言 3201 瀏覽

鐵人賽 Modern Web DAY 27

讓 TypeScript 成為你全端開發的 ACE！系列第 27 篇

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前，仔細想想看大致上理解策略模式以及應用類別與介面進行實踐。另外本篇會延續上一篇的範例，因此沒有看過可以先翻看前一篇的文章喔！廢話不多說...

Maxwell Alexius ‧ 2019-10-07

0 Like 0 留言 1486 瀏覽

鐵人賽 Software Development DAY 11

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 11 篇

技術 [Day11] BABY 你就是我唯一 ─ 獨體(Singleton)

嗨大家好我是一路爬坡的阿肥今天的文章對阿肥來說好輕鬆呀~ 接下來每個模式都那麼好懂就好了(不可能) 前言在社會、法律道德的規範之下，有些個體希望只存在...

Yuri Tsai ‧ 2019-09-26

0 Like 0 留言 1566 瀏覽

鐵人賽 Software Development DAY 10

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 10 篇

技術 [Day10] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <實作篇>

嗨大家好我是一路爬坡的阿肥今天是鐵人賽的第 10 天，已經過了 1/3 了！最近發現寫文章卡最久的不是寫 code 而是在找歌跟想開場白(整個劃錯重點)...

Yuri Tsai ‧ 2019-09-25

3 Like 0 留言 4453 瀏覽

鐵人賽 Modern Web DAY 26

讓 TypeScript 成為你全端開發的 ACE！系列第 26 篇

技術 Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

閱讀本篇文章前，仔細想想看類別繼承與介面綁定的差別在哪裡？能夠描述它們各自的優缺點嗎？如果還沒理解完畢的話，可以先翻看前一篇的文章喔！筆者本來沒有要...

Maxwell Alexius ‧ 2019-10-06

0 Like 0 留言 1109 瀏覽

鐵人賽 Software Development DAY 9

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 9 篇

技術 [Day9] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <模式篇>

嗨大家好我是一路爬坡的阿肥阿肥在想好今天的標題後... 突然超級嘴饞想吃一蘭決定鐵人賽結束後去吃一波！情境描述肥肥是個標準的哈日族，每年一定會去日本...

Yuri Tsai ‧ 2019-09-24

0 Like 0 留言 1110 瀏覽

鐵人賽 Software Development DAY 8

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 8 篇

技術 [Day8] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <實作篇>

嗨大家好我是一路爬坡的阿肥最近天氣的關係加上拼命寫文章睡眠品質好到一直爬不起來(眼神死) 羨慕一天只需要睡3小時就精神飽滿的人今日文章適合搭配範例專...

Yuri Tsai ‧ 2019-09-23

2 Like 1 留言 5314 瀏覽

鐵人賽 Modern Web DAY 23

讓 TypeScript 成為你全端開發的 ACE！系列第 23 篇

技術 Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

閱讀本篇文章前，仔細想想看還記得存取修飾模式（Access Modifiers）有哪些嗎？你有想過 private 除了類別成員與類別的靜態屬性與方法...

Maxwell Alexius ‧ 2019-10-03

1 Like 0 留言 1220 瀏覽

鐵人賽 Software Development DAY 7

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 7 篇

技術 [Day7] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <模式篇>

嗨大家好我是一路爬坡的阿肥如果看到這篇，表示阿肥撐過了第一個禮拜也就是一個月的 1/4，168 個小時，10080 分，604800 秒！接下來也要繼續...

Yuri Tsai ‧ 2019-09-22

1 Like 0 留言 859 瀏覽

鐵人賽 Software Development DAY 20

為什麼世界需要Typescript 系列第 20 篇

技術狀態模式(State Pattern) - 20

實踐好每一種狀態物件之後, 接下來在VendingMachine 類別物件中, 初始化現在的狀態 class VendingMachine { priva...

閃電妖精 ‧ 2019-09-21

0 Like 0 留言 1461 瀏覽

鐵人賽 Software Development DAY 6

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 6 篇

技術 [Day6] 老闆：來一碗大腸麵線 ─ 工廠方法(Factory Method) <實作篇>

嗨大家好我是一路爬坡的阿肥最近天氣開始有點涼爽，騎車去上班瀏海也不分岔了～上班族小確幸++ 今日文章適合搭配範例專案的packages/day06-c...

Yuri Tsai ‧ 2019-09-21

2 Like 1 留言 2234 瀏覽

鐵人賽 Software Development DAY 6

從讀遊戲原始碼學做連線遊戲系列第 6 篇

技術 Day 06 - 指令系統 - Unlight 的指令處理（一）

在上一篇我們了解指令是如何從封裝後客戶端發送到伺服器，我們依舊不清楚 Unlight 是如何將指令的內容轉換成可以被程式執行的動作。因此我們還需要了解 Unli...

蒼時弦也 ‧ 2019-09-20

0 Like 0 留言 1736 瀏覽

鐵人賽 Software Development DAY 5

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 5 篇

技術 [Day5] 老闆：來一碗大腸麵線 ─ 工廠方法(Factory Method) <模式篇>

嗨大家好我是一路爬坡的阿肥突然想到雙十連假要去澎湖渡假敲開心～(灑花) 啊等一下！(是真的突然想到) 那不就表示就連在澎湖也要記得發文嗎 ? 情境描述...

Yuri Tsai ‧ 2019-09-20

1 Like 0 留言 2208 瀏覽