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

0 Like 0 留言 947 瀏覽

鐵人賽 Modern Web

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

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

閱讀本篇文章前，仔細想想看泛用類別與泛用介面結合時的注意事項為何？如果還不清楚可以看一下前一篇文章喔～其實筆者在泛用方面的型別推論與機制並沒有討論很...

Maxwell Alexius ‧ 2019-10-31

1 Like 0 留言 801 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-21

1 Like 0 留言 616 瀏覽

鐵人賽 Software Development

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

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

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

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

0 Like 0 留言 64 瀏覽

鐵人賽 Software Development DAY 30

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

技術 [Day30] 總而言之融會貫通最重要

嗨大家好我是一路爬坡的阿肥雖然是第一次參加有很多不足的地方但是謝謝有訂閱這個系列文章的你們讓阿肥有繼續寫下去的動力之後還有機會的話就繼續再來看我...

阿肥爬坡中 ‧ 2019-10-15

0 Like 0 留言 177 瀏覽

鐵人賽 Software Development DAY 29

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

技術 [Day29] 操作大量資料的好幫手 ─ 迭代器(Iterator) <實作篇>

嗨大家好我是一路爬坡的阿肥昨天晚上搭立榮的飛機回來真心覺得座位大還有飲料可以喝而且只要40幾分就到了已經回不去坐船省錢的堅持啦顧客的資訊先建...

阿肥爬坡中 ‧ 2019-10-14

0 Like 0 留言 123 瀏覽

鐵人賽 Software Development DAY 28

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

技術 [Day28] 操作大量資料的好幫手 ─ 迭代器(Iterator) <模式篇>

嗨大家好我是一路爬坡的阿肥今天要介紹最後一個模式了真的是...太開心啦！今天是澎湖遊最後一天，還是一樣跟大家分享個照片～最想念的應該是漂亮的海水跟夕...

阿肥爬坡中 ‧ 2019-10-13

0 Like 0 留言 79 瀏覽

鐵人賽 Software Development DAY 27

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

技術 [Day27] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <實作篇>

嗨大家好我是一路爬坡的阿肥今天是澎湖遊 Day3，先來分享個照片吧～南海跳島之旅+海洋牧場get開牡蠣技能晚上參加大人們的喝喝大會充實的一天～...

阿肥爬坡中 ‧ 2019-10-12

0 Like 0 留言 86 瀏覽

鐵人賽 Software Development DAY 26

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

技術 [Day26] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <模式篇>

嗨大家好我是一路爬坡的阿肥今天是澎湖遊 Day2，先來分享個照片吧～從民宿就能看到海景情境描述佐藤和肥是在異世界奮鬥多年的冒險者。雖然他的同伴們...

阿肥爬坡中 ‧ 2019-10-11

0 Like 0 留言 201 瀏覽

鐵人賽 Software Development DAY 26

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

技術 Day 26 - 實作練習 - 加入地圖

當我們已經能夠管理所有線上的玩家後，需要再進一步做的處理就是將其他玩家都顯示出來。因此我們要先增一個叫做 join 的指令表示有一個玩家進入了地圖。 Playe...

蒼時弦也 ‧ 2019-10-10

0 Like 0 留言 158 瀏覽

鐵人賽 Software Development DAY 25

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

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

嗨大家好我是一路爬坡的阿肥晚上就要準備搭去澎湖啦！接下來四天阿肥會提醒自己醒來的第一件事不是衝去看海是趕快PO文! 定義各種介面 Data 我們先...

阿肥爬坡中 ‧ 2019-10-10

0 Like 0 留言 214 瀏覽

鐵人賽 Software Development DAY 25

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

技術 Day - 25. 實作練習 - 連線池

到目前為止我們已經能讓遊戲的操作跟伺服器連結起來，可以透過伺服器去管理一些行為的操作。不過要讓其他玩家能夠出現在地圖上，我們就必須調整現階段的程式碼讓伺服器能夠...

蒼時弦也 ‧ 2019-10-09

0 Like 1 留言 168 瀏覽

鐵人賽 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 留言 119 瀏覽

鐵人賽 Software Development DAY 24

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

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

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

阿肥爬坡中 ‧ 2019-10-09

0 Like 0 留言 115 瀏覽

鐵人賽 Software Development DAY 23

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

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

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

阿肥爬坡中 ‧ 2019-10-08

0 Like 0 留言 103 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

Maxwell Alexius ‧ 2019-10-07

0 Like 0 留言 106 瀏覽

鐵人賽 Software Development DAY 22

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

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

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

阿肥爬坡中 ‧ 2019-10-07

0 Like 0 留言 153 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

Maxwell Alexius ‧ 2019-10-06

0 Like 0 留言 79 瀏覽

鐵人賽 Software Development DAY 20

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

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

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

阿肥爬坡中 ‧ 2019-10-05

0 Like 0 留言 101 瀏覽

鐵人賽 Software Development DAY 19

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

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

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

阿肥爬坡中 ‧ 2019-10-04

1 Like 0 留言 177 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

Maxwell Alexius ‧ 2019-10-03

0 Like 0 留言 93 瀏覽

鐵人賽 Software Development DAY 18

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

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

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

阿肥爬坡中 ‧ 2019-10-03

0 Like 0 留言 85 瀏覽

鐵人賽 Software Development DAY 17

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

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

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

阿肥爬坡中 ‧ 2019-10-02

0 Like 0 留言 74 瀏覽

鐵人賽 Software Development DAY 16

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

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

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

阿肥爬坡中 ‧ 2019-10-01

0 Like 0 留言 216 瀏覽

鐵人賽 Software Development DAY 16

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

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

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

蒼時弦也 ‧ 2019-09-30

0 Like 0 留言 110 瀏覽

鐵人賽 Software Development DAY 15

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

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

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

阿肥爬坡中 ‧ 2019-09-30

0 Like 0 留言 71 瀏覽

鐵人賽 Software Development DAY 14

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

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

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

阿肥爬坡中 ‧ 2019-09-29

0 Like 0 留言 69 瀏覽

鐵人賽 Software Development DAY 13

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

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

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

阿肥爬坡中 ‧ 2019-09-28

0 Like 0 留言 147 瀏覽

鐵人賽 Software Development DAY 12

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

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

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

阿肥爬坡中 ‧ 2019-09-27

0 Like 0 留言 261 瀏覽