🎀

JavaScriptとは

2022/12/11に公開

JavaScriptとは

  • プログラミング言語の一つでJavaとは異なるもの
  • 実行環境が主にウェブブラウザに実装されている
  • ウェブブラウザで動作するほぼ唯一のプログラミング言語
  • ウェブページ内で動的な機能を実現できる技術
  • 現代のWebサービス開発には欠かせない
  • Node.jsのようなプラットフォームを使えばサーバーサイドで動作する処理も書ける
  • JSと略されることもある

Webサイトの98%で使われている人気のプログラミング言語

JavaScriptの身近な利用例

  • ウェブページの再読み込みなしで新しいコンテンツを読み込み、サーバーにデータを送信
  • ウェブページの要素のアニメーション、フェードイン•フェードアウト
  • フォーム入力値の動的なチェック

JavaScripの歴史

1990年台後半から開発が始まり頻繁にバージョンアップが繰り返されている!!

ES5とは
ECMAScript(エクマスクリプト)第5版の略
ECMAScriptとはJavaScriptの主な仕様を抜き出して標準化したもの!!

2015年以降毎年新しいバージョンがリリースされ新しい機能が追加されている!
必ずしも新しいバージョンを使えば良いというものではなく、新しすぎるバージョンのJSは、現行のブラウザで動かない場合もある_φ(・_・
ES2015が基本となるバージョン

はじめてのJavaScriptプログラミング

新しいプログラミング言語を学習するときの定番、Hello Worldのプログラムを書いて実行
”Hello World!”とコンソールに出力する

Console.log()関数とは
ブラウザのコンソールに出力する

構文
Console.log(<<<出力したいメッセージを記述>>>);

外部ファイルに記述しよう!

HTMLファイルの中にScriptタグを用意して中にプログラムを書く方法は少量のコードを書いたり、検証や勉強のために使う分には便利

本格的にコードを書く場合にはJavaScriptを記述するだけのファイルを用意して開発することが一般的
見た目の部分とプログラムは別ファイルにして管理することが多い
別にすることでスッキリと整理されるし、チームで制作を行うときに同時並行しての作業もやりやすくなる
デザイナーはHTMlファイルを、
エンジニアはJSファイルを編集
といった感じ

ファイルの拡張子は.jsにするのが一般的
HTML側からmain.jsファイルを読み込んで使用する

'use strict';
他のコードよりも前に記述する!
JavaScriptコード内でuse strict宣言を使用するとそのコードはstrictモードで実行されるようになる(厳格モード)
より厳密なエラーチェックが行われるためこれまでエラーにならなかったような曖昧な実装がエラー扱いになり、コード内に存在する潜在的な問題を早期に発見しやすくなる!
strictモードを設定するのを推奨される


ついにJavaScriptスタート!
金曜土曜あんまできなかった分明日頑張るぞ
パワー💪🏻💪🏻

Discussion

ログインするとコメントできます