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

0 Like 0 留言 1338 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 21 - 即時更新房間資訊

今日目標，將房間頁面的資訊透過 WebSocket 串接並即時顯示。 Multicast 當某個房間內的相關資訊改變的時候，比如：房主換人、有人進出造成人數改變...

mark0613 ‧ 2022-10-07 ‧團隊那團名要叫什麼？

0 Like 0 留言 1520 瀏覽

鐵人賽自我挑戰組 DAY 22

30天Java由淺入深系列第 22 篇

技術 Day 22 : Inheritance (2)

Advanced Concept Continuing the theme of category inheritance from yesterday, th...

Chi-Tse Chiang ‧ 2022-10-07

0 Like 0 留言 2269 瀏覽

鐵人賽 DevOps DAY 22

IoT Cloud Computing on robotic vehicle 系列第 22 篇

技術 [虛實整合]FRC NetworkTables的程式設計

在研究FRC組合鍵(Hotkeys)之前，我們先來了解FRC所用來控制的Network Table如何運作。在地端，我們的主要控制車子馬達的程式使用JAVA，...

Ivan ‧ 2022-10-07 ‧團隊台南巷弄美食獵人

0 Like 0 留言 2117 瀏覽

鐵人賽自我挑戰組 DAY 21

30天Java由淺入深系列第 21 篇

技術 Day 21 : Inheritance ( 1 )

Intro The next two days will introduce a very core concept of object-oriented pr...

Chi-Tse Chiang ‧ 2022-10-06

0 Like 0 留言 1255 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day 20 - 房間頁面

今日目標，網址 room 的請求分發、房間頁面。頁面我們依然先搞定頁面的部份，再來處理 Controller。在 templates 底下建立一個 HT...

mark0613 ‧ 2022-10-06 ‧團隊那團名要叫什麼？

0 Like 0 留言 1789 瀏覽

鐵人賽自我挑戰組 DAY 20

30天Java由淺入深系列第 20 篇

技術 Day 20 : Encapsulation

Intro One of the three main characteristics of Java: encapsulation, is a tool th...

Chi-Tse Chiang ‧ 2022-10-05

0 Like 0 留言 1480 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day 19 - 即時顯示房間列表的資料

今日目標，使用 WebSocket 傳遞房間列表資料，並即時的將其顯示在頁面上。 Controller 我們依舊需要在 Controller 負責對定義的 en...

mark0613 ‧ 2022-10-05 ‧團隊那團名要叫什麼？

0 Like 0 留言 1884 瀏覽

鐵人賽自我挑戰組 DAY 19

30天Java由淺入深系列第 19 篇

技術 Day 19 : Modifier

#前言 When faced with large-scale projects or practical needs, the most common app...

Chi-Tse Chiang ‧ 2022-10-04

0 Like 0 留言 1695 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 18 - 房間列表

今日目標，房間列表的頁面、建立和加入房間功能。 Room List 頁面我們首先建立房間列表的頁面以及對應的 Controller 做請求分配，HTML 的部...

mark0613 ‧ 2022-10-04 ‧團隊那團名要叫什麼？

0 Like 0 留言 1776 瀏覽

鐵人賽自我挑戰組 DAY 18

30天Java由淺入深系列第 18 篇

技術 Day 18 : Constructors

介紹 The relationship between classes and objects was shared earlier. When an obje...

Chi-Tse Chiang ‧ 2022-10-03

0 Like 0 留言 1013 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 17 - 記錄使用者的狀態

今日目標，記錄使用者的狀態。先描述使用者的畫面和可操作功能使用者在房間列表的頁面可以看到各個房間點選「加入」後進到該房間的頁面使用者在房間的頁...

mark0613 ‧ 2022-10-03 ‧團隊那團名要叫什麼？

0 Like 0 留言 1958 瀏覽

鐵人賽 Mobile Development DAY 29

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

技術 snapshotFlow：將 Compose 的 state 轉換為 Flow

　Medium 好讀版已經開發了這麼多 Kimoji App 的功能，該埋點了吧！今天的文章會示範在使用者捲動「日記清單」時，觸發一個 side eff...

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

0 Like 0 留言 2465 瀏覽

技術 [筆記] Spring Data JPA 的 N+1 Problem (2)

什麼是 N+1 Query Problem One query for parents and N queries for children 真實世界中的...

timm ‧ 2022-10-02

0 Like 0 留言 1845 瀏覽

技術 [筆記] Spring Data JPA 的 N+1 Problem (1)

究竟什麼是 ORM, JPA, Spring Data JPA, Hibernate 首先從常常讓人一頭霧水的名詞開始，ORM, JPA, Spring Dat...

timm ‧ 2022-10-02

0 Like 0 留言 1745 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 16 - 定義房間

今日目標，定義房間、房間列表。 Room 我們首先定義一個房間應該要有的資訊，房主(owner)、其他成員(guests)、房號(roomId)，再來就實作這個...

mark0613 ‧ 2022-10-02 ‧團隊那團名要叫什麼？

0 Like 0 留言 1754 瀏覽

鐵人賽 Mobile Development DAY 28

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

技術 rememberCoroutineScope

　Medium 好讀版今天的文章中，我們要來實作彈出 ModalBottomSheet 的功能。目前，如果嘗試點擊日記上的選單，不會觸發任何動作。...

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

0 Like 0 留言 3569 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 15 - WebSocket Config

今日目標，配置 WebSocket 設定。既然昨天介紹了 WebSocket 的相關背景知識，那今天當然就是寫 WebSocket 相關的程式了，首先要設定 W...

mark0613 ‧ 2022-10-01 ‧團隊那團名要叫什麼？

0 Like 0 留言 3091 瀏覽

鐵人賽 Mobile Development DAY 27

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

技術 LaunchedEffect 和 rememberUpdatedState

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

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

0 Like 0 留言 1439 瀏覽

鐵人賽 Mobile Development DAY 26

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

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

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

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

0 Like 0 留言 2612 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 14 - 簡介 WebSocket 和遊戲機制

今日目標，介紹 WebSocket 技術、解釋之後如何使用 WebSocket 實作遊戲機制。 WebSocket WebSocket 是一種基於 TCP 的全...

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

0 Like 0 留言 3791 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day 13 - 頁面模板 Thymeleaf Page Layout

今日目標，在頁面檢驗登入、使用 Thymeleaf Page Layout 作為模板，建構網頁。在前端檢驗登入狀態雖然昨天我們在後端的部分檢驗登入狀態，避免...

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

0 Like 0 留言 1295 瀏覽

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

鐵人賽 Mobile Development DAY 24

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

技術 Compose 實作清單多選

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

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

0 Like 0 留言 949 瀏覽

鐵人賽 Mobile Development DAY 23

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

技術將 data 和 event 遷移到 ViewModel

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

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

0 Like 0 留言 2481 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day 12 - 註冊完就要登入

今日目標，實現自定義登入功能。驗證功能在實現自定義功能時，我們會需要有個實例負責儲存使用者的資訊，這個實例就是 UserDetails，並且會有相關 Ser...

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

1 Like 1 留言 3820 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day 11 - Web Security Config

今日目標，設置 web security。 Security 我們需要對網站做一些權限管理，包含登入等行為，就需要先設置 web security config...

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

0 Like 0 留言 2645 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 10 - Entity Constraints

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

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

0 Like 0 留言 1416 瀏覽

鐵人賽 Mobile Development DAY 22

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

技術 ViewModel 中的狀態

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

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

0 Like 0 留言 2806 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 09 - 註冊功能

今日目標，實現註冊功能。註冊功能 UserRepository 在 user package 底下建立 java interface，名稱為 UserRep...

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

0 Like 0 留言 1393 瀏覽

鐵人賽 Mobile Development DAY 21

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

技術可觀察的 MutableList 應用篇

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

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

技術 Day 21 - 即時更新房間資訊

技術 Day 22 : Inheritance (2)

技術 [虛實整合]FRC NetworkTables的程式設計

技術 Day 21 : Inheritance ( 1 )

技術 Day 20 - 房間頁面

技術 Day 20 : Encapsulation

技術 Day 19 - 即時顯示房間列表的資料

技術 Day 19 : Modifier

技術 Day 18 - 房間列表

技術 Day 18 : Constructors

技術 Day 17 - 記錄使用者的狀態

技術 snapshotFlow：將 Compose 的 state 轉換為 Flow

技術 [筆記] Spring Data JPA 的 N+1 Problem (2)

技術 [筆記] Spring Data JPA 的 N+1 Problem (1)

技術 Day 16 - 定義房間

技術 rememberCoroutineScope

技術 Day 15 - WebSocket Config

技術 LaunchedEffect 和 rememberUpdatedState

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

技術 Day 14 - 簡介 WebSocket 和遊戲機制

技術 Day 13 - 頁面模板 Thymeleaf Page Layout

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

技術 Compose 實作清單多選

技術 將 data 和 event 遷移到 ViewModel

技術 Day 12 - 註冊完就要登入

技術 Day 11 - Web Security Config

技術 Day 10 - Entity Constraints

技術 ViewModel 中的狀態

技術 Day 09 - 註冊功能

技術 可觀察的 MutableList 應用篇

標記使用者

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

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

技術將 data 和 event 遷移到 ViewModel

技術可觀察的 MutableList 應用篇