趙健の技術ノート

ITコース JavaScript基礎 035_HelloJavaScript

学習 / JavaScript基礎 約2217文字 · 6分で読める - 回閲覧

JavaScriptは、高水準、動的、オブジェクト指向のプログラミング言語であり、世界で最も人気のあるプログラミング言語の1つです。主にWeb開発に使用されますが、サーバーサイド開発、ゲーム開発、モバイル開発、その他の分野でも広く使用されています。

JavaScriptは、1995年にNetscape社のブレンダン・アイク(Brendan Eich)によって設計・実装されました。当初は「LiveScript」と呼ばれていましたが、後にJavaScriptに改名されました。

1997年、ECMA国際(欧州コンピュータ製造業者協会)がECMAScript標準を発表し、JavaScriptの構文とセマンティクスを定義しました。ECMAScript標準の発表により、JavaScriptは標準化された言語となり、すべての主要ブラウザでサポートされるようになりました。

JavaScriptはJavaとは異なります。名前は似ていますが、2つの異なるプログラミング言語です。JavaScriptは主にフロントエンド開発に使用され、ブラウザで実行されますが、Javaは通常バックエンド開発に使用され、独立したプログラミング言語です。

JavaScriptには以下の主な特徴があります:

  • 学習と使用が簡単:JavaScript構文は比較的シンプルで、プログラミング経験がない人でもすぐに始められます。
  • 動的性: JavaScriptは動的言語であり、変数の型は実行時に動的に変更できます。
  • オブジェクト指向: JavaScriptはオブジェクト指向プログラミング(OOP)の概念をサポートし、カプセル化、継承、ポリモーフィズムを含みます。
  • イベント駆動: JavaScriptは通常、ボタンクリック、テキスト入力などのイベントを処理することでユーザーとの対話を実現します。
  • スクリプト言語: JavaScriptはスクリプト言語であり、通常コンパイルされるのではなくインタープリットされます。これにより、ブラウザで直接実行できます。

時間の経過とともに、JavaScriptは汎用プログラミング言語に発展し、フロントエンド開発だけでなく、サーバーサイド開発(Node.jsを使用)、ゲーム開発、モバイルアプリなどのプログラム開発にも使用されるようになりました。

JavaScriptの他の分野での応用には以下が含まれます:

  • サーバーサイド開発:Node.jsなどのプラットフォームを使用して、JavaScriptでサーバーサイドアプリケーションを開発できます。
  • ゲーム開発:JavaScriptはWebゲームやモバイルゲームの開発に使用できます。
  • モバイル開発:JavaScriptはハイブリッドモバイルアプリケーションの開発に使用できます。

JavaScriptの使い方

内部JavaScript

HTMLドキュメント内で、<script>タグを使用してJavaScriptコードを<head>または<body>タグ内に埋め込みます。このようなスクリプトはページ読み込み時に実行されます。</head>または</body>終了タグの前に挿入することをお勧めします。

例:

<!-- headエリア -->
<script>
alert('Hello 内部JavaScript!');
</script>
<!-- headエリア -->

効果:

例の効果 例の効果

外部JavaScript

JavaScriptコードを独立したファイルに保存し、<script>タグのsrc属性を使用して外部ファイルを参照します。これはコードの再利用とメンテナンスに役立ちます。

例:

<script src="script.js"></script>
alert('Hello 外部JavaScript!');

効果: 例の効果

例の効果

インラインJavaScript

インライン参照は、JavaScriptコードをHTMLタグのイベント属性に直接記述することで、通常シンプルで特定のインタラクションやイベントを処理するために使用されます。例:イベント処理、DOM操作

例:

<a href="javascript:alert('Hello JavaScript!')">JavaScriptテスト</a>

効果:

例の効果 例の効果

共有:

コメント