JavaScript¶

JavaScriptとは¶

JavaScriptはWebページに動作を追加するためのプログラミング言語である。

HTMLだけでは静的なページしか作れない。

JavaScriptを利用することで、

などが可能になる。

<button onclick="hello()">  
押す  
</button>

function hello() {  
alert("Hello");  
}

let temperature = 25;

if (temperature > 50) {  
console.log("高温");  
}

for(let i = 0; i < 5; i++) {  
console.log(i);  
}

HTML

<p id="status">  
READY  
</p>

JavaScript

document.getElementById("status").textContent = "RUN";

表示内容が変更される。

サーバーへ通信するための機能。

fetch("/api/status")  
.then(response => response.json())  
.then(data => {  
console.log(data);  
});

ブラウザ  
↓  
JavaScript  
↓  
API  
↓  
Node.js  
↓  
UART  
↓  
ALEO

Node.jsはサーバー側でJavaScriptを実行する環境である。

つまり、

フロントエンド  
├─ HTML  
├─ CSS  
└─ JavaScript  

バックエンド  
└─ Node.js

という構成になる。

将来的なACの構成は以下のようになる。

操作者  
↓  
ブラウザ  
↓  
HTML  
↓  
CSS  
↓  
JavaScript  
↓  
Node.js  
↓  
CAN
↓  
ALEO(STM32)

役割分担は以下の通り。