iT邦幫忙

chameleonultra相關文章
共有 30 則文章
鐵人賽 SideProject30 DAY 30

技術 Day 30 完賽感言

Day 30 完賽感言 這個系列的最後一天,就容許筆者來隨意記錄一下在這個 Side Project 開發過程中發生的一些瑣事吧。 自動發文程式 筆者在 201...

鐵人賽 SideProject30 DAY 29

技術 Day 29 Open Graph Protocol

Day 29 Open Graph Protocol 如果你希望在分享網址時,讓網址能夠顯示出圖片及說明文字,來吸引別人的目光焦點,那你就會需要指定網址的預覽圖...

鐵人賽 SideProject30 DAY 28

技術 Day 28 自動化測試 jest

Day 28 自動化測試 jest 在開源專案中,為了要確保程式碼的品質,並讓使用這個 SDK 的開發者能放心的使用,通常我們會寫一些自動化測試程式。 設定自動...

鐵人賽 SideProject30 DAY 27

技術 Day 27 Sitemap

Day 27 Sitemap 主動製作一個 Sitemap 檔案放在網站上,然後主動填到 Google Search Console 中,或是等 Google...

鐵人賽 SideProject30 DAY 26

技術 Day 26 GitHub Actions

Day 26 GitHub Actions 自從筆者用過 CI/CD 自動化,體驗過自動化的方便性之後就回不去了,所以筆者最近新建立的專案都會撰寫這類的工具設定...

鐵人賽 SideProject30 DAY 25

技術 Day 25 把專案發佈到 npm

Day 25 把專案發佈到 npm 在 JavaScript 的生態圈中,npm 無疑是一個非常重要的工具,畢竟現在開發者如果什麼東西都要重新發明輪子,那大概時...

鐵人賽 SideProject30 DAY 24

技術 Day 24 如何撰寫 README.md

Day 24 如何撰寫 README.md README.md 是開源專案的重要文件之一,每個人看到專案的第一眼就會是它,它可以幫助人們了解專案的目的、功能、如...

鐵人賽 SideProject30 DAY 23

技術 Day 23 使用 typedoc 產生 SDK 文件

Day 23 使用 typedoc 產生 SDK 文件 寫文件雖然很枯燥乏味,但這卻是決定一個專案會不會被外部開發者採用的重要因素之一,所幸網路上有一些工具可以...

鐵人賽 SideProject30 DAY 22

技術 Day 22 建立本地開發用的 HTTPS 伺服器

Day 22 建立本地開發用的 HTTPS 伺服器 瀏覽器對於 Web Serial API 跟 Web Bluetooth API 都有比較高的安全性限制,其...

鐵人賽 SideProject30 DAY 21

技術 Day 21 透過 pug 建立開發測試用網頁

Day 21 透過 pug 建立開發測試用網頁 pug 這個 HTML 樣板引擎是 Express.js 預設的樣板引擎,但它也可以單獨使用,由於筆者很習慣使用...

鐵人賽 SideProject30 DAY 20

技術 Day 20 使用 Rollup 來產生各平台的 Javascript 檔案

Day 20 使用 Rollup 來產生各平台的 Javascript 檔案 為了要讓我們撰寫的 SDK 可以在各平台使用,我們需要透過一些工具來幫我們把 Ty...

鐵人賽 SideProject30 DAY 19

技術 Day 19 Node.js SerialPort

Day 19 Node.js SerialPort Web Serial API 和 Web BLE API 都是瀏覽器的 API,為了讓 Node.js 也能...

鐵人賽 SideProject30 DAY 18

技術 Day 18 Web BLE API

Day 18 Web BLE API ChameleonUltra 也支援透過 BLE 進行連線,雖然 BLE 的傳輸速度會比 Serial 慢,但在 Andr...

鐵人賽 SideProject30 DAY 17

技術 Day 17 Web Serial API

Day 17 Web Serial API 成功組成跟韌體溝通的 protocol 資料後,接下來就是要透過任何 Serial 傳送給 ChameleonUlt...

鐵人賽 SideProject30 DAY 16

技術 Day 16 Buffer 的進階使用技巧 (Part 2)

Day 16 Buffer 的進階使用技巧 (Part 2) 以指定的資料形態讀寫 Buffer 有時候我們會需要以指定的資料形態讀寫 Buffer,例如: c...

鐵人賽 SideProject30 DAY 15

技術 Day 15 Buffer 的進階使用技巧 (Part 1)

Day 15 Buffer 的進階使用技巧 (Part 1) 在使用 Serial 跟硬體溝通的過程中,我們會大量需要操作 Buffer,所以如果對這方面有興趣...

鐵人賽 SideProject30 DAY 14

技術 Day 14 如何以 JS 組成 ChameleonUltra 的 Protocol

Day 14 如何以 JS 組成 ChameleonUltra 的 Protocol 為了要在 JS 上面很精確的組成 ChameleonUltra 的 Pro...

鐵人賽 SideProject30 DAY 13

技術 Day 13 增加開發者體驗的設定

Day 13 增加開發者體驗的設定 通常我會在專案上面設定一些增加開發者體驗的工具,這篇文章打算來介紹一些筆者常用的工具。 dotenv 筆者會在專案上面建立...

鐵人賽 SideProject30 DAY 12

技術 Day 12 建立一個新的 Git 專案

Day 12 建立一個新的 Git 專案 今天筆者打算來分享自己從頭建立這個專案的一些過程,以及筆者自己的一些習慣。 透過 GitHub 建立專案 筆者習慣建立...

鐵人賽 SideProject30 DAY 11

技術 Day 11 中國魔術卡

Day 11 中國魔術卡 在前面的文章我們簡單認識的 Mifare Classic 1k 卡片後,我們來聊聊中國魔術卡這個神奇的小東東吧,但由於筆者只有研究 M...

鐵人賽 SideProject30 DAY 10

技術 Day 10 Mifare Classic 1k 介紹

Day 10 Mifare Classic 1k 介紹 說到台灣常見的 NFC 卡片,Mifare Classic 1k 絕對是榜上有名,因為舊版的悠遊卡、一卡...

鐵人賽 SideProject30 DAY 9

技術 Day 09 與硬體溝通的 Protocol

Day 09 與硬體溝通的 Protocol 接下來的文章中,筆者打算來分享這個專案的建立過程中所需的知識點,以及筆者在這個專案中做過的事。今天我們來認識一下跟...

鐵人賽 SideProject30 DAY 8

技術 Day 08 如何使用 SDK (Part 3)

Day 08 如何使用 SDK (Part 3) ChameleonUltra 這個硬體目前還很新,所以難免會有不穩定或是不相容的情況,這時候如果我們能從除錯訊...

鐵人賽 SideProject30 DAY 7

技術 Day 07 如何使用 SDK (Part 2)

Day 07 如何使用 SDK (Part 2) 筆者在文件內寫的程式碼範例,肯定沒辦法涵蓋到所有的使用情境,這時候我們就會需要查看 Reference 文件,...

鐵人賽 SideProject30 DAY 6

技術 Day 06 如何使用 SDK (Part 1)

Day 06 如何使用 SDK (Part 1) 看了前幾篇的文章之後,不知道讀者是不是迫不及待想試用看看這個 SDK 了呢? 查看專案的 README.md...

鐵人賽 SideProject30 DAY 5

技術 Day 05 示範程式:MFKey32 攻擊

Day 05 示範程式:MFKey32 攻擊 繼續來介紹筆者在這個專案內製作的一些示範用的程式,今天要介紹的這個是可以用來對讀卡機進行 MFKey32 攻擊,網...

鐵人賽 SideProject30 DAY 4

技術 Day 04 示範程式:裝置資訊及設定管理

Day 04 示範程式:裝置資訊及設定管理 先來介紹筆者在這個專案內製作的一些示範用的程式,今天要介紹的這個是可以用來讀取裝置的資訊、管理裝置的設定以及執行一些...

鐵人賽 SideProject30 DAY 3

技術 Day 03 韌體更新

Day 03 韌體更新 要開始玩 ChameleonUltra 的第一步就是要學會如何更新韌體,目前要幫 ChameleonUltra 更新韌體最簡單的方式,就...

鐵人賽 SideProject30 DAY 2

技術 Day 02 專案初步規劃

Day 02 專案初步規劃 這是筆者對這個專案的初步規劃,主要分成幾部分:核心、使用教學與範例、自動建置及開發者體驗、程式工具包。雖然不確定在鐵人賽結束時會完...

鐵人賽 SideProject30 DAY 1

技術 Day 01 緣起

Day 01 緣起 NFC 技術在台灣已經非常普及,舉凡搭乘大眾運輸工具會用到的悠遊卡跟一卡通、信用卡的感應付款、Google Pay、Apple Pay,甚至...