ITメモ
JavaScript
「Javascript」の基礎知識
「Javascript」とは「Node.js」とは「Ajax」とは「chart.js」とは「Javascript」の使い方「Javascript」の「エラーチェック」をする方法「Javascript」の「変数」「Javascript」の「配列(Array)」「Javascript」の「DOM(Document Object Model)」の「使い方」「Javascript」の「関数 / Function」「Javascript」の「条件分岐・繰り返し」「Javascript」の「イベントハンドラー(Event Handler)」「Javascript」の「文字」を操作する方法「Javascript」の「文字」を検索する方法「Javascript」の「スコープ」「Javascript」の「ファイル操作方法」「Javascript」の「画像操作方法」「Javascript」の「情報」を出力・チェックする方法「Javascript」での「ヒアドキュメント」の使い方「Javascript」の「Built-in Object(ビルトインオブジェクト)」「Javascript」の「ライブラリー / Library」
Reference
数字
「Javascript」で「計算」に誤差が出る時の解決方法
ファイル読み込み
「XMLHttpRequest」オブジェクト - サーバーのファイルを読み込む方法
イベント
ページ読み込み時に「Javascript」を実行する方法画像読み込みが完了してから、次の処理を実行する方法「addEventListener()」の使い方 - イベントが発生したのを検知して実行する方法
要素情報
HTMLタグの「class」属性値を取得、変更する方法「querySelector()」の使い方 - HTML要素の情報を参照・設定する方法「querySelectorAll()」の使い方 - 要素内の指定した子要素を参照・設定する方法「classList」プロパティ - HTMLタグ属性値「class」の情報を参照・確認・追加・削除する方法「getElementById()」の使い方 - HTML要素の情報を「ID名」で参照・設定する方法「getElemetnsByClassName()」の使い方 - HTML要素の情報を「クラス名」で参照・設定する方法「Node.Childnodes」の使い方 - 要素内の子要素を参照・設定する方法「ParentNode.children」の使い方 - 要素内の子要素を参照・設定する方法要素の配置位置を確認する方法
Style関連
スタイル属性(色・線・大きさなど)を参照・変更する方法「getPropertyValue」メソッド - 指定されたCSSプロパティの値などを取得する「getComputedStyle」メソッド - CSSを適用したスタイルを参照する
ページ関連
Webページのタイトルを変更する方法「モニター」情報を取得する方法「ブラウザ」情報を取得する方法「ページ」情報を取得する方法「イベント」情報を取得する方法「マウス」情報を取得する方法
サイズ関連
要素の縦・横サイズを参照・変更する方法「モニター」「ブラウザ」のサイズ情報を取得する方法
端末情報
スマートフォンからのアクセスを識別する方法
Library「jQuery」
【jQuery】とは【jQuery】の書式【jQuery】「Javascript」にリンクさせる方法【jQuery】「Javascript」に記述する方法【jQuery】のオブジェクト【jQuery】「CSS」を参照・設定する方法【jQuery】「HTML」要素の情報を参照・設定する方法【jQuery】「HTML」タグを追加する方法【jQuery】ユーティリティ関数【jQuery】イベントアクションを設定する方法【jQuery】イベントオブジェクト「.on」の使い方【jQuery】読み込み完了してから実行する「.ready」の使い方【jQuery】「Ajax」を使う方法【jQuery】「エフェクト」「アニメーション」を使う方法





【Javascript】「Node.js」とは

【Javascript】
「Node.js」とは







はじめに



「Javascript」の一部である「Node.js」。


いったい「Node.js」と「Javascript」の違いは何かというと、
「Node.js」は、
「Javascript」の1つの機能で、「実行環境」となっている。
「Javascript」が実行できる「環境」を作っているプログラムの総称が「Node.js」。


「Node.js」は、
「Node.js」を「パソコン」に組み込むことで、
「Javascript」で、パソコン上に「実行ファイル」を作成できるようになった。
「Windows」に、
「Python」をインストールすると「python.exe」ができ、
「Python」プログラミングをパソコン上で実行できるように、
「Node.js」をインストールすると「node.exe」ができ、
「Javascript」プログラミングをパソコン上で実行できるようになる。

「Python」「Ruby」と同様に、
「Node.js」によって、
「Javascript」でも「Webアプリケーション」を作成することが可能となる。


Back

「Node.js」とは



「Node.js」は、
「Javascript」で作成した「アプリケーション」などを、
パソコン上で実行できるようにした「実行環境」のことを意味する。


従来、
「Javascript」は、
「HTML」ファイルなどの「HTML」コードの中に、
「Javascript」コードを組み込むことによって、
「ブラウザ」上で実行できた。

「ブラウザ」上でのみ動作すると制限された「Javascript」を、
「Python」「Ruby」のように「パソコン」上でも動作できるようにする
実行環境が「Node.js」。



「Node.js」は、
ダウンロードし、「パソコン」に「インストール」「組み込む」ことで、
「Javascript」で作成した「アプリケーション」「プログラム」などを実行できるようになる。

「Windows」に、
「Python」をインストールすると「python.exe」ができ、
「Python」プログラミングをパソコン上で実行できるように、
「Node.js」をインストールすると「node.exe」ができ、
「Javascript」プログラミングをパソコン上で実行できるようになる。

「node.exe」がインストールされることにより、
「Python」「Ruby」と同様に、
「Node.js」によって、
「Javascript」でも「Webアプリケーション」を作成することが可能となる。


「Node.js」は、
「JavaScript実行環境」で、
「Webサーバ」ではなく、「Rails」「Django」のような「Webフレームワーク」でもない。
「Javascript」を「パソコン」上で実行する「アプリケーション」であり「JavaScript実行環境」となっている。



実行環境言語Webフレームワーク
RubyRuby ・Ruby on Rails
PythonPython ・Django
Node.jsJavaScript ・Express
・Next.js


Back

「Node.js」を「インストール」する方法



「Node.js」を「インストール」するには、
「Node.js公式WEB」にアクセスし、
「Node.js」の「インストール実行ファイル」を「ダウンロード」する。

「ダウンロード」した「インストール実行ファイル」を実行すると、
「インストール画面」が表示されるので、
画面に従って、「インストール」を完了させる。


途中で「End-User License Agreement」という「プライバシーポリシー」の
「同意」を求められるので、
「チェック」を入れて、次へ進む。

他の画面の「チェック」は、特に変更しなくても「インストール」される。



「Node.js」の「インストール」する「手順」


・「Node.js」の「ダウンロードサイト(https://nodejs.org/en)」を開く

・「Node.js」を「ダウンロード」する

・「インストール実行ファイル(node-v20.01.1-x64.msiなど)」を実行する

・「End-User License Agreement」で、
「I accept the terms in the License Agreement」をチェックし「Next」を押す
他は、「ノーチェック」で「Next」を押しても良い

・「Install」を押す

・「Finish」を押して「完了」




Back

「Node.js」の「バージョン」を確認する方法



「Node.js」の「バージョン」を確認するのは、
とても簡単。

「Windows PowerShell」を起動して、
コマンド「node --version」を入力すれば、
インストールされている「Node.js」の「バージョン」が表示される。


「インストール」を確認する方法としても、良く利用される。


「Node.js」の「バージョン」を確認する手順

・「Windows」の「スタートボタン」を「クリック」する

・「Windows PowerShell」を検索する

・「Windows PowerShell」を「実行」する

・「Windows PowerShell」画面に、「確認コマンド」を入力し、「Node.jsのバージョン」を確認する
node --version

・「Node.jsのバージョン」が表示される。
v20.11.1


Back