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

4 Like 1 留言 4243 瀏覽

鐵人賽 Modern Web DAY 16

防禦性 CSS - 建立「防患未然」的匠人心態系列第 16 篇

技術【Day16】滾動條 - 避免滾動穿透

情境有時候我們的畫面會需要用到如下圖的 Modal 彈窗：這樣的 Modal 彈窗，他的內容有可能是針對某個地方的額外說明，因此這個說明也有可能會需要詳細...

Taiming ‧ 2022-09-30 ‧團隊光明頂

7 Like 0 留言 2929 瀏覽

鐵人賽 Modern Web DAY 15

防禦性 CSS - 建立「防患未然」的匠人心態系列第 15 篇

技術【Day15】滾動條 - 保留滾動條的空間

情境當我們內容超出頁面的時候，我們會設置滾動條。上個單元中，我們介紹了使用 auto 來設置，避免不需要的時候還出現滾動條： .card { overfl...

Taiming ‧ 2022-09-29 ‧團隊光明頂

1 Like 0 留言 4870 瀏覽

鐵人賽自我挑戰組 DAY 29

[Dot Net Core](圖解系列與常用套件) 系列第 29 篇

技術 [Dot Net Core](常用套件) 29. 外部擴充功能研究範例

承上一節探討，上一節是以抽換模組的狀況下模擬，模組仍依照介面定義的功能來實作。如果能由外部擴充功能，擴充 "額外" 功能，且是非繼承必須...

czxdas ‧ 2022-09-29

1 Like 0 留言 408 瀏覽

鐵人賽自我挑戰組 DAY 14

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 14 篇

技術 Arcade再進化-橫向捲軸遊戲(2)

在上一篇中我們已完成主角及地圖的基本設定啦!!!還沒看得趕快去上篇觀看!!(不可以偷跳級喔!)這篇我們將給主角出點難題，讓一隻小鬼追在他的後方(＃°Д°)拿出全...

小威老師 ‧ 2022-09-29

0 Like 0 留言 860 瀏覽

鐵人賽 Mobile Development DAY 25

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 25 篇

技術讓 Compose 觀察 list item 內值的變化

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-10-01 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 615 瀏覽

鐵人賽 Mobile Development DAY 24

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 24 篇

技術 Compose 實作清單多選

　Medium 好讀版今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...

John Lu ‧ 2022-09-30 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 794 瀏覽

鐵人賽 Mobile Development DAY 23

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 23 篇

技術將 data 和 event 遷移到 ViewModel

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-09-29 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 4995 瀏覽

鐵人賽自我挑戰組 DAY 28

[Dot Net Core](圖解系列與常用套件) 系列第 28 篇

技術 [Dot Net Core](常用套件) 28. 抽換類別模組不重啟服務 - 使用Autofac協助研究範例

有時會思考一個問題，因為系統的複雜度上升，往往變更後更版上線也跟著複雜起來。那如果是微服務呢? 中斷了系統使用外，也要更新好幾個POD。有沒有一條路是可以擴充...

czxdas ‧ 2022-09-28

3 Like 0 留言 1465 瀏覽

鐵人賽 Modern Web DAY 14

防禦性 CSS - 建立「防患未然」的匠人心態系列第 14 篇

技術【Day14】滾動條 - 僅在需要時才顯示滾動條

情境今天我們來討論一個卡片容器的例子：當內容在一般裝況下，我們不會需要滾動條，但是當內容長度過多時，我們會需要滾動調，讓我們在不改變卡片容器大小的狀況下，...

Taiming ‧ 2022-09-28 ‧團隊光明頂

1 Like 0 留言 587 瀏覽

鐵人賽自我挑戰組 DAY 13

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 13 篇

技術 Arcade再進化-迷宮產生器(2)

迷宮產生器上一篇我們做出了二元樹迷宮，並且可以不斷地重新生成但是有沒有可能可以操控角色遊玩迷宮呢? 本篇內容我們今天就來做出可以實際遊玩的迷宮使用方向鍵...

小威老師 ‧ 2022-09-28

2 Like 0 留言 564 瀏覽

鐵人賽自我挑戰組 DAY 12

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 12 篇

技術 Arcade再進化-射擊遊戲(2)

第二章：增加回血功能、增加扣分機制、改變場景大小官方原始版本進化版本以下是使用積木為例第一部分:增加回血功能可以消耗10分，增加一條命。只要分數大於1...

小威老師 ‧ 2022-09-27

4 Like 0 留言 2616 瀏覽

鐵人賽 Modern Web DAY 13

防禦性 CSS - 建立「防患未然」的匠人心態系列第 13 篇

技術【Day13】圖片 - 圖片的最大寬度

情境我們先前也提到一些圖片處理的相關防禦性 CSS，例如關於圖片比例的 object-fit 等等。這些屬性能夠幫助我們在圖片容器改變的時候，防止圖片的比例變...

Taiming ‧ 2022-09-27 ‧團隊光明頂

1 Like 0 留言 426 瀏覽

鐵人賽自我挑戰組 DAY 11

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 11 篇

技術 Arcade再進化-虛擬鍵盤的妙用(2)

第二篇 : 讓虛擬鍵盤做簡單運算本篇會延續第一篇完成的進度繼續進行並介紹如何將輸入的數值做計算成品效果製作教學使用積木首先再...

小威老師 ‧ 2022-09-26

1 Like 0 留言 5104 瀏覽

鐵人賽自我挑戰組 DAY 26

[Dot Net Core](圖解系列與常用套件) 系列第 26 篇

技術 [Dot Net Core](常用套件) 26.套件Autofac於專案中如何快速擴充客製註冊方法

之前討論了 Autofac套件內部是如何運作的，稍微了解整個流程，雖然不是百分百都將所有細節都展現出來，但也可以了解近七、八成的主要執行方式。這篇是探討，利...

czxdas ‧ 2022-09-26

4 Like 0 留言 1207 瀏覽

鐵人賽 Modern Web DAY 12

防禦性 CSS - 建立「防患未然」的匠人心態系列第 12 篇

技術【Day12】圖片 - 圖片上的文字

情境圖片和文字通常是相輔相成的存在。現代的網頁上面有許多的圖片，一方面是為了讓畫面看起來更多元、豐富，另一方面，圖片也能夠幫助瀏覽者一眼看出作者想要表達的內容...

Taiming ‧ 2022-09-26 ‧團隊光明頂

0 Like 0 留言 1048 瀏覽

鐵人賽 Mobile Development DAY 22

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 22 篇

技術 ViewModel 中的狀態

　Medium 好讀版畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料，因此通常連結著 app 架構的其...

John Lu ‧ 2022-09-28 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

4 Like 0 留言 799 瀏覽

鐵人賽 Modern Web DAY 11

防禦性 CSS - 建立「防患未然」的匠人心態系列第 11 篇

技術【Day11】圖片 - 被遺忘的背景重複問題

情境圖片在現代網站上面所扮演的角色越來越重要。我記得有一陣子很常看見大圖片當作網站背景的設計：或是卡片式的排版也總是會需要搭配圖片：你能看見多遠的未來...

Taiming ‧ 2022-09-25 ‧團隊光明頂

3 Like 0 留言 516 瀏覽

鐵人賽自我挑戰組 DAY 10

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 10 篇

技術 Arcade再進化-空島跳躍者(2)

空島跳躍者(2) 上篇內容我們已經做到了基本的跳躍如上若跟不上進度的可以回去複習喔~ 本篇內容在本篇我們會讓角色可以操控以及繪製地圖! 首先讓角色可以...

小威老師 ‧ 2022-09-25

0 Like 0 留言 1145 瀏覽

鐵人賽 Mobile Development DAY 21

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 21 篇

技術可觀察的 MutableList 應用篇

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-09-27 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1134 瀏覽

鐵人賽 Mobile Development DAY 20

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 20 篇

技術可觀察的 MutableList

　Medium 好讀版如果我們想實作從清單刪除日記的行為，首先就是要讓清單可以變動內容。此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純...

John Lu ‧ 2022-09-26 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 804 瀏覽

鐵人賽 Mobile Development DAY 19

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 19 篇

技術 Composition 中的 remember

　Medium 好讀版今天的文章將延續上一篇「生氣紀錄本」的應用，將 remember 的行為以視覺化呈現。還沒讀過的同學，建議可以先到上一篇瀏覽範例程式...

John Lu ‧ 2022-09-25 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

3 Like 1 留言 653 瀏覽

鐵人賽自我挑戰組 DAY 9

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 9 篇

技術 Arcade也能學演算法Ouo!? 演算法遊戲(2)

第二篇：油漆桶遊戲-實作篇大綱遊戲內容製造地圖選擇數字遊戲運作在arcade運作遇到的限制成果預覽選擇數字後可以切換到相對應的顏色...

小威老師 ‧ 2022-09-24

5 Like 0 留言 1613 瀏覽

鐵人賽 Modern Web DAY 9

防禦性 CSS - 建立「防患未然」的匠人心態系列第 9 篇

技術【Day09】內容長度 - 固定的寬度

情境在上一篇當中我們討論了固定高度在某些特定情境下有可能產生內溶溢出的問題。我相信我們的讀者一定也很能夠舉一反三，既然固定高度下，內容過長有可能會溢出，那換個...

Taiming ‧ 2022-09-23 ‧團隊光明頂

3 Like 0 留言 1057 瀏覽

鐵人賽自我挑戰組 DAY 8

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 8 篇

技術 Arcade再進化-橫向捲軸遊戲(1)

談到復古遊戲，你會想到哪個角色？是愛鑽水管的瑪利歐？超Ｑ的泡泡龍？帥炸的魂斗羅？還是把怪物變成雪人的雪人兄弟？你知道嗎？他們都是橫向捲軸遊戲！橫向捲軸遊戲這...

小威老師 ‧ 2022-09-23

6 Like 1 留言 1807 瀏覽

鐵人賽 Modern Web DAY 8

防禦性 CSS - 建立「防患未然」的匠人心態系列第 8 篇

技術【Day08】內容長度 - 固定的高度

情境不知道大家有沒有設計過官網或是活動頁的經驗呢？主頁橫幅(Hero Section)往往是針對網站訪問者遇到的第一視覺頁面，其目的是要提出一個該網站最重要...

Taiming ‧ 2022-09-22 ‧團隊光明頂

3 Like 0 留言 1656 瀏覽

鐵人賽自我挑戰組 DAY 6

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 6 篇

技術 Arcade再進化-迷宮產生器

迷宮產生器迷宮是一種老少咸宜的益智遊戲擁有令人眼花撩亂的路線經過一番思考後，抵達終點總是讓人充滿成就感但每次都要製作新的迷宮，有一點小麻煩有沒有可能...

小威老師 ‧ 2022-09-21

0 Like 0 留言 657 瀏覽

鐵人賽 Mobile Development DAY 18

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 18 篇

技術 Jetpack Compose 中的 state mutation

　Medium 好讀版 remember 會把物件儲存在 Composition 內，當 recomposition 期間 remember 所在的 sco...

John Lu ‧ 2022-09-24 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 827 瀏覽

鐵人賽 Mobile Development DAY 17

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 17 篇

技術頗析 Composition 中的 composable

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-09-23 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 894 瀏覽

鐵人賽 Mobile Development DAY 16

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 16 篇

技術 Composables 的 lifecycle

　Medium 好讀版在今天的文章中，我們來一起瞭解 composable 的 lifecycle，以及 Compose 如何決定 composable...

John Lu ‧ 2022-09-22 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 10615 瀏覽

鐵人賽 Software Development DAY 12

勇闖秘境！探索物件導向背後的設計模式系列第 12 篇

技術【DAY12】Abstract Factory模式 - 升級工廠2.0

昨天我們談到了 Factory模式，工廠可以生產實作同個介面 IShape的各種形狀。假設今天再多一個條件是「顏色」，而店家會去販售特定形狀的卡片搭配特定顏色的...

HowardHuang ‧ 2022-09-23 ‧團隊問一下神奇海螺叫什麼

技術 【Day16】滾動條 - 避免滾動穿透

技術 【Day15】滾動條 - 保留滾動條的空間

技術 [Dot Net Core](常用套件) 29. 外部擴充功能研究範例

技術 Arcade再進化-橫向捲軸遊戲(2)

技術 讓 Compose 觀察 list item 內值的變化

技術 Compose 實作清單多選

技術 將 data 和 event 遷移到 ViewModel

技術 [Dot Net Core](常用套件) 28. 抽換類別模組不重啟服務 - 使用Autofac協助研究範例

技術 【Day14】滾動條 - 僅在需要時才顯示滾動條

技術 Arcade再進化-迷宮產生器(2)

技術 Arcade再進化-射擊遊戲(2)

技術 【Day13】圖片 - 圖片的最大寬度

技術 Arcade再進化-虛擬鍵盤的妙用(2)

技術 [Dot Net Core](常用套件) 26.套件Autofac於專案中如何快速擴充客製註冊方法

技術 【Day12】圖片 - 圖片上的文字

技術 ViewModel 中的狀態

技術 【Day11】圖片 - 被遺忘的背景重複問題

技術 Arcade再進化-空島跳躍者(2)

技術 可觀察的 MutableList 應用篇

技術 可觀察的 MutableList

技術 Composition 中的 remember

技術 Arcade也能學演算法Ouo!? 演算法遊戲(2)

技術 【Day09】內容長度 - 固定的寬度

技術 Arcade再進化-橫向捲軸遊戲(1)

技術 【Day08】內容長度 - 固定的高度

技術 Arcade再進化-迷宮產生器

技術 Jetpack Compose 中的 state mutation

技術 頗析 Composition 中的 composable

技術 Composables 的 lifecycle

技術 【DAY12】Abstract Factory模式 - 升級工廠2.0

標記使用者

技術【Day16】滾動條 - 避免滾動穿透

技術【Day15】滾動條 - 保留滾動條的空間

技術讓 Compose 觀察 list item 內值的變化

技術將 data 和 event 遷移到 ViewModel

技術【Day14】滾動條 - 僅在需要時才顯示滾動條

技術【Day13】圖片 - 圖片的最大寬度

技術【Day12】圖片 - 圖片上的文字

技術【Day11】圖片 - 被遺忘的背景重複問題

技術可觀察的 MutableList 應用篇

技術可觀察的 MutableList

技術【Day09】內容長度 - 固定的寬度

技術【Day08】內容長度 - 固定的高度

技術頗析 Composition 中的 composable

技術【DAY12】Abstract Factory模式 - 升級工廠2.0