JavaScriptとは。

プログラミング
すみれ
すみれ

先生!!  調べたんですけど、なんか最近巷ではJavaScriptっていうものがバズっているらしいとゆう噂を聞いたんですけども、先生はJavaScriptってご存知ですか?

先生
先生

バズってる訳ではないけども、JavaScriptは様々なWebサイトやWebアプリで使われているプログラミング言語だよ。

すみれ
すみれ

なんですって!! わたくし、そのJavaScriptとゆうものを教えてほしいですわ。

先生
先生

じゃあこれを見れば良いよ。
JavaScript wiki

すみれ
すみれ

では早速みてみますわね。
…………………………………….おいっ!!
難しすぎるだろ!!!

先生
先生

では簡単に解説するね。

すみれ
すみれ

最初からそうしろよ、、

JavaScriptとは

先生
先生

JavaScriptとは、
htmlやcssで作られたWebサイトなどに動きを加えることができる、Webブラウザ上で動作するプログラミング言語なんだ。

すみれ
すみれ

やはり、あまりよくわかりませんわ。
動きを加えるってどうゆうことですの?

先生
先生

そうだね、例えば、





PUSHボタンをクリックすると
背景色が変わるJavaScript。




左右の矢印を押すとdivが
スライドするスライドショー。

すみれ
すみれ

こんなすごいものが作れますの!?

先生
先生

簡単に作れるよ!!
でもいきなりこんなのを作るのは少し大変だから、まずはJavaScriptを読み込んでWebブラウザで実際に動作をさせるところをやってみよう。

JavaScriptを読み込む。

先生
先生

それじゃあhtmlからJavaScriptを読み込む方法を教えるね。

先生
先生

JavaScriptを読み込みたいhtmlファイルと同じフォルダの中に、main.jsというファイルを作成して、htmlのbodyタグの閉じタグの直前に

<script src="main.js"></script>

を記述するんだよ。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <script src="main.js"></script>
</body>
</html>
すみれ
すみれ

簡単ですわね!!!

先生
先生

そして。作成したmain.jsのファイルに

'use strict';

console.log('TEST');

と記述しみてね。

先生
先生

そしてhtmlをブラウザで読み込んで、ブラウザの開発者ツールのコンソールで確認してみよう。

先生
先生

そうするとコンソールにjsファイルに記述したTESTが表示されるようになったよ。

すみれ
すみれ

本当ですわ!!

こんな簡単にJavaScriptが使えるようになるんですわね。

先生
先生

他にもJavaScriptはいろいろなことができるんだけど、それはまた別のお話、、、

すみれ
すみれ

もったいぶんなよ、、、

すみれ
すみれ

ではまた教えてくださいね。

先生
先生

うん、それじゃあまた次回ね。

タイトルとURLをコピーしました