静的メソッド-- Number.parseFloat
Number.parseFloat 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【parseFloatとは】 文字列を浮動小数点数に変換した値を返します。 ・書式 Number.parseFloat(文字列 [, 基数]) 引数に指定した文字列を浮動小数点数に... 続きをみる
Number.parseFloat 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【parseFloatとは】 文字列を浮動小数点数に変換した値を返します。 ・書式 Number.parseFloat(文字列 [, 基数]) 引数に指定した文字列を浮動小数点数に... 続きをみる
Number.parseInt 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【parseInt メソッド】 文字列を整数に変換した値を返しますメソッド ・書式 Number.parseInt(文字列 [, 基数]) →1 番目の引数に指定した文字列を整数に変換... 続きをみる
toPrecision 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【toPrecision】 対象の数値の有効桁数を指定し、そのあとで数値を文字列に変換した値を返します ・書式 数値.toPrecision([有効桁数]) [数値の有効桁数]を引数に指定した... 続きをみる
toFixed 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【toFixedとは】 対象の数値を固定小数点数形式で表した文字列を返すメソッド ・書式 数値.toFixed([小数点の後の桁数]) ※引数を省略した場合のデフォルト値になる。デフォルト値=0 サン... 続きをみる
toExponential 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【 toExponential 】 このメソッドは、数値を指数形式で表した文字列を取得することができます。 ・書式 数値.toExponential([小数点の後の桁数]) 小数点数の前の... 続きをみる
toString 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【toString メソッド】 toString メソッドは、Number オブジェクトのインスタンスメソッドで、対象の数値を指定した基数の形式で表した文字列を返す ・書式 数値.toString(... 続きをみる
オブジェクト 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【オブジェクトの基本的な使い方】 オブジェクトではデータをプロパティ名(キー)と値のペアで管理します。 一組のプロパティ名と値で表されるデータのことをプロパティと呼び、オブジェクトでは複数のプロパティを... 続きをみる
Nmbuerオブジェクト 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【Numberオブジェクト】 Number オブジェクトは、プリミティブ型の数値や文字列に対するラッパーオブジェクト。 Number オブジェクトのインスタンスだけでなく、数値からも Num... 続きをみる
数値リテラルの記述方法 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【JavaScriptにおける数値】 JavaScript においては数値はすべて 64 ビットの浮動小数点数として扱われます。他のプログラミング言語においては整数と浮動小数点数を別のデータ型... 続きをみる
strict モード 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【Strictモード】 Strictモードとは、 JavaScript の記述方法をチェックするもの ◆strictモードを有効にするには ・プログラム全体の場合 'use strict'; ・... 続きをみる
ラッパーオブジェクト 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【ラッパーオブジェクト】 プリミティブ型の文字列や数値はオブジェクトではありませんが、ラッパーオブジェクトという仕組みによって、オブジェクトのように扱うことができます。 // Stringオブジ... 続きをみる
データ型 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge ・データ型→プリミティブ型とオブジェクト型に大きく分かれる。 【プリミティブ型とは】 数値 長整数 ※ ES2020~ 文字列 論理値 undefined null シンボル 【オブジェクト型】 プリミティ... 続きをみる
コメントに付いて 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【JavaScriptでのコメント】 書式 // 1行コメント 或は /* 複数行に渡る コメント */ 【HTMLでのコメント】 ・書式 【サンプル】 <body> <!-- サンプルコード --... 続きをみる
初めてのJavaScript--概要 【開発環境】 OS:Win11(64ビット) VSCode1.72.2、 Edge 【JavaScriptとは】 JavaScriptは、Webサイトを作るために欠かせないプログラミング言語です。ユーザーのブラウザ上で動作し、Webサイトに動きをつけたり、ボタン... 続きをみる
WordPressで考えるDOM-Based XSS|innerHTMLとlocation.searchが危険になる理由
WordPressで考えるDOM-Based XSS|select要素から脱出して成立するXSSの流れ
WordPressで考えるDOM-Based XSS|document.writeとlocation.searchが危険になる理由
DOMとJavascriptの関係性
英話学習のWordPressページで、ブラウザの音声読み上げ機能をプラグインなしで簡単にショートコードから呼び出せるスニペットを公開(Gemini監修)
javascriptで使うdocumentってなに?
ブログに使っているCSS・スクリプトまとめ
【JetTheme】LazyLoad時に縦長画像がぼやける問題を解決【Blogger】
adsbygoogle.jsが勝手に読み込まれる(Cocoon)
【Blogger】プレビューモード時に必要なスクリプトを読み込みデザインを確認【JetTheme】
Blogger用のライトボックスを導入【JavaScript・CSSのみ】
【yarn】パッケージマネージャをpnpmに切り替えてみる
JavascriptのCDN以外に、どのようなCDNがありますか?
Vue.jsを用いたFaas運用は他の環境と比べてどのようなメリットがありますか?
プログラミング言語の勉強をしていたけどサイコロを作るコードの部分で思考停止した
サーバからJSONファイルを読み込むには 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【JSONとは】 JSONは、「JavaScript object Notation(記述)」の頭文字で、その名前の通り、JavaScrip... 続きをみる
サーバーからテキストファイルを読み込む 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【非同期通信】 Ajaxを使用すると、Webブラウザ内のJavaScriptプログラムとWebサーバーの間でデーターのやり取りが行える。 ・A... 続きをみる
--クロージャと即時関数-- 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【クロージャ】 クロージャは、関数内で、その外側の変数を保持する仕組み。 1)もっともシンプルなクロージャ サンプルプログラム「closure1.htm... 続きをみる
関数型プログラミング(Arryオブジェクト) 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【関数型プログラミング】 関数型プログラミングとは、解決しようとする問題に対し、その問題の性質を関数の組み合わせで記述するプログラミング... 続きをみる
ファーストクラスオブジェクトとしての関数 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets ◆ファーストクラスオブジェクト JavaScriptの関数は、変数に代入したり、関数の引数にしたり、更には関数を返すことが可能である。そのよ... 続きをみる
--オリジナルのオブジェクトを継承するには-- 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【ポイント】 ・object.setPrototypeOf()メソッドを使用してプロトタイプチェーンを接続すると、既存のオブジェクトを... 続きをみる
--プロトタイプを利用しよう-- 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【プロトタイプとは】 ■メソッドを追加するには ・Javascriptには、prototypeプロパティという特殊なプロパティが用意されている。これ... 続きをみる
ユーザ定義オブジェクトの作成方法 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets ■オリジナルのコンストラクタを定義するには 今まで、オブジェクトのインスタンスを生成するときは、コンストラクタを使ってきた。 注意) Javascr... 続きをみる
タイマー活用 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets ■タイマーの起動と停止 JavaScriptには、指定した時間後に何らかの処理をさせたり、一定時間ごとに同じ処理を行ったりする時に便利なタイマー機能が用意されています。... 続きをみる
スタイルシートを操作しよう DOMを使うと、Javascriptのプログラムからスタイルシートのプロパティを動的に変更する事が可能になる。 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets ◆スタイルシートのプロパティを設定する ス... 続きをみる
WEBブラウザのイベントの処理について 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets --イベントリスナーを理解しょう-- 【イベントリスナーと、イベントハンドラ】 DOMレベル2から、一つのイベントに対して複数のコールバック関... 続きをみる
Webブラウザのイベント処理1 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets ---イベント処理の基礎知識--- 【イベントと、イベントハンドラ】 イベントとは→ユーザがボタンをクリックしたり、テキストボックスに文字を入れて【E... 続きをみる
DOMツールについて 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets DOMの基本を学ぶ 【DOMとDOMツリー】 DOM(Document objct Model)は、プログラムからHTMLのエレメント(要素)を操作する仕組みの... 続きをみる
Objectオブジェクトでデータ管理 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【Objectオブジェクトの概要】 JavaScriptのオブジェクトはプロパティとメソッドの集合体から成ってる。また、JavaScriptには... 続きをみる
~配列の活用~ 配列に要素を追加したり、並び替えたりする 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【配列の応用】 1)配列の最初・最後に要素を加えたり、削除したりする。 ・unshift(引数);配列の最初に要素を加える ... 続きをみる
配列を使って見よう 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【配列の基本】 ・配列とは→JavaScriptに限らず多くのプログラミング言語で使われている。一連の値をまとめて管理するためのデータ型。 ・配列の生成 1)配列... 続きをみる
Javascriptの無名関数を学ぼう 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【無名関数】 無名関数は、一度しか呼び出されない処理をまとめる時に利用される。つまり、コールバック関数や、イベントの処理を行う関数。 ・書式 ... 続きをみる
~変数の有効範囲~ 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【変数について】 変数には、ローカル変数と、グローバル変数がある。 1)有効範囲→ローカル変数は関数内→グローバル変数はプログラム全体 例文 ローカル変数str2... 続きをみる
ユーザ定義関数を作ろう 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【ユーザ定義関数】 1)ユーザ定義関数の作り方 //関数の呼び出し 変数 = 関数名(引数1,引数2,,); //function文による関数宣言 funct... 続きをみる
Dateオブジェクトの活用法 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【Dateオブジェクト】 日付時刻を管理する組み込みオブジェクトです。 よって 現在の時刻を得るにはインスタンスを生成する→var now = new ... 続きをみる
算術演算用のオブジェクトを使って見よう ~Mathオブジェクト~ 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【Mathオブジェクト】 Mathオブジェクトは、算術演算用のメソッド/プロパティがまとめて用意されてるオブジェクト... 続きをみる
Stringオブジェクト(文字列の操作) 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【Stringオブジェクト】 Javascriptの文字列はプリミティブ型なので、Stringオブジェクトのプロパティ/メソッドを使用する。... 続きをみる
オブジェクトとインスタンス ここでは組み込みオブジェクトを活用する上で必要な、インスタンの生成方法や、ミュータブルとイミュータブルと言ったデータの分類について説明する 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【インスタンス... 続きをみる
ループ文(for文・while文) 一連の処理を繰り返すもので、条件文と同じ様にプログラムではよく使われる 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【ループ文】 1.for文 カウンタとして使用する制御変数iをカウントアッ... 続きをみる
条件文(if文・switch文) 条件判断の結果に応じて処理を切り分ける方法について学ぶ 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【if】 ●if文 1.書式 if(条件式){ 処理1 } else { 処理2 } 2.例... 続きをみる
数字のラッパーオブジェクトについて 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【ラッパーオブジェクト】 ラッパーオブジェクトとは、オブジェクト指向言語において、あるオブジェクトを別なオブジェクトで包み込んだもの。プリミティブ... 続きをみる
オブジェクトの基本操作 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【JavaScriptのオブジェクトとは】 JavaScript は、もともとシンプルなオブジェクトベースの枠組みを持つ言語として設計されたものである。また、... 続きをみる
リテラルと定数 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【リテラル】 リテラルとは、プログラムに欠かせない存在で、「値定数」を意味する。 例 year(変数) = 2000(リテラル); ・文字リテラル ・エスケープシーケ... 続きをみる
Javascriptで計算をする 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【計算する】 1.コンソールで計算してみる 2.プログラム内で計算結果を表示する 「calc1.html」ファイルをプログラムを書き、ライブプレビュ... 続きをみる
JavascriptプログラムをHTMLファイルに書く 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【scriptエレメントについて】 ・JavascriptスクリプトをHTMLファイルの<script>~</script>に... 続きをみる
Javascriptの超入門編2 Google ChromeのコンソールでJavaScriptを実行してみる。 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【サンプルを用意】 任意のフォルダにtest.htmlを作る test... 続きをみる
Javascriptの超入門編1 これは、Javascriptとことん入門の本をベースに書いたもので、この方法が正しいというものでもありませんのであしからず。 【開発環境】 OS;Window10 Webブラウザ:Google Chrome テキストエディタ:Brackets 【Javascript... 続きをみる
俺のJavaScript---パート2 【JavaScriptの種類】 1)JavaScript1.✗ とは JavaScript のバージョンと、対応ブラウザのバージョンは以下の通りです。 JavaScript1.0 の×は、そのブラウザが JavaScript1.0 をサポートしていないという意... 続きをみる
俺のJavaScript---パート1 【JavaScriptとは】 ・JavaScriptの始まりは、ネットスケープ社とサン・マイクロシステムズ社とが共同で開発したスクリプト言語で、その前身はネットスケープ社が当社ブラウザ用に考案していたLiveScriptです。 JavaScriptはNetsc... 続きをみる