JavaScript

行列（matrix）データは、ピクセル画像へ変換することができます。ここでいう「ピクセルのマトリックス」とは、上下左右のサイズが同じでも異なっていても構わないピクセル群を含む領域として定義されるものです。 Rでは、image()関数とその引数useRasterを使用することで、このようなピクセル画像を簡単に作成できます。useRaster = TRUEを指定するとラスタ形式で描画されるため、特に大きな行列データでも高速に処理できるのが特徴です。 基本的なコード例 まず、正規分布に従う乱数100個からなる10行の行列「M」を作成し、par()関数でプロットの余白（マージン）を設定した上で描画し

JavaScriptで長さxの線分上にn個の等距離点を生成する方法長さxの線分に沿ってn個の等間隔の点を配置した配列を生成するには、forループを使って各点の位置を順番に計算していきます。基本的な考え方は、線分を「点の個数 + 1」個に分割し、その分割位置を配列に格納するというものです。基本構文for (var 変数名 = 0; 変数名 < 開始地点; 変数名++) {    var v = (変数名 + 1) / (開始地点 + 1);    var v2 = v * 終了地点;}この構文では、ループ変数に

JavaScriptでは、filter()メソッドとtoLowerCase()を組み合わせることで、大文字・小文字を区別しない部分一致検索を簡単に実装できます。本記事では、オブジェクトの配列から特定の名前を検索する具体例を通じて、その手順を詳しく解説します。1. 検索対象となる配列を用意するまずは、学生情報を格納したオブジェクトの配列を作成しましょう。各オブジェクトには「studentName」というプロパティが含まれています。あえて大文字・小文字が混在したデータにしている点に注目してください。let studentDetails = [ {studentName: John Smit

onkeypressイベントでEnterキーの押下を検出するEnterキーが押されたかどうかを判定し、その結果をコンソールに出力するには、onkeypressイベントを使用します。まず、テキスト入力ボックスを作成してみましょう。<input id="textBox" type="text" onkeypress="return demoForEnterKey(event)"/>続いて、demoForEnterKey()関数の実装方法を見ていきましょう。Enterキーが押されたかどうかは、イベントオブジェクトのkeyCode

JavaScriptでは、変数が null または undefined の場合に、あらかじめ用意した代替値へ置き換えたい場面がよくあります。そんなときに便利なのが、論理OR演算子 || を使った記述方法です。基本構文以下のように書くことで、変数が null や undefined のときに任意の値へ置き換えることができます。var anyVariableName = yourVariableName || anyValue;|| 演算子は左辺が falsy（null、undefined、0、空文字列など）と評価された場合に、右辺の値を返します。サンプルコード実際に動作を確認してみましょう。va

はい、可能です。JavaScriptのselect()メソッドを使えば、テキストボックス内のテキストを選択状態にすることができます。まずは、テキスト入力欄を作成してみましょう。 テキストボックスとボタンの作成 Enter your Name:<input type="text" id="txtName" value="John"> <br> <button type="button" onclick="check()">Select Text Box<

はい、replace()メソッドを使用すれば、変数に格納された文字列の一部を別の値に置き換えることができます。基本的な構文は以下の通りです。var anyVariableName = yourValue; yourVariableName = yourVariableName.replace(yourOldValue, yourNewValue);サンプルコード実際に文字列内の「John」という部分を「David Miller」に置き換える例を見てみましょう。var message = Hello,this is John; console.log(置き換え前のメッセージ= + message

なぜ「+」演算子は加算ではなく連結を行うのか？ JavaScriptで「+」記号を使ったのに、数値の合計ではなく文字列が連結されてしまうのは、parseInt()を使用していないことが主な原因です。 テキストボックス（input要素）から取得した値は、たとえ数字を入力していても、すべて文字列型（string）として扱われます。そのため、そのまま「+」演算子で足し合わせると、数値の加算ではなく文字列同士の連結が実行されてしまいます。 これを解決するには、テキストボックスから値を取得した後、parseInt()を使って文字列を整数に変換（パース）する必要があります。 コード例 以下は、parseI

JavaScriptでは、for文とprocess.stdout.write()を組み合わせることで、指定したサイズに応じた菱形（ダイヤモンド形）をコンソールに出力する独自の関数を簡単に作成できます。ここではNode.js環境での実装例を紹介します。サンプルコードfunction createDiamondShape(size){ for(var i=1;i<=size;i++){ for(var s=size-1;s>=i;s--){ process.stdout.write( ); } for(va

fill()メソッドでブール行列を生成する基本 JavaScriptでは、fill()メソッドの仕組みを活用することで、trueだけで構成されたブール行列（二次元配列）を簡単に作成できます。fill()は、配列の要素を引数に渡した静的な値で一括して埋めるためのメソッドです。 コード例 const array = Array(4); var fillWithTrueValue = array.fill(true); const matrixWithOnlyBooleanTrue = Array(4).fill(fillWithTrueValue); console.log(matrixWith

JavaScriptで現在の日付から1週間（7日）前の日付を求めたい場合は、getDate()メソッドで取得した「日」の値から7を引き、setDate()メソッドで新しい日付を設定するのが基本の考え方です。 基本の構文 var anyVariableName = new Date(yourCurrentDate.setDate(yourCurrentDate.getDate() - 7)); getDate()は月の中の日付（1〜31）を返し、そこから7を引くことで7日前の日付を計算できます。また、setDate()に負の値や月の範囲を超える数値を渡しても、JavaScriptが自動的に月をま

HTML内の <h1> 要素のテキストをJavaScriptの変数に格納したい場合は、document.getElementById() と innerHTML を組み合わせて使用するのが基本です。 H1の値を取得する基本的な方法 document.getElementById(id名).innerHTML と記述することで、指定したIDを持つ要素の内容（テキスト）を取得できます。 例として、次のようなH1見出しがHTMLにあると仮定しましょう。 <h1 id=demo>これはJavaScriptのデモプログラムです……</h1> このH1の値を取得するには

ネストされた配列とはJavaScriptでは、配列の中にさらに配列が入っている「ネストされた配列（多次元配列）」を扱うことがよくあります。たとえば、次のような配列を見てみましょう。const arrayObject = [ [ { Name: John }, { countryName: US } ], [ { subjectName: JavaScript }, {

Webページ上のすべてのDOM要素を取得してループ処理したい場合、document.getElementsByTagName(*) を使うのが最もシンプルな方法です。ワイルドカード「*」を指定することで、ページ内のすべてのタグ要素を一括で取得できます。あとは取得したHTMLCollectionの長さ（length）分だけfor文で繰り返し処理を行い、各要素を console.log() で出力すればOKです。基本的なコードvar tags = document.getElementsByTagName(*); for (var i = 0, max = tags.length; i < max

JavaScriptで不要なテキストを削除するには、remove()メソッドを使用します。さらにfilter()メソッドと組み合わせることで、要素タグの内側に含まれていないテキストだけを正確に抽出して削除できます。対象となるHTMLの例まず、次のようなHTMLを例に考えてみましょう。<div><h1>Demo Program</h1></div>This is also Demo ProgramこのHTMLでは、2行目の「This is also Demo Program」というテキストがどの要素タグにも囲まれず、body直下に配置されています。

JavaScriptでは、文字列を変換する際に toLowerCase() や toUpperCase() といったメソッドが利用できます。これらを組み合わせることで、文字列の先頭だけ大文字にし、残りを小文字に揃える「タイトルケース風」の整形も簡単に行えます。対象となる文字列例として、次のような大文字と小文字が混在した文字列を用意します。var sentence = tHIS iS tHE JavaScript pROGRAM;実装コードこの文字列を整形して表示するには、以下のように charAt()、toUpperCase()、slice()、toLowerCase() を組み合わせた関数を

正規表現による日付形式のチェックJavaScriptで入力された日付がYYYY-MM-DD形式として有効かどうかを確認したい場合は、正規表現（RegExp）を使うのが最もシンプルです。まず、次の正規表現パターンを定義しましょう。const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/;このパターンの意味は以下の通りです。^\d{4} … 文字列の先頭が4桁の数字（年）であること\-\d{2} … ハイフンの後に2桁の数字（月）が続くこと\-\d{2}$ … ハイフンの後に2桁の数字（日）で文字列が終わることコード例<!DOCTYPE html> <

JavaScriptでonclickイベントを使ってボタンをクリックした際に、2つ以上の関数を同時に実行したいケースはよくあります。最もシンプルな方法は、呼び出し用の関数（ラッパー関数）を1つ作成し、その中で実行したい複数の関数を順番に呼び出すことです。 手順1：ボタンを設置する まず、HTMLにボタンを配置します。このボタンのonclick属性には、複数の関数を呼び出すための関数を指定します。 <button type=submit onclick=callTwoOtherFunctions()> 呼び出す </button> 手順2：ラッパー関数を作成する 上記のボ

JavaScriptで指定されたサイズの空の配列を作成するには、new演算子とArray()コンストラクタを使用します。空の配列を作成する基本構文var numberArray = new Array(10);このコードでは、長さ10の空の配列が生成されます。作成後、必要に応じて配列に値を代入して利用することができます。サンプルコード以下は、サイズを指定して空の配列を作成し、その後に値を設定する完全な例です。var numberArray = new Array(10); console.log(The length=+numberArray.length) numberArray=[10,2

Enterキーの検出にはkeyCode 13を使用するJavaScriptでEnterキーを検出するには、keyCode 13を使用します。まず、テキスト入力フィールドを作成しましょう。<input type="text" id="txtInput">次に、jQueryのon()メソッドとkeyCodeを組み合わせて、Enterキーの押下を検出します。以下が完全なコード例です。コード例<!DOCTYPE html><html lang="en"><head><meta charse