弥勒菩薩が書いた気になるブログ

プログラム言語・Webデザイン・介護・仏教などに関して

JavaScriptのブログ記事

JavaScript（ムラゴンブログ全体）

  • 静的メソッド-- Number.parseFloat

    Number.parseFloat 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【parseFloatとは】 文字列を浮動小数点数に変換した値を返します。 ・書式 Number.parseFloat(文字列 [, 基数]) 引数に指定した文字列を浮動小数点数... 続きをみる

  • 静的メソッド--Number.parseInt

    Number.parseInt 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【parseInt メソッド】 文字列を整数に変換した値を返しますメソッド ・書式 Number.parseInt(文字列 [, 基数]) →1 番目の引数に指定した文字列... 続きをみる

  • インスタンスメソッド4---toPrecision

    toPrecision 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【toPrecision】 対象の数値の有効桁数を指定し、そのあとで数値を文字列に変換した値を返します ・書式 数値.toPrecision([有効桁数]) [数値の有効桁数]を引数に指定し... 続きをみる

  • インスタンスメソッド3-- toFixed

    toFixed 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【toFixedとは】 対象の数値を固定小数点数形式で表した文字列を返すメソッド ・書式 数値.toFixed([小数点の後の桁数]) ※引数を省略した場合のデフォルト値になる。デフォルト値＝0 サ... 続きをみる

  • インスタンスメソッド2---toExponential

    toExponential 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【 toExponential 】 このメソッドは、数値を指数形式で表した文字列を取得することができます。 ・書式 数値.toExponential([小数点の後の桁数]) 小数点数の前... 続きをみる

  • インスタンスメソッド1--toString

    toString 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【toString メソッド】 toString メソッドは、Number オブジェクトのインスタンスメソッドで、対象の数値を指定した基数の形式で表した文字列を返す ・書式 数値.toString... 続きをみる

  • js--オブジェクトとは

    オブジェクト 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【オブジェクトの基本的な使い方】 オブジェクトではデータをプロパティ名(キー)と値のペアで管理します。 一組のプロパティ名と値で表されるデータのことをプロパティと呼び、オブジェクトでは複数のプロパティ... 続きをみる

  • Nmbuerオブジェクト

    Nmbuerオブジェクト 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【Numberオブジェクト】 Number オブジェクトは、プリミティブ型の数値や文字列に対するラッパーオブジェクト。 Number オブジェクトのインスタンスだけでなく、数値からも Nu... 続きをみる

  • JavaScript--数値リテラル

    数値リテラルの記述方法 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【JavaScriptにおける数値】 JavaScript においては数値はすべて 64 ビットの浮動小数点数として扱われます。他のプログラミング言語においては整数と浮動小数点数を別のデータ... 続きをみる

  • 型変換のルール

    型変換のルール 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 1.文字列への変換 ・自動的に変換される場合 例えば「+」演算子の左辺または右辺が文字列であった場合にもう片方の値は自動的に文字列に変換されます。 例文 'num = ' + 値 ・... 続きをみる

  • strict モード

    strict モード 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【Strictモード】 Strictモードとは、 JavaScript の記述方法をチェックするもの ◆strictモードを有効にするには ・プログラム全体の場合 'use stric... 続きをみる

  • JS-ラッパーオブジェクト

    ラッパーオブジェクト 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【ラッパーオブジェクト】 プリミティブ型の文字列や数値はオブジェクトではありませんが、ラッパーオブジェクトという仕組みによって、オブジェクトのように扱うことができます。 // Stringオブ... 続きをみる

  • JavaScript--データ型

    データ型 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge ・データ型→プリミティブ型とオブジェクト型に大きく分かれる。 【プリミティブ型とは】 数値 長整数 ※ ES2020～ 文字列 論理値 undefined null シンボル 【オブジェクト型】... 続きをみる

  • Javascript--コメント

    コメントに付いて 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【JavaScriptでのコメント】 書式 // 1行コメント 或は /* 複数行に渡る コメント */ 【HTMLでのコメント】 ・書式 【サンプル】 ＜body＞ ＜!-- サンプルコード -... 続きをみる

  • 初めてのJavaScript--概要

    初めてのJavaScript--概要 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 Edge 【JavaScriptとは】 JavaScriptは、Webサイトを作るために欠かせないプログラミング言語です。ユーザーのブラウザ上で動作し、Webサイトに動きをつけたり、ボタ... 続きをみる

  • JavaScriptの超入門編31--JSONファイルの読込み

    サーバからJSONファイルを読み込むには 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【JSONとは】 JSONは、「JavaScript object Notation（記述）」の頭文字で、その名前の通り、JavaScri... 続きをみる

  • JavaScriptの超入門編30--非同期通信

    サーバーからテキストファイルを読み込む 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【非同期通信】 Ajaxを使用すると、Webブラウザ内のJavaScriptプログラムとWebサーバーの間でデーターのやり取りが行える。 ・... 続きをみる

  • Javascriptの超入門編29--クロージャと即時関数

    --クロージャと即時関数-- 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【クロージャ】 クロージャは、関数内で、その外側の変数を保持する仕組み。 1）もっともシンプルなクロージャ サンプルプログラム「closure1.ht... 続きをみる

  • Javascriptの超入門編28--関数型プログラミング

    関数型プログラミング（Arryオブジェクト） 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【関数型プログラミング】 関数型プログラミングとは、解決しようとする問題に対し、その問題の性質を関数の組み合わせで記述するプログラミン... 続きをみる

  • Javascriptの超入門編27--ファーストクラスオブジェクト

    ファーストクラスオブジェクトとしての関数 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets ◆ファーストクラスオブジェクト JavaScriptの関数は、変数に代入したり、関数の引数にしたり、更には関数を返すことが可能である。その... 続きをみる

  • Javascriptの超入門編26--プロトタイプチェーン

    --オリジナルのオブジェクトを継承するには-- 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【ポイント】 ・object.setPrototypeOf()メソッドを使用してプロトタイプチェーンを接続すると、既存のオブジェクト... 続きをみる

  • Javascriptの超入門編25--プロトタイプ

    --プロトタイプを利用しよう-- 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【プロトタイプとは】 ■メソッドを追加するには ・Javascriptには、prototypeプロパティという特殊なプロパティが用意されている。こ... 続きをみる

  • Javascriptの超入門編24--ユーザ定義オブジェクト

    ユーザ定義オブジェクトの作成方法 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets ■オリジナルのコンストラクタを定義するには 今まで、オブジェクトのインスタンスを生成するときは、コンストラクタを使ってきた。 注意） Javasc... 続きをみる

  • Javascriptの超入門編23--タイマー活用

    タイマー活用 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets ■タイマーの起動と停止 JavaScriptには、指定した時間後に何らかの処理をさせたり、一定時間ごとに同じ処理を行ったりする時に便利なタイマー機能が用意されています... 続きをみる

  • Javascriptの超入門編22--スタイルシート

    スタイルシートを操作しよう DOMを使うと、Javascriptのプログラムからスタイルシートのプロパティを動的に変更する事が可能になる。 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets ◆スタイルシートのプロパティを設定する ... 続きをみる

  • Javascriptの超入門編21-WEBブラウザのイベント

    WEBブラウザのイベントの処理について 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets --イベントリスナーを理解しょう-- 【イベントリスナーと、イベントハンドラ】 DOMレベル2から、一つのイベントに対して複数のコールバック... 続きをみる

  • Javascriptの超入門編20--イベント処理1

    Webブラウザのイベント処理1 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets ---イベント処理の基礎知識--- 【イベントと、イベントハンドラ】 イベントとは→ユーザがボタンをクリックしたり、テキストボックスに文字... 続きをみる

  • Javascriptの超入門編19-DOMツール

    DOMツールについて 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets DOMの基本を学ぶ 【DOMとDOMツリー】 DOM（Document objct Model）は、プログラムからHTMLのエレメント（要素）を操作する仕組み... 続きをみる

  • Javascriptの超入門編18-Objectオブジェクト

    Objectオブジェクトでデータ管理 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【Objectオブジェクトの概要】 JavaScriptのオブジェクトはプロパティとメソッドの集合体から成ってる。また、JavaScriptに... 続きをみる

  • Javascriptの超入門編17（配列-2）

    ～配列の活用～ 配列に要素を追加したり、並び替えたりする 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【配列の応用】 1）配列の最初・最後に要素を加えたり、削除したりする。 ・unshift(引数)；配列の最初に要素を加える... 続きをみる

  • Javascriptの超入門編17（配列-1）

    配列を使って見よう 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【配列の基本】 ・配列とは→JavaScriptに限らず多くのプログラミング言語で使われている。一連の値をまとめて管理するためのデータ型。 ・配列の生... 続きをみる

  • Javascriptの超入門編16（無名関数）

    Javascriptの無名関数を学ぼう 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【無名関数】 無名関数は、一度しか呼び出されない処理をまとめる時に利用される。つまり、コールバック関数や、イベントの処理を行う関数。 ・書式... 続きをみる

  • Javascriptの超入門編15（変数のスコープ）

    ～変数の有効範囲～ 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【変数について】 変数には、ローカル変数と、グローバル変数がある。 1）有効範囲→ローカル変数は関数内→グローバル変数はプログラム全体 例文... 続きをみる

  • Javascriptの超入門編14（ユーザ定義関数）

    ユーザ定義関数を作ろう 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【ユーザ定義関数】 1）ユーザ定義関数の作り方 //関数の呼び出し 　変数　=　関数名（引数1,引数2,,); //function文による関数宣言 fun... 続きをみる

  • Javascriptの超入門編13（Dateオブジェクト）

    Dateオブジェクトの活用法 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【Dateオブジェクト】 日付時刻を管理する組み込みオブジェクトです。 よって 現在の時刻を得るにはインスタンスを生成する→var now ... 続きをみる

  • Javascriptの超入門編12（算術演算）

    算術演算用のオブジェクトを使って見よう ～Mathオブジェクト～ 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【Mathオブジェクト】 Mathオブジェクトは、算術演算用のメソッド/プロパティがまとめて用意されてるオブジェク... 続きをみる

  • Javascriptの超入門編11

    Stringオブジェクト（文字列の操作） 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【Stringオブジェクト】 Javascriptの文字列はプリミティブ型なので、Stringオブジェクトのプロパティ/メソッドを使用する... 続きをみる

  • Javascriptの超入門編10

    オブジェクトとインスタンス ここでは組み込みオブジェクトを活用する上で必要な、インスタンの生成方法や、ミュータブルとイミュータブルと言ったデータの分類について説明する 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【インスタン... 続きをみる

  • Javascriptの超入門編9

    ループ文（for文・while文） 一連の処理を繰り返すもので、条件文と同じ様にプログラムではよく使われる 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【ループ文】 1.for文 カウンタとして使用する制御変数iをカウントア... 続きをみる

  • Javascriptの超入門編8

    条件文（if文・switch文） 条件判断の結果に応じて処理を切り分ける方法について学ぶ 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【if】 ●if文 1.書式 if(条件式){ 　処理1 } else { 処理2 } 2... 続きをみる

  • Javascriptの超入門編7

    数字のラッパーオブジェクトについて 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【ラッパーオブジェクト】 　　ラッパーオブジェクトとは、オブジェクト指向言語において、あるオブジェクトを別なオブジェクトで包み込んだもの。プリミ... 続きをみる

  • Javascriptの超入門編6

    オブジェクトの基本操作 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【JavaScriptのオブジェクトとは】 JavaScript は、もともとシンプルなオブジェクトベースの枠組みを持つ言語として設計されたものである。また... 続きをみる

  • Javascriptの超入門編5

    リテラルと定数 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【リテラル】 リテラルとは、プログラムに欠かせない存在で、「値定数」を意味する。 例 year（変数） = 2000（リテラル）； ・文字リテラル ・エスケープシー... 続きをみる

  • Javascriptの超入門編4

    Javascriptで計算をする 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【計算する】 1.コンソールで計算してみる 2.プログラム内で計算結果を表示する 「calc1.html」ファイルをプログラムを書き、ライブプレビ... 続きをみる

  • Javascriptの超入門編3

    JavascriptプログラムをHTMLファイルに書く 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【scriptエレメントについて】 ・JavascriptスクリプトをHTMLファイルの＜script＞～＜/script＞... 続きをみる

  • Javascriptの超入門編2

    Javascriptの超入門編2 Google　ChromeのコンソールでJavaScriptを実行してみる。 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【サンプルを用意】 任意のフォルダにtest.htmlを作る tes... 続きをみる

  • Javascriptの超入門編1

    Javascriptの超入門編1 これは、Javascriptとことん入門の本をベースに書いたもので、この方法が正しいというものでもありませんのであしからず。 【開発環境】 OS；Window10 Webブラウザ：Google　Chrome テキストエディタ：Brackets 【Javascrip... 続きをみる

  • 俺のJavaScript－－－パート2

    俺のJavaScript－－－パート2 【JavaScriptの種類】 1）JavaScript1.✗ とは JavaScript のバージョンと、対応ブラウザのバージョンは以下の通りです。 JavaScript1.0 の×は、そのブラウザが JavaScript1.0 をサポートして... 続きをみる

  • 俺のJavaScript－－－パート1

    俺のJavaScript－－－パート1 【JavaScriptとは】 ・JavaScriptの始まりは、ネットスケープ社とサン・マイクロシステムズ社とが共同で開発したスクリプト言語で、その前身はネットスケープ社が当社ブラウザ用に考案していたLiveScriptです。 JavaScriptはNets... 続きをみる

JavaScript（ムラゴンブログ全体）

JavaScript（にほんブログ村全体）