iT邦幫忙

typescript相關文章
共有 1029 則文章
鐵人賽 Modern Web DAY 8
派對動物嗨起來! 系列 第 8

技術 D08 - 載入就應該要有載入的樣子

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Software Development DAY 6

技術 Day 6 模組 Pipeline

Day 6 模組 Pipeline 今天來說說我們的 Bot,也就是框架的部分是如何來處理模組的。 使用模組 .use 我們從最簡單的骨架開始,Bot 中會擁...

鐵人賽 Modern Web DAY 6
Hello TypeScript 菜鳥 系列 第 6

技術 Day 5. TypeScript內建的基本型別:any、unknown、void、never

今天來認識 any、unknown、void、never,可能有些人會覺得很眼熟,曾在C++或是Java語言看過,但這些都是JavaScript沒有的型別,而是...

鐵人賽 Modern Web DAY 7
派對動物嗨起來! 系列 第 7

技術 D07 - 開趴前先 loading 一下:使用 Pinia 與 Composition API

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Software Development DAY 5

技術 Day 5 實作 Ping 和 Timing 模組

Day 5 實作 Ping 和 Timing 模組 昨天完全沒有寫到程式,今天就多寫一些吧。 今天來簡單實作一下類 Koa 的 middlewares pipe...

鐵人賽 Modern Web DAY 5
Hello TypeScript 菜鳥 系列 第 5

技術 Day 4. TypeScript 基本型別

Day 4開始要認識TypeScript的型別系統。 TypeScript擴充了JavaScript既有的型別系統,包含基本型別(primitive type)...

鐵人賽 Modern Web DAY 21

技術 [Day21]:自己做說明書 - 宣告檔案 part 2

自己做輪子 任何傻瓜都可以寫出電腦看得懂的程式,但好的程式設計師會寫出人也看得懂的。───────────────────────── By Kent Be...

鐵人賽 Modern Web DAY 6
派對動物嗨起來! 系列 第 6

技術 D06 - 打造遊戲選單按鈕:利用 SVG 產生文字外框

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 4

技術 ESLint、Prettier、TypeScript 等 Next.js 專案基礎設定 - Modern Next.js Blog 系列 #04

這一篇我們來進一步做些 Next.js 專案基本設定,讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定: 新增 .nvmrc 鎖定專案 Node.js...

鐵人賽 Software Development DAY 4

技術 Day 4 模組化

Day 4 模組化 現在多數的 Discord Bot 的概念,都是一個 Bot 對應到多個 Guild,就跟一般人在 Discord 時一樣,一個人加入多個伺...

鐵人賽 Modern Web DAY 4
Hello TypeScript 菜鳥 系列 第 4

技術 Day 3. TypeScript環境設置:編譯組態設定(tsconfig)

Day 2 標題有特別說到是建置TypeScript的預設環境,代表開發者其實可以自行決定Compiler如何檢查與轉換程式碼,而 tsconfig檔案 就是T...

鐵人賽 Modern Web DAY 20

技術 [Day20]:別人的輪子用起來 - 宣告檔案 Part 1

用別人的輪子 別人的輪子用起來等等這輪子的規格好像怪怪的...───────────────────── By Opshell 目標:檔案宣告 今天我...

鐵人賽 Modern Web DAY 19

技術 [Day19]:紅燈停綠燈行 - 型別檢測&Narrowing

紅燈停綠燈行 紅燈停、綠燈行,那黃燈呢?就讓Type Guard(型別檢測)告訴你吧~─────────────────────────── By Opsh...

鐵人賽 Modern Web DAY 5
派對動物嗨起來! 系列 第 5

技術 D05 - 飄吧!多邊形!

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Software Development DAY 3

技術 Day 3 準備部署環境

Day 3 準備部署環境 今天的內容是關於部署環境的準備,我們一樣會使用 Docker 來建立我們的部署環境。 但首先,我們需要先做出一個最簡單的 Discor...

鐵人賽 Modern Web DAY 4

技術 Day 04 可能性之海中的燈火 (Typescript 簡介)

它為了解決什麼問題而生? Javascript 的弱型別特性賦予了開發者相當大的彈性,但也造成了一些語法錯誤無法被直接發現,往往要等到出現 runtime er...

鐵人賽 Modern Web

技術 Trick 30: 平台遊戲的十二項跳躍準則

其實加上第一天的Trick 0,小哈在昨天鐵人賽的文章就已經累積滿三十篇,不過因為系列標題寫著《30個遊戲程設的錦囊妙計》,如果不寫到Trick 30,好像對不...

鐵人賽 Modern Web DAY 3
Hello TypeScript 菜鳥 系列 第 3

技術 Day 2. TypeScript環境設置:建置預設開發環境

Day 2終於要開始接觸TypeScript,在動手打打程式碼之前,要先將開發環境設置成可以使用TypeScript的狀態。 環境設置 首先手邊要有可以支援T...

鐵人賽 Software Development DAY 2

技術 Day 2 開發環境的準備

Day 2 開發環境的準備 今天的內容是關於開發環境的準備,我會跳過安裝程式之類的部分,因為這些教學網路上已經很多了。 重新檢視一下目標,我們需要 Node.j...

鐵人賽 Modern Web DAY 18

技術 [Day18]:小鴨鴨排隊游 - Enum列舉

小鴨鴨排隊游 2022搞笑諾貝爾物理獎:小鴨游泳排隊跟在媽媽後面,「加速相位」寫程式也一樣,排排隊寫起來更快。───────────────────────...

鐵人賽 Modern Web DAY 30

技術 Trick 29: 電競天梯的積分怎麼算才不會糊掉

同學們是否玩過有天梯排名的電競遊戲?有這種賽制的對戰遊戲中,來自四面八方的玩家都可以隨意找對手玩個兩場,並在賽後增減天梯積分,積分越高,越能受到來自其他玩家們景...

鐵人賽 Modern Web DAY 17

技術 [Day17]:泛在一起做撒尿牛丸 - 泛型

泛在一起做撒尿牛丸 爭什麼爭!泛在一起做撒尿牛丸阿,笨蛋────────────────────── By 周星馳 - 食神 目標: Generics(...

鐵人賽 Modern Web DAY 29

技術 Trick 28: 漩渦式地圖搜索演算法

遊戲中把敵人打到戰鬥不能後,敵人不是會噴血、噴錢、噴道具嗎?那同學們知道這些噴出來的東西,在程式中是怎麼選擇降落的位置嗎?該不會以為是亂數隨便選一選的吧!其實小...

鐵人賽 Modern Web DAY 28

技術 Trick 27: 承先啟後的路徑搜尋-A*演算法

前兩天分別介紹了兩種路徑搜尋演算法,《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異,但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子,分...

鐵人賽 Modern Web DAY 27

技術 Trick 26: 狼性的路徑搜尋-貪婪演算法

昨天介紹了一個絕對最佳路徑搜尋法,《戴克斯特拉演算法》,但缺點是效率低,不適合在繁忙的遊戲程式裏運作。於是我們今天要把昨天的演算法稍稍地改一點,變成超高效率的貪...

鐵人賽 Modern Web DAY 2
Hello TypeScript 菜鳥 系列 第 2

技術 Day 1. What is TypeScript?

進入正文以前,想先聊聊輪子(?) 據說輪子出現時,人們都不知道這個東西可作為車輪使用來幫忙搬運重物。 也就是說,當一個新東西出現時,若不知道它的用途也是毫無用武...

鐵人賽 Modern Web DAY 16

技術 [Day16]:大部分解 - class X face

大部分解開始~ 清槍開始、清槍蹲下將槍枝斜舉於左胸膛,檢視藥室內有無子彈───────────────────────── By TW 國軍 目標:In...

鐵人賽 Modern Web DAY 26

技術 Trick 25: 路徑搜尋的鼻祖-戴克斯特拉

一講到遊戲中的路徑搜尋,通常 A* 這個字眼馬上就會浮起來,因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪,我們一步一步來,先從路徑搜尋...

鐵人賽 Modern Web DAY 1
Hello TypeScript 菜鳥 系列 第 1

技術 Day 0. 媽 我參賽了

哈摟,我是剛入門Web領域、目前正在學React的菜鳥,參加鐵人賽的緣由是因為實習寫專案時碰到TypeScript,但當時只看了一咪咪的官方文件的5分鐘Gett...

鐵人賽 Modern Web DAY 25

技術 Trick 24: 重覆播放的環境音同時有三百個會怎樣

遊戲中總有某些音效需要循環播放,像是迴旋鏢在飛行時產生的咻咻聲,小火堆的辟啪聲,牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量,那可能沒什麼問題。但像是Min...