javascript JavaScriptでJSON形式のデータ（オブジェクトや配列）を扱う際によく使われるビルトイン関数
JavaScriptでJSON形式のデータ（オブジェクトや配列）を扱う際によく使われるビルトイン関数（メソッド）やテクニックを以下にまとめます。JSONはJavaScriptのネイティブ構造であるオブジェクトや配列で構成されているため、Ar...
javascript
javascript javascript Reactで商品管理ソフトを作成する際のデータ構造
Reactで商品管理等のソフトを作成する際、商品データをオブジェクトとして管理し、それらを配列でまとめるのが一般的かつ有効な方法となります。 つまり、JSON形式は、なにかと便利ですと言いたい。JSONとは「JavaScript Objec...
javascript JavaScriptでアロー関数を使った即時関数
JavaScriptでアロー関数を使った即時関数（IIFE: Immediately Invoked Function Expression）を書くときに、 javascript(() => { console.log("Hello!");...
javascript Reactで使うJSXとは？
Reactで使う「JSX（JavaScript XML）」とは、JavaScriptの中にHTMLのような構文を直接書ける記法のことです。注意したいのは、JSXとXMLは別ものと言う事。ここで言う”HTMLのような”です。つまり、XML風（...
javascript TypeScriptのinterfaceとオブジェクト指向のclassが似ているので調べてにた
TypeScriptのinterfaceとオブジェクト指向のclassは似た役割を持つ部分もありますが、同じではありません。 型安全かつオブジェクト指向的なプログラミングを実現する為、役割が変わります。・型安全：interface(Type...
javascript 画像やファイルの送信にFormDataクラスを使う
FormData クラスは、クライアント側でフォームデータを構築・送信するための便利なツールです。特に、画像やファイルなどのバイナリデータをサーバーに送信する際に広く使用されます。 以下で FormData の基本的な使い方や具体例を詳しく...
javascript <input type=”file”>フィールドで作られるFileオブジェクト
File オブジェクトは、ブラウザの File API によって提供されるデータ構造で、ユーザーが <input type="file"> フィールドを通じて選択したファイルの情報を保持します。つまり、File オブジェクトが生成されるのは...
javascript document.querySelector(DOM要素) as HTMLMetaElement;のjavascriptの構文
document.querySelector() as HTMLMetaElement; は、JavaScriptおよびTypeScriptで利用できる「型アサーション」という仕組みを用いた構文です。このコードを分解して説明すると、以下の通...
javascript javascriptのアロー関数の記述に型注釈を付ける
javaScriptのアロー関数は、より短く簡潔に関数を記述するための構文です。以下にアロー関数の基本的な書き方を紹介します。 基本の構文 const 関数名 = (引数1, 引数2, ...) => { // 関数の処理 return 結...