ใฏใฝใขใใช Advent Calendar 2021 1ๆฅ็ฎใฎ่จไบใงใใ
ๅ็ฝฎใ
ใใฏใใใใใใพใใDE-TEIUใงใใ
ใฏใฝใขใใชใ้็บใใชใใจๅนดใ่ถใใชใไฝใซใชใฃใฆใใพใฃใใฎใงไปๅนดใใใฃใฆใใใพใใ
้ๅปใซใขใใใณใใซใฌใณใใผ็จใซไฝใฃใใฏใฝใขใใช
- p5.jsใงไฝใฃใใใกใชใฝใชใใฃใข
- ็ตถๅฏพใซไฝๆฅญใงใใชใไฝๆฅญ็จBGMใตใคใ
- ็คพไผใซไธ็ณใๆใใใฏใฝใขใใช้็บ
- ้ผปๆฏใ็ใใใซใกใฉใขใใช
- ๆ ็ป้คจใฎในใฏใชใผใณใงYouTubeใ่ฆใใใใฏใฝใขใใช
ๆๆ็ฉ
่ชฐใใไบบ็ใฎไธญใงไธๅบฆใฏ้ปๅใซ่งฆใใๆฉไผใใใฃใใจๆใใพใใ
ใใใใๅฎใฏ็ๆงใฎ็ฅใ้ปๅใจใใใฎใฏใๆขใซใฌใใซใๆๅคงใพใงไธใใฃใฆๅฎๆใใใฆใใใใฎใ ใฃใใฎใงใใ
ใจใใใใใงใไปๅใฏ้ปๅใๆ้ทใใฆใใ้็จใไฝ้จใงใใWebใขใใชใ้็บใใพใใใ
้ฉๅฝใซใใฟใณใๆผใใใ่จ็ฎใใใใใใจ็ต้จๅคใๆบใพใฃใฆ้ปๅใฎใฌใใซใไธใใฃใฆใใใพใใ
้ปๅ่ฒๆใทใใฅใฌใผใฟใผ
้ปๅใฎใฌใใซใ
ไธใใฃใใจๆใใพใใๆๅคงใฌใใซใฏ15ใงใใ
่งฃ่ชฌ
ไปฅไธใไปๅไฝฟ็จใใใใฌใผใ ใฏใผใฏใจใฉใคใใฉใชใฎ็ดนไปใงใใ
Svelte
SvelteใจใฏใReactใVueใฎใใใชJavaScriptใใฌใผใ ใฏใผใฏใฎไธ็จฎใงใใในใดใงใซใใจ่ชญใใใใงใใใใๅฐใชใใณใผใ้ใงๅฎ่ฃ ใงใใใใจใๅฃฒใใซใใฆใใใใใชใ็ดๆ็ใซๆธใใใใใซ่จญ่จใใใฆใใพใใ
ใตใณใใซ
ไพใใฐใ2ใคใฎๅ ฅๅๆฌใซ่จญๅฎใใๅคใๅ็ฎใใๆฉ่ฝใๅฎ่ฃ ใใใจไปฅไธใฎใใใซใชใใพใใ
<script>
let val1 = 0;
let val2 = 0;
</script>
<input type="number" bind:value={val1}>
<input type="number" bind:value={val2}>
<p>{val1 + val2}</p>
ๅใใใฎใVueใงๅฎ่ฃ ใใใจใใใชใใพใใ
<template>
<div>
<input type="number" v-model.number="val1">
<input type="number" v-model.number="val2">
<p>{{val1 + val2}}</p>
</div>
</template>
<script>
export default {
data: function() {
return {
val1: 0,
val2: 0,
};
}
};
</script>
ไธ่จใฎ2ใคใฎใณใผใใๆฏ่ผใใใจใSvelteใงใฏใใใคใณใใใใใๅคๆฐใฎๅฎฃ่จใใๆฎ้ใฎJavaScriptใจๅใใใใซletใconstใงๆธใใใใใซใชใฃใฆใใพใใ
Svelteใใฌใผใ ใฏใผใฏ
ไปๅใฎใขใใชใงใฏไฝฟ็จใใฆใใพใใใใReactใซใใใNext.jsใใVueใซใใใNuxt.jsใฎใใใซใSvelteใซใๆฌๆ ผ็ใชWebใขใใชใ้็บใใใใใฎๆฉ่ฝใ่ฒใ
ใจ่ฟฝๅ ใใใใSvelteKitใจใใใใฌใผใ ใฏใผใฏใๅญๅจใใพใใSvelteใซใฏๅ
ใ
Sapperใจใใใใฌใผใ ใฏใผใฏใๅญๅจใใฆใใใฎใงใใใ็พๅจใฏใใใฎ้็บใไธญๆญใใใSvelteKitใฎ้็บใ้ฒใใใใฆใใพใใ
2021/12/01ๆ็นใงใฏใพใ SvelteKitใฏฮฒ็ใงใใใใพใ Next.jsใNuxt.jsใใใฏๆฉ่ฝใใใญใฅใกใณใใๅฐใชใใฃใใใใใฎใงใไฝใใใใทในใใ ใฎ่ฆไปถใซใใฃใฆใฏๆก็จใ้ฃใใใใใใใพใใใใใ ้ๅธธใฎSvelteใจๅๆงใซใSvelteKitใใใชใใทใณใใซใชๆธใๆนใงๅฎ่ฃ
ใงใใใใใซใชใฃใฆใใใใใๅไบบใงๅฐ่ฆๆจกใชWebใขใใชใไฝใใใใใชใๅ้กใชใไฝฟใใใใจๆใใพใใ
bignumber.js
JavaScriptใงใฏใๆฐๅค่จ็ฎ(็นใซๅฐๆฐใๅซใใ ใใฎ)ใฎ้ใใใฐใใฐ่ชคๅทฎใ็บ็ใใพใใ
ไพ๏ผ
JavaScriptใฎๆตฎๅๅฐๆฐ็นๆฐใฏ IEEE754 ใจใใ่ฆๆ ผใซๅใฃใฆๅฎ่ฃ ใใใฆใใใใใใใฎ่ฆๆ ผใซใคใใฆ่ชฟในใใจๆดใซ่ฉณใใๆ ๅ ฑใๅพใใใใใจๆใใพใใไปๅใฎ่จไบใงใฏๅฒๆใใพใใ
ใใฎ่ชคๅทฎใฎ็บ็ใ้ฒใใใใช่จ็ฎๅฆ็ใ่ชๅใงๅฎ่ฃ
ใใใฎใฏๅคงๅคใชใฎใงใไปๅใฏbignumber.jsใจใใใฉใคใใฉใชใไฝฟ็จใใพใใใ
ใชใใจใชใJavaใฎBigDecimalๅใฃใฝใไฝฟใๆนใใงใใพใใญใ
ใคใณในใใผใซ
$ npm install bignumber.js
ไฝฟใๆนไพ
import { BigNumber } from "bignumber.js";
const num = new BigNumber(0.1);
// ๅ ็ฎ
const val1 = num.plus(0.2);
// ๆธ็ฎ
const val2 = num.minus(0.2);
// ไน็ฎ
const val3 = num.multipliedBy(0.2);
//้ค็ฎ
const val4 = num.dividedBy(0.2);
// ่จ็ฎ็ตๆใๆๅญๅๅใใฆๅบๅ
console.log(val1.toString(), val2.toString(), val3.toString(), val4.toString());
// ใซใณใๅบๅใใงๅบๅ
const val5 = new BigNumber(1000000);
console.log(val5.toFormat());
ๅบๅไพ
0.3 -0.1 0.02 0.5
1,000,000
ไปใซใใๅคงๅฐๆฏ่ผใใๅฐๆฐใฎไธธใๅฆ็ใฎ่จญๅฎใใงใใใใใพใใ่ฉณใใใฏAPIๅ็ งใ
ใพใจใ
ๆฎ้ใซๅฎๆใใใ้ปๅใไฝฟใฃใๆนใ่ฏใใงใใญใ
Comments
้ข็ฝใใฃใใงใโช
ๅนๆ้ณใๅ็จฎใจใใงใฏใใใคใคใงใใญ๏ผ๏ผ
ๆฐใซใชใฃใ็น๏ผ
โ ๏ผร๏ผร๏ผใใฎใใใซใ๏ผใใๆใพใใซใใฟใณใๆผใใๅ ดๅใฎๆๅใใ
ใๆๅพ ใใใจใใใจ็ฐใชใใใใชๆฐใใใพใใ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผใๅๆง๏ผ
ใLv15ใพใงไธใใฆใๅคใใใพใใใงใใใ
โกLv14ใ ใใใๅคงใใชใ๏ผใใฎใใฟใณไธใคใ ใใๅ จไฝใซๅ ใใใใฆใใใ
ใใใกใใฏใใฐใฎๅฏ่ฝๆงใ้ซใใจๆใใพใใLv15ใซใใใจๆฒปใใพใใใ
โขLv15ใฎๅ ดๅใฎใใฟใณ้ ็ฝฎใใๅณไธใฎใ๏ผใใฎ้ฃใใCใใฏใ
ใใใ่ฆใใใ้ปๅใฎ้ ็ฝฎใจใฏ็ฐใชใใใใชๆฐใใใพใใใ
ใๆ็ตๆฎต้ใงใฏใ้ ็ฝฎใๆ้ทใใใฆใใใใใงใใ
่ฆๆ๏ผ
Lv1โLv2
ใป๏ผใไฝใใ
Lv2โLv3
ใป๏ผ๏ผใไฝใ
ใฎใใใซใLv่กจ็คบใฎๆจชใซใใใทใงใณใ่กจ็คบใใใ
ใใใทใงใณ้ๆใใใฐไธๆฐใซ็ต้จๅคใMaxใซใชใใ
ใชใฉใฎใฒใผใ ๆงใใใใจใใ้ข็ฝใใใจๆใใพใใใ
ๅฐใชใใใฟใณๆไฝใงใใใทใงใณใฎๆฐใไฝใใฎใๅฐใ ้ ญใไฝฟใใใใงใใ
ใใฎใพใพใใใใฟใณ็ต้จๅคใๆบใพใใใใพใงใฎๆไฝๅๆฐใงใ
ใใใทใงใณใฏใชใขใใใใบใซใฒใผใ ใใซใใชใใใใงใใ
ใใใทใงใณ/ใฏใจในใใฏใRPG็ใชLvUPใจใๆนๅๆงใๅใใฎใงใฏใชใใงใใใใใ
ๆๅใใ่จ็ฎใงใใๆกๆฐใๅคใใฎใใLvupใงๆ้ทใใใใใงใใ
ใใใชใๆกใจใใฆใฏใ่กจ็คบ้จใ็พๅจๅ็ด็ฎ็จๆฐๅญใชใฎใงใ
ๅคๅ ธ้ปๅ็ใชใๆถฒๆถ่กจ็คบใใซใใฆใใไธ้จ่กจ็คบใๆฌ ใใฆใใ็ถๆ ใ
ใงๅงใพใใ่กจ็คบๅฏ่ฝ้ใๆ้ทใใฆใใใชใฉใ
็คพไผใซไธ็ณใๆใใใใใ้ฃๅฐๆฐใๅคใใฆ็ฒใใพใใ(*ยดะ๏ฝ)
ใใญใฐใฉใ ใใใไบบ้ๅดใซ่ฌใชไปไบใใใใใ็บๆณใฎใปใณในใ็ด ๆตใงใโๅฝก
@youwht
ใณใกใณใใใใใจใใใใใพใใ
ไปฅไธๅ็ญใใใใพใใ
โ ่จ็ฎๅฆ็ใฏใใจใใใใใขใใชใๅฎๆใใใใใใซไธ็ชๆฅฝใชๅฎ่ฃ ใซใใ็ตๆใจใใฆใใฎๆๅใซใใพใใใ
็ขบใใซ็พๅฎใฎ้ปๅใ ใจๅ ใซๅ ฅใใๆฐๅผใฎ่จ็ฎ็ตๆใไฟๆใใคใคๆฌกใฎๅ ฅๅใๅใไปใใใใใซใชใฃใฆใใพใใญใ
โกใใกใใฏใใฐใงใฏใชใไปๆงใงใใ
ใใใฏใฝใขใใชๆใๅบใใใใซใใใฆใใใใ่กจ็คบใซใใฆใพใใใ
โข็งใ่ชฟในใ้ใใ ใจ้ปๅใซใใฃใฆใญใผใฎ้ ็ฝฎใใพใกใพใกใ ใฃใใฎใงใๆๅพใฎใญใผ้ ็ฝฎใฏ็ตๆง้ฉๅฝใงใใ
ใใใฏใกใใฃใจ่ฆ็ดใใๆนใ่ฏใๆฐใใใฆใใพใใใ
่ฆๆใซใคใใฆ
็ขบใใซ่ฒใ ใฒใผใ ๆงใๆใใใไบใงๆกๅคใกใใใจ้ในใใขใใชใซใงใใใใงใใญใ
Let's comment your feelings that are more than good