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

0 Like 0 留言 4324 瀏覽

鐵人賽 Modern Web DAY 25

前端工程師一起來種一棵後端技能樹吧！系列第 25 篇

技術 [Day 25] 菜鳥工程師的初次 Open Source Contribution - (1)

鐵人賽剩下 5 天，接下來我想聚焦在一些經驗分享，畢竟除了學習技術以外，適時的採取一些實際行動更能夠快速吸收所學知識與進步。身為軟體工程師， Github 自...

莫力全 Kyle Mo ‧ 2020-10-08 ‧團隊不要搶我隊友

1 Like 0 留言 12348 瀏覽

鐵人賽 Modern Web DAY 24

前端工程師一起來種一棵後端技能樹吧！系列第 24 篇

技術 [Day 24] 初探 Deno — 與 Node.js 的淺比較

為什麼要寫這個主題呢？原因是我想如果前端開發者要接觸後端領域，「通常」會選擇 Node.js ，畢竟不用學另外的語言，npm 開發生態系也是相通的，不過最近出了...

莫力全 Kyle Mo ‧ 2020-10-07 ‧團隊不要搶我隊友

0 Like 0 留言 17304 瀏覽

鐵人賽 Modern Web DAY 23

前端工程師一起來種一棵後端技能樹吧！系列第 23 篇

技術 [Day 23] 淺淺認識 Database Sharding

（這其實是一個很複雜且相對較進階的主題，本篇文章僅供認識這個概念，相關實作範例都是終極簡化版）什麼是 DB Sharding，為什麼需要它 ? 在海量資料的儲...

莫力全 Kyle Mo ‧ 2020-10-06 ‧團隊不要搶我隊友

0 Like 1 留言 55844 瀏覽

鐵人賽 Modern Web DAY 8

前端工程師一起來種一棵後端技能樹吧！系列第 8 篇

技術 [Day 08] Web Server & Nginx — (2)

上一篇文章中，我們了解到 web server 究竟是什麼黑魔法，可以做到什麼事，還有與程式語言跑的 application server 有什麼差異，此篇文章...

莫力全 Kyle Mo ‧ 2020-09-21 ‧團隊不要搶我隊友

2 Like 2 留言 34176 瀏覽

鐵人賽 Modern Web DAY 3

前端開發 30 個問題系列第 3 篇

技術 What is metadata?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-16 ‧團隊Outcome First

3 Like 0 留言 11067 瀏覽

鐵人賽 Modern Web DAY 2

前端開發 30 個問題系列第 2 篇

技術關於 <link> 的兩三事

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-15 ‧團隊Outcome First

4 Like 0 留言 11690 瀏覽

鐵人賽 Modern Web DAY 1

前端開發 30 個問題系列第 1 篇

技術 What is DOCTYPE?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-14 ‧團隊Outcome First

1 Like 0 留言 2144 瀏覽

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

Deno Taiwan臉書社團：https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用三合一：圖解Deno教...

用圖片高效學程式 ‧ 2020-06-08

2 Like 1 留言 2849 瀏覽

鐵人賽 Modern Web DAY 30

React + D3 的正確姿勢系列第 30 篇

技術 Day30-結語

前言不知不覺就到最後一天了，沒想到這次竟然也可以完賽，果然每天屁話個幾句就可以順利產出文章了(X 為了呼應上面所說，所以今天就來當個文章小偷來分類一下這次系列...

陳奕帆 Andy Chen ‧ 2019-10-16

7 Like 2 留言 4431 瀏覽

鐵人賽 Modern Web DAY 30

JavaScript 原力覺醒 - 成為絕地武士之路系列第 30 篇

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的？

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-15 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 2325 瀏覽

鐵人賽 Modern Web DAY 29

React + D3 的正確姿勢系列第 29 篇

技術 Day29-React + D3（二）

前言昨天的文章利用 componentDidMount 結合 D3 ，但相信讀者一定會覺得這樣的寫法又臭又長，而且這個 class 裡面也才寫了一個 comp...

陳奕帆 Andy Chen ‧ 2019-10-15

5 Like 0 留言 6393 瀏覽

鐵人賽 Modern Web

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

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前，仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何？...

Maxwell Alexius ‧ 2020-01-09

0 Like 0 留言 3206 瀏覽

鐵人賽 Modern Web DAY 28

React + D3 的正確姿勢系列第 28 篇

技術 Day28-React + D3（一）

前言前面的文章都介紹完圖表的繪製後，今天終於要回歸主題，把 D3 跟 React 結合在一起了，今天跟明天的文章都會把以前所講的內容做一個統整，假如對 Rea...

陳奕帆 Andy Chen ‧ 2019-10-14

1 Like 0 留言 6145 瀏覽

鐵人賽 Modern Web DAY 29

JavaScript 原力覺醒 - 成為絕地武士之路系列第 29 篇

技術 JS 原力覺醒 Day29 - Set / Map

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-14 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 5580 瀏覽

鐵人賽 Modern Web DAY 28

JavaScript 原力覺醒 - 成為絕地武士之路系列第 28 篇

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-13 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 1 留言 4015 瀏覽

鐵人賽 Modern Web DAY 27

React + D3 的正確姿勢系列第 27 篇

技術 Day27-bubble chart(using D3.js)

前言今天要來介紹本系列文最後一個圖表了，由於鐵人賽時間真的很有限沒辦法介紹全部的圖表，但筆者已經盡量把最常用的幾種圖表都介紹給大家了，相信大家學會這幾種圖表一...

陳奕帆 Andy Chen ‧ 2019-10-13

1 Like 0 留言 5544 瀏覽

鐵人賽 Modern Web

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

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前，仔細想想看迭代器（Iterator）與聚合物（Collection）的差別在哪？迭代器模式要如何實踐？實踐的目的為何？什麼是多型巡訪...

Maxwell Alexius ‧ 2020-01-09

3 Like 0 留言 14500 瀏覽

鐵人賽 Modern Web DAY 27

JavaScript 原力覺醒 - 成為絕地武士之路系列第 27 篇

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-12 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 4753 瀏覽

鐵人賽 Modern Web DAY 26

React + D3 的正確姿勢系列第 26 篇

技術 Day26-donut chart(using D3.js)

前言昨天的文章介紹了圓餅圖，今天要來介紹圓餅圖的變形版：環圈圖，其實筆者自己比較少用圓餅圖，只要是這種要計算數據比例的統計圖現在都改用環圈圖了，至於為什麼會有...

陳奕帆 Andy Chen ‧ 2019-10-12

1 Like 0 留言 5447 瀏覽

鐵人賽 Modern Web DAY 26

JavaScript 原力覺醒 - 成為絕地武士之路系列第 26 篇

技術 JS 原力覺醒 Day26 - 常用 API： setTimeout / setTimeInterval

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-11 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 6474 瀏覽

鐵人賽 Modern Web DAY 25

React + D3 的正確姿勢系列第 25 篇

技術 Day25-pie chart(using D3.js)

前言今天要來介紹一個比較特別的圖表，在前天的文章提到長條圖，用來反映事物分布、集中情況，昨天的文章提到折線圖，用來顯示數據的變化趨勢，但是這些都無法得知單一數...

陳奕帆 Andy Chen ‧ 2019-10-11

0 Like 0 留言 6239 瀏覽

鐵人賽 Modern Web DAY 24

React + D3 的正確姿勢系列第 24 篇

技術 Day24-line chart(using D3.js)

前言在講完長條圖之後接下來要介紹的是折線圖，折線圖也是視覺化中非常重要且基礎的一種圖表，廢話不多說馬上開始今天的文章吧！折線圖折線圖是用直線段將各數據點連...

陳奕帆 Andy Chen ‧ 2019-10-10

1 Like 1 留言 5276 瀏覽

鐵人賽 Modern Web DAY 25

JavaScript 原力覺醒 - 成為絕地武士之路系列第 25 篇

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-10 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 6328 瀏覽

鐵人賽 Modern Web

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

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-25

1 Like 0 留言 2443 瀏覽

鐵人賽 Modern Web DAY 23

React + D3 的正確姿勢系列第 23 篇

技術 Day23-multi bar chart(using D3.js)

前言昨天的文章講完如何繪製長條圖後，今天要來講點進階版的長條圖了，其實說進階也沒到多進階就只是讓同一個 band 可以多畫一些 rect 出來形成多重長條圖而...

陳奕帆 Andy Chen ‧ 2019-10-09

1 Like 0 留言 3430 瀏覽

鐵人賽 Modern Web DAY 24

JavaScript 原力覺醒 - 成為絕地武士之路系列第 24 篇

技術 JS 原力覺醒 Day24 - DOM

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-09 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

2 Like 0 留言 4341 瀏覽

鐵人賽 Modern Web

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

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前，仔細想想看泛用型別的意義是什麼？泛用型別大致上有哪些種類或形式？如果還不清楚可以看一下前一篇文章喔～以下就直接正文開始～泛用...

Maxwell Alexius ‧ 2019-10-23

0 Like 0 留言 5837 瀏覽

鐵人賽 Modern Web DAY 24

一步步帶你了解 AWS & LINE API 並使用 Serverless 介接的各種應用系列第 24 篇

技術 Day 24 - 簡單使用 LINE LIFF API

前言以下就為大家帶來簡單的實作以及如何去使用它。實作在views/下新增一個liff_test.html並加入以下內容 <html> &l...

NiJia ‧ 2019-10-09 ‧團隊HSCA x CHATBOT x SERVERLESS

1 Like 0 留言 3176 瀏覽

鐵人賽 Modern Web DAY 23

JavaScript 原力覺醒 - 成為絕地武士之路系列第 23 篇

技術 JS 原力覺醒 Day23 - Class 語法糖

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Mujing ‧ 2019-10-08 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 3742 瀏覽

鐵人賽 Modern Web DAY 22

React + D3 的正確姿勢系列第 22 篇

技術 Day22-bar chart(using D3.js)

前言從今天開始的文章就正式進入實作的過程啦~ 這次的系列文預計會帶給大家 5 種不一樣的圖表，視覺化是個非常深奧的世界，筆者我也只會一點皮毛而已XD 所以這次...

陳奕帆 Andy Chen ‧ 2019-10-08

技術 [Day 25] 菜鳥工程師的初次 Open Source Contribution - (1)

技術 [Day 24] 初探 Deno — 與 Node.js 的淺比較

技術 [Day 23] 淺淺認識 Database Sharding

技術 [Day 08] Web Server & Nginx — (2)

技術 What is metadata?

技術 關於 <link> 的兩三事

技術 What is DOCTYPE?

技術 【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

技術 Day30-結語

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的？

技術 Day29-React + D3（二）

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

技術 Day28-React + D3（一）

技術 JS 原力覺醒 Day29 - Set / Map

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

技術 Day27-bubble chart(using D3.js)

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

技術 Day26-donut chart(using D3.js)

技術 JS 原力覺醒 Day26 - 常用 API： setTimeout / setTimeInterval

技術 Day25-pie chart(using D3.js)

技術 Day24-line chart(using D3.js)

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

技術 Day23-multi bar chart(using D3.js)

技術 JS 原力覺醒 Day24 - DOM

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

技術 Day 24 - 簡單使用 LINE LIFF API

技術 JS 原力覺醒 Day23 - Class 語法糖

技術 Day22-bar chart(using D3.js)

標記使用者

技術關於 <link> 的兩三事

技術【Deno Taiwan 社群】草創時期，歡迎有志之士一同營造！！

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain