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

0 Like 0 留言 781 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

空島跳躍者上篇內容我們已經讓可以控制角色也完成基本的地圖設置。若跟不上進度的可以回去複習喔~ 本篇內容本篇我們將製作遊戲結果的判定及繪製角色動畫及設...

小威老師 ‧ 2022-09-30

0 Like 0 留言 2942 瀏覽

鐵人賽 Mobile Development DAY 27

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

技術 LaunchedEffect 和 rememberUpdatedState

　Medium 好讀版我們想要在 Kimoji App 中新增一個 landing screen，可以用來在背景載入資料。此系列文章是以我的業餘專...

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

0 Like 0 留言 1375 瀏覽

鐵人賽 Mobile Development DAY 26

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

技術從 ViewModel 使用可觀察的資料流

　Medium 好讀版今天的文章中，我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...

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

4 Like 1 留言 7281 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

7 Like 0 留言 4634 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

1 Like 0 留言 5048 瀏覽

鐵人賽自我挑戰組 DAY 29

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

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

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

czxdas ‧ 2022-09-29

1 Like 0 留言 622 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

小威老師 ‧ 2022-09-29

0 Like 0 留言 1212 瀏覽

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

鐵人賽 Mobile Development DAY 24

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

技術 Compose 實作清單多選

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

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

0 Like 0 留言 894 瀏覽

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

鐵人賽自我挑戰組 DAY 28

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

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

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

czxdas ‧ 2022-09-28

3 Like 0 留言 1986 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

1 Like 0 留言 920 瀏覽

鐵人賽自我挑戰組 DAY 13

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

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

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

小威老師 ‧ 2022-09-28

2 Like 0 留言 744 瀏覽

鐵人賽自我挑戰組 DAY 12

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

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

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

小威老師 ‧ 2022-09-27

4 Like 0 留言 3838 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

1 Like 0 留言 597 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

小威老師 ‧ 2022-09-26

1 Like 0 留言 5379 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

czxdas ‧ 2022-09-26

4 Like 0 留言 1534 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

0 Like 0 留言 1314 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 ViewModel 中的狀態

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

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

4 Like 0 留言 1031 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

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

3 Like 0 留言 625 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

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

小威老師 ‧ 2022-09-25

0 Like 0 留言 1324 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術可觀察的 MutableList 應用篇

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

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

0 Like 0 留言 1541 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術可觀察的 MutableList

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

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

0 Like 0 留言 1034 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 Composition 中的 remember

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

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

3 Like 1 留言 776 瀏覽

鐵人賽自我挑戰組 DAY 9

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

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

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

小威老師 ‧ 2022-09-24

5 Like 0 留言 2094 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

3 Like 0 留言 1373 瀏覽

鐵人賽自我挑戰組 DAY 8

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

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

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

小威老師 ‧ 2022-09-23

6 Like 1 留言 2253 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

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

3 Like 0 留言 2048 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

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

小威老師 ‧ 2022-09-21

0 Like 0 留言 895 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 Jetpack Compose 中的 state mutation

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

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

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

技術 LaunchedEffect 和 rememberUpdatedState

技術 從 ViewModel 使用可觀察的資料流

技術 【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

標記使用者

技術從 ViewModel 使用可觀察的資料流

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

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

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

技術將 data 和 event 遷移到 ViewModel

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

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

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

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

技術可觀察的 MutableList 應用篇

技術可觀察的 MutableList

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

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