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

3 Like 1 留言 1895 瀏覽

鐵人賽自我挑戰組 DAY 27

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 27 篇

技術 Sass 居然也有 @for 迴圈

For 迴圈，在程式設計這個世界鼎鼎大名，多少人戰死在這裡，我就曾經在這裡跌倒，然後萬劫不復，請詳我之前的故事，這一切是怎麼開始的，我怎麼跑去學了Python。...

Alec ‧ 2019-10-05

0 Like 0 留言 1885 瀏覽

鐵人賽 Modern Web DAY 8

Spring Boot... 深不可測系列第 8 篇

技術 Day 07 - 懶到極致的配置

今日目標，讓一些事自動化吧，Maven auto-reload、Hot reload server、使用 Lombok 簡化 Getter & Sett...

mark0613 ‧ 2022-09-23 ‧團隊那團名要叫什麼？

1 Like 0 留言 1876 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 29 篇

技術 [Day29] 自動化管理Service Worker(Part2)

繼續昨天「針對不同的URL來路由(Routing)到對應的cache策略」，這裡我要將兩種不同的URL分別存入獨立的sub-cache中。第一個為materia...

rehome ‧ 2019-10-14

0 Like 0 留言 1853 瀏覽

鐵人賽 Modern Web DAY 6

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 6 篇

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了！接下來就是打勾之後，我們把信件寄出這個任務了！首先，按照慣例我們來看一下 Docs 的部分，了解一下怎麼把信寄出：...

鳳黃酥 ‧ 2021-09-21

1 Like 0 留言 1847 瀏覽

鐵人賽 Modern Web DAY 21

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 21 篇

技術 [Day21] 了解PWA中的背景同步(Part3)

目前我的整個漸進式網站(PWA)是使用「http-server」這個node package來運行的，不過這也僅在開發階段可行而已。之後為了讓其他用戶也能使用，...

rehome ‧ 2019-10-05

1 Like 0 留言 1846 瀏覽

鐵人賽 Modern Web DAY 10

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 10 篇

技術 [Day10] 在Service Worker中實作Caching(Part3)

來開始實作Dynamic Caching吧到目前為止，我們已經在在install階段中實現了pre-cache靜態資源，現在讓我們也來實作Dynamic C...

rehome ‧ 2019-09-24

0 Like 0 留言 1836 瀏覽

鐵人賽 Modern Web DAY 25

Follow me! 來一場前端技能樹之旅系列第 25 篇

技術 [Day 25 - Modern CSS] 指定CSS作用域，模組化開發 CSS Modules

要在 React 中撰寫 CSS，為元素添加樣式，除了 Styled-components，另外還有一種方式就是 CSS Modules。之前我們提過，在寫 C...

May ‧ 2021-10-08

0 Like 0 留言 1827 瀏覽

鐵人賽 Modern Web DAY 7

Follow me! 來一場前端技能樹之旅系列第 7 篇

技術 [Day 07 - RWD] 跨平台生存之道 — RWD響應式網頁設計

現在越來越多種類的裝置出現，包括電腦、平板、手機，我們會在不同大小的螢幕上瀏覽網頁，究竟網頁要如何在所有設備上，都能顯示適合該裝置的排版模式？在過去會根據裝置來...

May ‧ 2021-09-20

0 Like 0 留言 1825 瀏覽

鐵人賽 Modern Web DAY 27

Follow me! 來一場前端技能樹之旅系列第 27 篇

技術 [Day 27 - 小試身手] Todolist with React (2)

在上一章Todolist with React (1)，建立了專案環境、並且拆離 UI 設定好所有 Component 後，現在就讓我們使用套件 Styled...

May ‧ 2021-10-10

5 Like 1 留言 1796 瀏覽

技術什麼是 HTTP ?

該文章同步發佈於我的部落格也歡迎關注我的 Facebook 以及 Instagram 接收軟體相關的資訊！前言有天在網路上看到一張很有趣的圖片，是關於瀏...

Robert Chang ‧ 2022-02-25

0 Like 0 留言 1783 瀏覽

鐵人賽 Modern Web DAY 28

Follow me! 來一場前端技能樹之旅系列第 28 篇

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

May ‧ 2021-10-11

0 Like 0 留言 1782 瀏覽

鐵人賽 Modern Web DAY 2

用React刻自己的投資Dashboard 系列第 2 篇

技術用React刻自己的投資Dashboard Day2 - 網站Wireframe設計

tags: 2021鐵人賽 React 投資Dashboard內容設計要實際動手製作wireframe之前，先來規劃一下圖表的內容有什麼，一般來說，投資相關的...

Sean Liu ‧ 2021-09-17

1 Like 0 留言 1777 瀏覽

鐵人賽 Modern Web DAY 3

用React刻自己的投資Dashboard 系列第 3 篇

技術用React刻自己的投資Dashboard Day3 - React專案初始架構

tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說，create react app是最好的朋友，可以快速...

Sean Liu ‧ 2021-09-18

1 Like 1 留言 1774 瀏覽

鐵人賽 Modern Web DAY 1

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 1 篇

技術 Day 1 — GAS 能聞嗎？

引言大家好，我是 CXPhoenix ，你可以叫我 Phoenix，或是鳳黃酥，平時都是在學校服務廣大莘(ㄧㄠ)莘(ㄇㄛˊ)學(ㄍㄨㄟˇ)子(ㄍㄨㄞˋ)了解資...

鳳黃酥 ‧ 2021-09-16

0 Like 0 留言 1760 瀏覽

鐵人賽 Modern Web DAY 6

Spring Boot... 深不可測系列第 6 篇

技術 Day 05 - Package By Feature

今日目標，解釋 MVC 架構的詳細分層，並解釋我們之後開發架構。分層在前幾天，小弟僅介紹了 MVC 的基本架構以及其大致功用，今天要來解釋其內部更細的分層，...

mark0613 ‧ 2022-09-21 ‧團隊那團名要叫什麼？

0 Like 0 留言 1755 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 [Day 30] 第二年的鐵人賽：完賽心得

很快的 30 天過去了，終於完賽了，也是第二次參加鐵人賽，去年第一次參加時自己還沒養成寫文章的習慣，多虧了鐵人賽，我才養成了在 Medium 發佈文章記錄學習歷...

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

0 Like 0 留言 1752 瀏覽

鐵人賽 Modern Web DAY 3

JavaScript初心者ノ研究日記。系列第 3 篇

技術三日目：JavaScript 變數　変数ノ章

安安我SONYKO ，怎麼才第三天今天介紹JavaScript 變數，及瀏覽器的編譯機制。レッツゴー！　每個程式語言一開始都要先變數，那變數是幹嘛用的？不覺得...

RIN ‧ 2020-09-16

0 Like 0 留言 1744 瀏覽

鐵人賽 Modern Web DAY 11

Spring Boot... 深不可測系列第 11 篇

技術 Day 10 - Entity Constraints

今日目標，加入各種限制來完善註冊功能。 Validation 我們定義註冊必須滿足一些條件：Email、Username 必須唯一，而且 Password 長度...

mark0613 ‧ 2022-09-26 ‧團隊那團名要叫什麼？

0 Like 0 留言 1728 瀏覽

鐵人賽 Modern Web DAY 30

用React刻自己的投資Dashboard 系列第 30 篇

技術用React刻自己的投資Dashboard Day30 - 股票代號輸入防呆機制

tags: 2021鐵人賽 React 股票代號輸入錯誤當機問題 Day28的文章有提到，當使用者想要輸入股票代號看K線圖時，如果輸入的股票代號是錯誤的，也就是...

Sean Liu ‧ 2021-10-15

0 Like 0 留言 1719 瀏覽

鐵人賽 Modern Web DAY 18

Follow me! 來一場前端技能樹之旅系列第 18 篇

技術 [Day 18 - webpack] 模組化開發好幫手 — 打包工具 webpack

為什麼要使用 webpack？在前一篇文章提到，有愈來愈多開源套件，可以幫助我們加速開發。當功能愈來愈多，將所有程式碼都寫在同一個 JS 檔案中會難以管理。...

May ‧ 2021-10-01

3 Like 1 留言 1712 瀏覽

鐵人賽自我挑戰組 DAY 19

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 19 篇

技術 RWD 做一個左邊固定欄寬右邊自由縮放的版型吧

大家一定常常會看到像是這樣類型的版型，左邊是 menu 的選單，而右邊則是每一則網頁內容，而當我們縮放瀏覽器時，左邊的選單區塊不會有任何變動，縮放的是右邊的網頁...

Alec ‧ 2019-09-27

1 Like 0 留言 1712 瀏覽

鐵人賽 Modern Web DAY 12

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 12 篇

技術 [Day12] Service Worker進階Caching實作(Part2)

Cache then Network Strategies 這個策略算是目前應用場景最為廣泛的。主要目的就是能「從cache中盡快的獲得用戶所需要的資源」，並且...

rehome ‧ 2019-09-26

0 Like 0 留言 1696 瀏覽

鐵人賽 Modern Web DAY 20

Follow me! 來一場前端技能樹之旅系列第 20 篇

技術 [Day 20 - React] 網頁UI組件化 — React component

前情提要：在上一篇現在開始用框架寫網頁 — React，我們學習了如何在 React 使用 JSX 撰寫 Element 呈現出網頁頁面，接下來就會帶著大家將...

May ‧ 2021-10-03

0 Like 0 留言 1694 瀏覽

鐵人賽 Modern Web DAY 5

用React刻自己的投資Dashboard 系列第 5 篇

技術用React刻自己的投資Dashboard Day5 - 多張圖表渲染(Rendering lists)

tags: 2021鐵人賽 React 上一篇只畫了一張圖表，投資怎麼可能只需要看一張圖呢？這邊就再加上兩張圖來看看吧! 更改資料放置位置專案架構圖如下這...

Sean Liu ‧ 2021-09-20

1 Like 0 留言 1671 瀏覽

鐵人賽 Modern Web DAY 16

今晚，我想來點 Web 前端效能優化大補帖！系列第 16 篇

技術 Day16 X Polyfill-less Bundling Script & File Compression

今天是 Build Optimizations 主題的最後一篇了，到目前為止我們已經認識了 Code Splitting, Dynamic Import 還有...

莫力全 Kyle Mo ‧ 2021-10-01 ‧團隊StarBugs 星巴哥技術週刊

1 Like 1 留言 1664 瀏覽

鐵人賽 Modern Web DAY 9

Spring Boot... 深不可測系列第 9 篇

技術 Day 08 - 註冊頁面

今日目標，透過 UserController 接收請求後顯示註冊頁面，並簡單地使用 Thymeleaf。註冊頁面在 user package 底下建立 j...

mark0613 ‧ 2022-09-24 ‧團隊那團名要叫什麼？

1 Like 0 留言 1647 瀏覽

鐵人賽 Modern Web DAY 17

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 17 篇

技術 [Day17] PWA中不可或缺的響應式網頁設計(Part1)

漸進式網頁(PWA)的其中一個目標就是讓網頁「感覺起來」像是手機原生的APP。所以在網頁的設計上必須得適應不同的手機裝置，這種設計方式我們就把它稱之為「響應式網...

rehome ‧ 2019-10-01

0 Like 0 留言 1638 瀏覽

鐵人賽 Modern Web DAY 26

用React刻自己的投資Dashboard 系列第 26 篇

技術用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...

Sean Liu ‧ 2021-10-11

0 Like 0 留言 1612 瀏覽

鐵人賽 Modern Web DAY 23

後端的鉗形攻勢系列第 23 篇

技術 [Day. 22] Codeigniter 註冊/登入實作(3)

昨天我們利用migration的方式新建了資料庫。(昨天測試migration是否有成功執行的echo訊息只是為了方便查看，是可以刪除的~) 接著，我們要利用c...

Dullszy ‧ 2020-10-07

0 Like 0 留言 1601 瀏覽

鐵人賽 Modern Web DAY 19

今晚，我想來點 Web 前端效能優化大補帖！系列第 19 篇

技術 Day19 X Application Shell Architecture

昨天介紹 Service Workers 後我們知道它是 PWA 的要素之一，且也是讓 Web App 實現離線瀏覽的關鍵技術。今天我們將延伸昨天的知識，介紹...

莫力全 Kyle Mo ‧ 2021-10-04 ‧團隊StarBugs 星巴哥技術週刊