inputイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【inputイベントの使い方】inputイベントはフォーム(input要素)や選択メニュー(select要素)、テキストエリア(textarea要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。HTMLElementオブジェクトで発生します。【要素属性：oninputにイベントハンドラーを登録した場合】＜label＞名前：＜inputtype="text"oninput="inputChange()"＞＜/label＞＜script＞functioninputChange(){console.log('Change');}＜/script＞【oninputプロパティにイベントハンドラーを登録...JS--inputイベント
changeイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【changeイベントとは】フォーム(input要素)や選択メニュー(select要素)、テキストエリア(textarea要素)にてユーザーの操作によって値が変更されたときに発生するイベント。【onchange属性を使用する場合】＜label＞名前：＜inputtype="text"onchange="inputChange()"＞＜/label＞＜script＞functioninputChange(){console.log('Change');}＜/script＞【onchangeプロパティ】【イベントリスナーを登録した場合】【関数の引数にEventオブジェクトが渡された場合】イベントハンドラやイベントリス...JS--changeイベント
KeyboardEventに含まれるキー情報【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【キーに関するプロパティ】KeyboardEventオブジェクトではイベントが発生したときのキーの情報を参照するためのプロパティが用意されています。・プロパティKeyboardEvent.code押されたキーKeyboardEvent.key押されたキーが表す文字KeyboardEvent.codeはキーボードのどのキーが押されたのかを文字列で返します。それに対してKeyboardEvent.keyは押されたキーが表す文字を文字列で返します。aというキーを単に押したときと、Shift+aを押した場合で結果をみてください。code:KeyA,key:acode:KeyA,key:AKeybo...KeyboardEventで取得できるキー情報
MouseEventオブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【座標に関するプロパティ】MouseEvnetオブジェクトではイベントが発生したときのマウスの座標を表すプロパティが用意されています。座標はどこを原点とするかによっていくつかのプロパティが用意されています。MouseEvent.offsetXイベントが発生した要素の左上を原点とする座標MouseEvent.offsetY同上MouseEvent.clientXブラウザの表示エリア左上を原点とする座標MouseEvent.clientY同上MouseEvent.screenXディスプレイの左上を原点とする座標MouseEvent.screenY同上またブラウザで表示しているWebページが縦または横に長く...JS---MouseEventオブジェクト
JS--mouseenterイベント,mouseleaveイベント
マウスイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mouseenterイベントとは】mouseenterイベントはマウスのカーソルが要素の上に乗った時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:不可キャンセルの可否:不可【mouseleaveイベント】mouseleaveイベントはマウスのカーソルが要素のから離れた時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:不可キャンセルの可否:不可【属性値にイベントハンドラを登録する場合】【要素のプロパティにイベントハンドラを登録する場合】【イベントリスナーの場合】【Eventオブジェクトが渡された場合】サンプルコード「マウスイベント.css」#mybox{wi...JS--mouseenterイベント,mouseleaveイベント
mousemoveイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mousemoveイベントの使い方】mousemoveイベントはマウスのカーソルが要素の上にある状態で、マウスが動いた時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【要素の属性値にイベントハンドラを登録する場合】＜canvasid="mycanvas"onmousemove="mouseMove()"＞＜script＞functionmouseMove(){console.log('MouseMove');}＜/script＞【ノードの要素.プロパティにイベントハンドラを入れる場合】DOMを使って取得した要素のプロパティにイベントハンドラを登録す...js--mousemoveイベント
マウスに関するイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mousedownイベントとmouseupイベントの使い方】・mousedownイベントはマウスのカーソルが要素の上にある状態で、マウスが押された時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能・mouseupイベントはマウスのカーソルが要素の上にある状態で、マウスが押された状態から離された時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【属性値にイベントハンドラを登録した場合】・例文【DOMで得られた要素のプロパティにイベントハンドラを登録する場合】letbutton=document.get...JS--マウスに関するイベント
dblclickイベント：マウスがダブルクリックされたとき【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【dblclickイベントについて】dblclickイベントはマウスのカーソルが要素の上にある状態で、マウスが極めて短い間隔で二回クリックされた時に発生するイベントです。ondblclick属性またはondblclickプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてdblclickを指定してイベントリスナーを登録できます。【dblclickイベントの使い方】Elementオブジェクトで発生します。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能1.要素の属性値にイベントハンドラを登録する場合...JS--dblclickイベント
clickイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【clickイベントの使い方】clickイベントはマウスのカーソルが要素の上にある状態で、マウスが押されたあとで離された時に発生するイベントイベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【onclick属性】要素の属性値にイベントハンドラを登録する場合はonclick属性を使う//属性＝イベントハンドラ＜inputtype="button"value="button"onclick="buttonClick()"＞＜script＞functionbuttonClick(){alert('Click');}＜/script＞【onclickプロパティの場合】DOMを使って取得した要素...JS--clickイベント
イベントをコードから発生させる【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【コードからのイベント発生】イベントはHTTPページをブラウザで見ているユーザーの操作によって発生しますが、プログラムの中で新しいイベントを作成し指定した対象でイベントを発生させることができます。【新しいイベントを作成する】最初に新しいイベントを作成します。作成するにはEventオブジェクトをのコンストラクタを使用します。書式：newEvent(eventtype[,option])1番目の引数にイベントの種類を表す文字列を指定します。既存のイベントを作成する場合は'click'や'mousedown'などを指定します。カスタムイベントを作成する場合は任意の名前を指定してください。省略可能な2番目の引数...JS--イベントをコードから発生させる
デフォルトのキャンセルする【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントに対するデフォルト】HTMLページをブラウザで開いている場合、例えばリンクをクリックすればリンク先のページへ移動したり、チェックボックスをクリックすればチェックされ、マウスホイールを回転すると画面がスクロールするといったデフォルトの動作がいくつか設定されています。EventオブジェクトのpreventDefaultメソッドを使用することで、イベントが発生したときにイベントに対してブラウザで設定されているデフォルトの動作をキャンセルさせることができます。【デフォルトの動作をキャンセルする】EventオブジェクトのpreventDefaultメソッドを使用すると、イベントに対するデフォルトの動作を止め...JS--デフォルトのキャンセルする
イベントの伝搬を中断するには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【キャンセルしたい場合】HTMLページ内でイベントが発生した場合、親要素へとイベントが伝搬していきますが、途中でこれ以上の伝搬を行わないようにイベントの伝搬を停止することができます。また、同じターゲットの同じイベントに対して複数のイベントリスナーを登録できますが、途中で他のまだ呼び出されていないイベントリスナーを呼び出さないように停止することもできます。【イベントの伝搬を止める】EventオブジェクトのstopPropagationメソッドを使用すると、イベントの伝搬を止めることができます。書式：event.stopPropagation()例えばイベントが発生し呼び出されたイベントリスナーの中でこのメソ...JS--イベントの伝搬を中断するには
イベントの伝搬【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントフェーズ】このHTMLページの中の'start'ボタンがクリックされたときに、クリックイベントがどのように発生し、どのように伝搬していくのかを理解する。【フェーズの種類】1、キャプチャリングフェーズ(Capturingphase)2、ターゲットフェーズ(TargetPhase)3，バブリングフェーズ(BubblingPhase)【キャプチャリングフェーズ】HTMLページの中の'start'ボタンがクリックされると、一番最上位のオブジェクトであるWindowオブジェクトでまずclickイベントを発生させ、その後DOMツリーの構造に沿って伝播する。Documentオブジェクト→html要素→、body要素→div...JS--イベントの伝播の流れ：イベントフェーズ
「ブログリーダー」を活用して、職案人さんをフォローしませんか？
フレームワーク：Express【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムNode.js；v20.18.0【Expressとは】Node.jsで利用できるWebアプリケーションフレームワークです。Webアプリケーションとは、インターネット上で利用するサービスを動かすシステムです。フレームワークとは、システム開発時によく使う機能や設計などを予め用意してあるアプリケーションです。つまり、Webアプリケーションを開発する上では、より短いプログラムで効率よく開発することができます。【Express.jsの使い方】1.プロジェクトの作成新しいディレクトリ「myapp」を作成し、そのディレクトリでnpmプロジェクトを初期化します。C:\Users\Owner>d:D:\>mkdirmya...Expressの入門
Node.js【Node.jsとは】Node.jsは、一般的なJavaScriptでサーバーサイドの処理を制御できるように作られたもので大量のアクセスを高速に捌くことができる特徴があります。以前、JavaScriptはユーザーのブラウザ上で動作し、動的なWebページを構築するために使われていました。そして、サーバーサイドではPHPやRubyを使って開発するのが一般的でした。しかし、Node.jsの登場により、サーバー上でもJavaScriptを実行できるようになり、開発者はフロントエンドとバックエンドの両方をJavaScriptで書けるようになり、またモジュール機能によりさまざまな機能を簡単に組み込めるパッケージが公表される様になった。【Node.js＝ランタイム環境】ランタイム環境は、プログラムが動作す...Node.js--インストール編
resizeイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【resizeイベント】resizeイベントはブラウザのウィンドウサイズが変更されたときに発生するイベントです。onresizeプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてresizeを指定してイベントリスナーを登録できます。【resizeイベントの使い方】resizeイベントはページを表示しているブラウザのウィンドウサイズが変更されたときに発生するイベントです。【onresizeプロパティ】windowオブジェクトのプロパティにイベントハンドラを登録する場合イベントハンドラには、無名関数、アロー関数、コールバック関数は使える。【イベントリスナーを登録する場...JS--resizeイベント
beforeunloadイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【beforeunloadイベントとは】→HTMLページが現在のページから他のページへ遷移する直前に発生するイベントです。遷移前のため、確認ダイアログを表示してページの遷移をキャンセルすることができます。onbeforeunloadプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてbeforeunloadを指定してイベントリスナーを登録できます。【beforeunloadイベントの使い方】beforeunloadイベントはHTMLページが現在のページから他のページへ遷移する直前に発生するイベントです。【window.onbeforeunloadプロパテ...beforeunloadイベント
DOMContentLoadedイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【DOMContentLoadedイベントとは】DOMContentLoadedイベントはHTMLページの読み込みが完了しHTMLのパース(解析)が完了してDOMツリーの構築が完了した時点で発生するイベントです。このイベントはaddEventListenerメソッドの引数としてDOMContentLoadedを指定してイベントリスナーを登録してのみ利用できます。【DOMContentLoadedイベントの使い方】DOMContentLoadedイベントはHTMLページの読み込みが完了しHTMLのパース(解析)が完了してDOMツリーの構築が完了した時点で発生するイベントです。【イベントリスナーを...DOMContentLoadedイベント
loadイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【loadイベント】loadイベントはHTMLページに含まれる画像やスタイルシートなどすべてのリソースの読み込みが完了した時点で発生するイベントです。【loadイベントの使い方】loadイベントはHTMLページに含まれる画像やスタイルシートなどすべてのリソースの読み込みが完了した時点で発生するイベントです。【onloadプロパティに、イベントハンドラを登録した場合】windowオブジェクトのプロパティにイベントハンドラを登録する場合はonloadプロパティを使用します。【イベントリスナーを登録する場合】addEventListenerメソッドの一番目の引数には、'load'を指定し、2番目にはイベントハンドラを指定す...loadイベント
copyイベント,cutイベント,pasteイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントの意味】・copyイベント→ブラウザ上でコピー操作を行ったときに発生するイベント・cutイベント→ブラウザ上でカット操作を行ったときに発生するイベント・pasteイベント→ブラウザ上でペースト操作を行ったときに発生するイベント【イベントの使い方】copyイベント、cutイベント、pasteイベントとも、下図の通りで、Elementオブジェクトで発生する。【要素属性値に、イベントハンドラーを登録した場合】※赤字は、属性名＜textareaoncopy="copy()"oncut="cut()"onpaste="paste()"＞＜/textarea＞＜script＞func...copyイベント,cutイベント,pasteイベント
inputイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【inputイベントの使い方】inputイベントはフォーム(input要素)や選択メニュー(select要素)、テキストエリア(textarea要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。HTMLElementオブジェクトで発生します。【要素属性：oninputにイベントハンドラーを登録した場合】＜label＞名前：＜inputtype="text"oninput="inputChange()"＞＜/label＞＜script＞functioninputChange(){console.log('Change');}＜/script＞【oninputプロパティにイベントハンドラーを登録...JS--inputイベント
changeイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【changeイベントとは】フォーム(input要素)や選択メニュー(select要素)、テキストエリア(textarea要素)にてユーザーの操作によって値が変更されたときに発生するイベント。【onchange属性を使用する場合】＜label＞名前：＜inputtype="text"onchange="inputChange()"＞＜/label＞＜script＞functioninputChange(){console.log('Change');}＜/script＞【onchangeプロパティ】【イベントリスナーを登録した場合】【関数の引数にEventオブジェクトが渡された場合】イベントハンドラやイベントリス...JS--changeイベント
KeyboardEventに含まれるキー情報【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【キーに関するプロパティ】KeyboardEventオブジェクトではイベントが発生したときのキーの情報を参照するためのプロパティが用意されています。・プロパティKeyboardEvent.code押されたキーKeyboardEvent.key押されたキーが表す文字KeyboardEvent.codeはキーボードのどのキーが押されたのかを文字列で返します。それに対してKeyboardEvent.keyは押されたキーが表す文字を文字列で返します。aというキーを単に押したときと、Shift+aを押した場合で結果をみてください。code:KeyA,key:acode:KeyA,key:AKeybo...KeyboardEventで取得できるキー情報
MouseEventオブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【座標に関するプロパティ】MouseEvnetオブジェクトではイベントが発生したときのマウスの座標を表すプロパティが用意されています。座標はどこを原点とするかによっていくつかのプロパティが用意されています。MouseEvent.offsetXイベントが発生した要素の左上を原点とする座標MouseEvent.offsetY同上MouseEvent.clientXブラウザの表示エリア左上を原点とする座標MouseEvent.clientY同上MouseEvent.screenXディスプレイの左上を原点とする座標MouseEvent.screenY同上またブラウザで表示しているWebページが縦または横に長く...JS---MouseEventオブジェクト
マウスイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mouseenterイベントとは】mouseenterイベントはマウスのカーソルが要素の上に乗った時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:不可キャンセルの可否:不可【mouseleaveイベント】mouseleaveイベントはマウスのカーソルが要素のから離れた時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:不可キャンセルの可否:不可【属性値にイベントハンドラを登録する場合】【要素のプロパティにイベントハンドラを登録する場合】【イベントリスナーの場合】【Eventオブジェクトが渡された場合】サンプルコード「マウスイベント.css」#mybox{wi...JS--mouseenterイベント,mouseleaveイベント
mousemoveイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mousemoveイベントの使い方】mousemoveイベントはマウスのカーソルが要素の上にある状態で、マウスが動いた時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【要素の属性値にイベントハンドラを登録する場合】＜canvasid="mycanvas"onmousemove="mouseMove()"＞＜script＞functionmouseMove(){console.log('MouseMove');}＜/script＞【ノードの要素.プロパティにイベントハンドラを入れる場合】DOMを使って取得した要素のプロパティにイベントハンドラを登録す...js--mousemoveイベント
マウスに関するイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【mousedownイベントとmouseupイベントの使い方】・mousedownイベントはマウスのカーソルが要素の上にある状態で、マウスが押された時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能・mouseupイベントはマウスのカーソルが要素の上にある状態で、マウスが押された状態から離された時に発生するイベントです。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【属性値にイベントハンドラを登録した場合】・例文【DOMで得られた要素のプロパティにイベントハンドラを登録する場合】letbutton=document.get...JS--マウスに関するイベント
dblclickイベント：マウスがダブルクリックされたとき【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【dblclickイベントについて】dblclickイベントはマウスのカーソルが要素の上にある状態で、マウスが極めて短い間隔で二回クリックされた時に発生するイベントです。ondblclick属性またはondblclickプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてdblclickを指定してイベントリスナーを登録できます。【dblclickイベントの使い方】Elementオブジェクトで発生します。イベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能1.要素の属性値にイベントハンドラを登録する場合...JS--dblclickイベント
clickイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【clickイベントの使い方】clickイベントはマウスのカーソルが要素の上にある状態で、マウスが押されたあとで離された時に発生するイベントイベントの種類:MouseEventバブリングの可否:可能キャンセルの可否:可能【onclick属性】要素の属性値にイベントハンドラを登録する場合はonclick属性を使う//属性＝イベントハンドラ＜inputtype="button"value="button"onclick="buttonClick()"＞＜script＞functionbuttonClick(){alert('Click');}＜/script＞【onclickプロパティの場合】DOMを使って取得した要素...JS--clickイベント
イベントをコードから発生させる【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【コードからのイベント発生】イベントはHTTPページをブラウザで見ているユーザーの操作によって発生しますが、プログラムの中で新しいイベントを作成し指定した対象でイベントを発生させることができます。【新しいイベントを作成する】最初に新しいイベントを作成します。作成するにはEventオブジェクトをのコンストラクタを使用します。書式：newEvent(eventtype[,option])1番目の引数にイベントの種類を表す文字列を指定します。既存のイベントを作成する場合は'click'や'mousedown'などを指定します。カスタムイベントを作成する場合は任意の名前を指定してください。省略可能な2番目の引数...JS--イベントをコードから発生させる
デフォルトのキャンセルする【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントに対するデフォルト】HTMLページをブラウザで開いている場合、例えばリンクをクリックすればリンク先のページへ移動したり、チェックボックスをクリックすればチェックされ、マウスホイールを回転すると画面がスクロールするといったデフォルトの動作がいくつか設定されています。EventオブジェクトのpreventDefaultメソッドを使用することで、イベントが発生したときにイベントに対してブラウザで設定されているデフォルトの動作をキャンセルさせることができます。【デフォルトの動作をキャンセルする】EventオブジェクトのpreventDefaultメソッドを使用すると、イベントに対するデフォルトの動作を止め...JS--デフォルトのキャンセルする
イベントの伝搬を中断するには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【キャンセルしたい場合】HTMLページ内でイベントが発生した場合、親要素へとイベントが伝搬していきますが、途中でこれ以上の伝搬を行わないようにイベントの伝搬を停止することができます。また、同じターゲットの同じイベントに対して複数のイベントリスナーを登録できますが、途中で他のまだ呼び出されていないイベントリスナーを呼び出さないように停止することもできます。【イベントの伝搬を止める】EventオブジェクトのstopPropagationメソッドを使用すると、イベントの伝搬を止めることができます。書式：event.stopPropagation()例えばイベントが発生し呼び出されたイベントリスナーの中でこのメソ...JS--イベントの伝搬を中断するには
イベントの伝搬【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントフェーズ】このHTMLページの中の'start'ボタンがクリックされたときに、クリックイベントがどのように発生し、どのように伝搬していくのかを理解する。【フェーズの種類】1、キャプチャリングフェーズ(Capturingphase)2、ターゲットフェーズ(TargetPhase)3，バブリングフェーズ(BubblingPhase)【キャプチャリングフェーズ】HTMLページの中の'start'ボタンがクリックされると、一番最上位のオブジェクトであるWindowオブジェクトでまずclickイベントを発生させ、その後DOMツリーの構造に沿って伝播する。Documentオブジェクト→html要素→、body要素→div...JS--イベントの伝播の流れ：イベントフェーズ
値が整数かどうかを調べるには【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【Number.isIntegerメソッド】対象の値が整数かどうかを調べてtrueまたはfalseを返します・書式Number.isInteger(値)サンプルNumber.isInteger(428);trueNumber.isInteger(16.5);falseNumber.isInteger(16.0);trueNumber.isInteger(NaN);false整数についてはtrue、浮動小数点数についてはfalse、NaNやInfinityもfalseとなります。値が数値型でない場合はすべてfalseとなります。Number.isInteger('78');falseNumber.isIn...値が整数かどうかを調べる
Number.isFinite【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【Number.isFiniteメソッドとは】対象の値が有限かつデータ型が数値型かどうかを調べてtrueまたはfalseを返します。・書式Number.isFinite(値)引数に指定した値が有限の値かどうかを調べます。値がNaN、正の無限大(Infinity)、負の無限大(-Infinity)であればfalse、それ以外はtrueを返します。値が数値型ではない場合はすべてfalseとなります。サンプルNumber.isFinite(Infinity);falseNumber.isFinite(-Infinity);falseNumber.isFinite(NaN);false【isFinite関数と...静的メソッド--Number.isFinite
静的メソッドNumber.isNaN【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【Number.isNaNとは】このメソッドは、対象の値がNaNかつデータ型が数値型かどうかを調べてtrueまたはfalseを返します・書式Number.isNaN(値)引数に指定した値がNaNで、かつ数値型かどうかを調べます。値が数値型ではない場合はすべてfalseとなります。※NaNは特殊な値で、等価演算子である==や===でNaN自身と等しいかどうか調べてもfalseとなるため等価演算子でNaNかどうかを調べることはできません。サンプルconsole.log(NaN==NaN);falseconsole.log(NaN===NaN);falseNumber.isNaN(NaN);trueN...静的メソッド--Number.isNaN
Number.parseFloat【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【parseFloatとは】文字列を浮動小数点数に変換した値を返します。・書式Number.parseFloat(文字列[,基数])引数に指定した文字列を浮動小数点数に変換します。引数が文字列でない場合→文字列に変換したあとで浮動小数点数に変換されます文字列の浮動小数点数への変換は次のように行われます1）文字列の先頭にある空白を取り除きます2）先頭に'+'または'-'がある場合は符号として扱います3）数値でない文字が現れる直前までの文字列を浮動小数点数に変換しますNumber.parseFloat("42.25");42.25Number.parseFloat('-1.75per');-1.75N...静的メソッド--Number.parseFloat
Number.parseInt【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【parseIntメソッド】文字列を整数に変換した値を返しますメソッド・書式Number.parseInt(文字列[,基数])→1番目の引数に指定した文字列を整数に変換します。引数が文字列でない場合は文字列に変換したあとで整数に変換されます。省略可能な2番目の引数で整数の基数を指定することができます(10進数の場合は10です)。2から36までの数値で指定します。・サンプルNumber.parseInt('42',10);42Number.parseInt('-84cm',10);-84Number.parseInt('3FDCKA',16);16348Number.parseInt('MOnth12'...静的メソッド--Number.parseInt
toLocaleString【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【toLocaleStringメソッドとは】指定したロケールにあわせて対象の数値を文字列に変換した値を返しますメソッド・書式数値.toLocaleString([ロケール[,オプション]])数値を引数に指定したロケールに合わせた形に変換したあと、そのあとで文字列に変換した値を返します。引数を省略した場合はデフォルトロケールが指定されたものとして扱われます。サンプルletnum=8242.56;console.log(num.toLocaleString());8,242.56undefinedconsole.log(num.toLocaleString('ja-JP'));8,242.56undefin...インスタンスメソッド5--toLocaleString
息子介護物語-エピソード59（令和5年9月）【被介護者】母：90才要介護3身長/体重；153/38認知度：中位であるが、見当障害の為、被害妄想がひどくなって来た。また、運動不足に依る筋力低下や、食事量（80g）低下が見られる。また、傾眠傾向でもある。特に、子供がいる妄想を起こす。排尿は、30分置き【DS（デイサービス）】1回/週（火曜（半日））：9月で終わり敬愛会のきらら【DK（デイケア）】1回/週（土曜日）さくら（加須東病院内）【ショートステイ】敬愛会のふれ愛の里：不定期※デイサービスのサービス目的は、利用者が自宅で自立した日常生活を送ることができるように支援することで、日常生活の介護を中心に力を入れているサービスです。一方、デイケアのサービス目的は、身体機能の回復・意地、日常生活の回復、認知機能の改善...息子介護物語-エピソード59（令和5年9月）
toPrecision【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【toPrecision】対象の数値の有効桁数を指定し、そのあとで数値を文字列に変換した値を返します・書式数値.toPrecision([有効桁数])[数値の有効桁数]を引数に指定した値に変更し、そのあとで文字列に変換した値を返します。引数を省略した場合は、数値の有効桁数を変更せずに文字列に変換した値を返します。サンプルletnum=34.5642;console.log(num.toPrecision());34.5642console.log(num.toPrecision(3));34.6console.log(num.toPrecision(5));34.564console.log(num.toPr...インスタンスメソッド---toPrecision
toFixed【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【toFixedとは】対象の数値を固定小数点数形式で表した文字列を返すメソッド・書式数値.toFixed([小数点の後の桁数])※引数を省略した場合のデフォルト値になる。デフォルト値＝0サンプルletnum=34.5642;console.log(num.toFixed());35console.log(num.toFixed(1));34.6console.log(num.toFixed(3));34.564console.log((48).toFixed(2));//数値を括弧で囲う48.00インスタンスメソッド3--toFixed
toExponential【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【toExponential】このメソッドは、数値を指数形式で表した文字列を取得することができます。・書式数値.toExponential([小数点の後の桁数])小数点数の前の桁は1、小数点の後の桁は引数で指定した数となりますサンプルletnum=728.52;console.log(num.toExponential());7.2852e+2letnum=728.52;console.log(num.toExponential(2));7.29e+2console.log((48).toExponential(2));//数値を括弧で囲う4.80e+1インスタンスメソッド2---toExponential
インスタンスメソッド（toString）【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【toStringメソッド】toStringメソッドは、Numberオブジェクトのインスタンスメソッドで、対象の数値を指定した基数の形式で表した文字列を返す・書式数値.toString([基数])※基数は進数を表す例文1例文2インスタンスメソッド1--toString
オブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【オブジェクトの基本的な使い方】オブジェクトではデータをプロパティ名(キー)と値のペアで管理します。一組のプロパティ名と値で表されるデータのことをプロパティと呼び、オブジェクトでは複数のプロパティをまとめて管理することができる。例文letuser={name:'山田太郎',age:27,address:'東京都'}console.log(user.name);山田太郎【オブジェクトのメソッド】プロパティの値には数値や文字列などのプリミティブ型の値以外に、配列や関数といったオブジェクト型の値を指定する事ができる。特に値として関数を記述したプロパティのことをメソッドと呼ぶ例文letuser={name:'山田太郎',age...js--オブジェクトとは
Nmbuerオブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【Numberオブジェクト】Numberオブジェクトは、プリミティブ型の数値や文字列に対するラッパーオブジェクト。Numberオブジェクトのインスタンスだけでなく、数値からもNumberオブジェクトのメソッドを呼び出したりプロパティを参照する事ができるようになる。【Numberオブジェクトのコンストラクタ】Numberオブジェクトは数値のラッパーオブジェクトです。数値に対してNumberオブジェクトのメソッドを呼び出すと、数値が自動的にNumberオブジェクトに変換されてメソッドが呼び出されます。通常Numberオブジェクトを直接作成する必要はあまりありませんが、オブジェクトを作成するにはNumberオブジ...Nmbuerオブジェクト
数値リテラルの記述方法【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【JavaScriptにおける数値】JavaScriptにおいては数値はすべて64ビットの浮動小数点数として扱われます。他のプログラミング言語においては整数と浮動小数点数を別のデータ型として管理するものもありますが、JavaScriptにおいてはすべての数値は浮動小数点数として扱われます【整数リテラル】プログラムの中で整数の値を記述するときに使用するのが整数リテラルconsole.log(182);10進数console.log(0xB6);16進数console.log(0o266);8進数console.log(0b10110110);2進数182182182182【浮動小数点数リテラル】プログラムの中で...JavaScript--数値リテラル
型変換のルール【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge1.文字列への変換・自動的に変換される場合例えば「+」演算子の左辺または右辺が文字列であった場合にもう片方の値は自動的に文字列に変換されます。例文'num='+値・明示的に文字列に変換する場合式String(値)値.toString()【文字列以外のデータ型からの変換】文字列以外のデータ型の値が文字列に変換される場合にどのように変換されるのかは次の通りです。・解説→ただの数値の場合はそのまま文字列になる。→16進数形式の場合は、10進数にしてから文字列になる→指数表現の場合は小数点形式にしてから文字列になる→長整数型の場合は末尾の'n'が削除されて文字列になる→オブジェクト型の場合はオブジェクト毎に用意されているto...型変換のルール
strictモード【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【Strictモード】Strictモードとは、JavaScriptの記述方法をチェックするもの◆strictモードを有効にするには・プログラム全体の場合'usestrict';・・・・・・・特定の関数内だけfunctionmyFunc(){'usestrict';・・・・・・}◆エラー表示letmyage;myoge=20;//スペルミスした場合UncaughtReferenceError:myogeisnotdefined・関数の重なり'usestrict';functiontest(a,a,b){console.log('a='+a);console.log('b='+b);}UncaughtSyntaxEr...strictモード
ラッパーオブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【ラッパーオブジェクト】プリミティブ型の文字列や数値はオブジェクトではありませんが、ラッパーオブジェクトという仕組みによって、オブジェクトのように扱うことができます。//Stringオブジェクトのインスタンスを作成letstr=newString('string');//Stringオブジェクトのメソッドを呼び出すconsole.log(str.toUpperCase());→STRINGStringオブジェクトは、'string'という文字列の値を包んでいるように例えられます。そのため、このようなオブジェクトのことを、プリミティブ型の値に対するラッパーオブジェクトと呼びますプリミティブ型の値は、変数宣言した段...JS-ラッパーオブジェクト
データ型【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge・データ型→プリミティブ型とオブジェクト型に大きく分かれる。【プリミティブ型とは】数値長整数※ES2020～文字列論理値undefinednullシンボル【オブジェクト型】プリミティブ型以外のObject(オブジェクト)Array(配列)Function(関数)StringやNumberなどのラッパーオブジェクトDate(日時)RegExp(正規表現)JSONである。【コンソールを表示する】MicrosoftEdgeでコンソールを表示するには画面右上のメニューアイコンをクリックし、表示されたメニューの中から「その他のツール」をクリックし、さらに「開発者ツール」をクリックしてください。【ブラウザのコンソールでJavaScri...JavaScript--データ型
コメントに付いて【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【JavaScriptでのコメント】書式//1行コメント或は/*複数行に渡るコメント*/【HTMLでのコメント】・書式<!--コメント-->【サンプル】＜body＞＜!--サンプルコード--＞＜p＞JavaScrptのサンプルです。＜/p＞＜script＞letnum=10;num=num+5;//変数の値に5を加算＜/script＞＜/body＞以上Javascript--コメント
初めてのJavaScript--概要【開発環境】OS：Win11（64ビット）VSCode1.72.2、Edge【JavaScriptとは】JavaScriptは、Webサイトを作るために欠かせないプログラミング言語です。ユーザーのブラウザ上で動作し、Webサイトに動きをつけたり、ボタンなどの動作を制御するようにできる。・主な機能ポップアップウィンドウの表示画像の拡大表示入力されたデータの送信（Webサイトの中枢部分へ送信）最新ランキングの表示表示データの並べ替えキーワードによる検索ブラウザ上で動作するゲームの作成【HTMLファイルの中でscript要素を記述する場所】script要素はHTMLファイルの中のhead要素内、またはbody要素内に記述！<!DOCTYPEhtml><htmllang="ja...初めてのJavaScript--概要
