AttackTube

JavaScriptの「文字列」について、掘り下げて学んでみる。

–名著JavaScript：the　good　parts 「良いパーツ」によるベストプラクティス [ ダグラス・クロフォード ] P11 ここから–
JavaScriptは、ユニコードが16ビットの文字集合だったときに設計されているため、JavaScriptのすべての文字は16ビット長さになっている。
JavaScriptは単一の文字を保持するために文字型の変数を使うことはできない。1文字の文字を扱うには、1文字だけを含んだ文字列を作ることになる。
–名著JavaScript：the　good　parts 「良いパーツ」によるベストプラクティス [ ダグラス・クロフォード ] P11 ここまで–

BYTES_PER_ELEMENTプロパティはTyped Array(型付き配列)オブジェクトの各要素が占有するバイト数を示す。

Uint8ArrayオブジェクトからFileオブジェクトを生成する。

BlobオブジェクトをFileオブジェクトに変換する。
FileオブジェクトにはnameプロパティとlastModifiedプロパティが存在する。
BlobオブジェクトにはnameプロパティとlastModifiedプロパティが存在しない。

FileオブジェクトにはwebkitRelativePathが存在する。しかし、Blobオブジェクトには存在しない。
webkitRelativePath: ファイルが選択された場合に、ファイルの相対パスを表します。
他にもFileオブジェクトにあってBlobオブジェクトには存在しないプロパティある。

URL.createObjectURL()とURL.revokeObjectURL()を使ったサンプル。
URL.createObjectURL(Fileオブジェクト)とURL.revokeObjectURL(Blobオブジェクト)を使う。

次のコードでは、画像をBlobオブジェクトに変換後にBlob URLを生成する(その2)。

このコードは次の関数等を学習するためのコードである。
new Blob()で新しいBlobオブジェクト生成
URL.createObjectURL()関数
URL.revokeObjectURL()関数
async/await 非同期プログラミングを行うための構文
readAsArrayBufferメソッドでfileオブジェクトを読み込む。

次のコードでは、画像をBlobオブジェクトに変換後にBlob URLを生成する。

このコードは次の関数等を学習するためのコードである。
fetch()関数
new Blob()で新しいBlobオブジェクト生成
URL.createObjectURL()関数
URL.revokeObjectURL()関数
async/await 非同期プログラミングを行うための構文
arrayBufferオブジェクトをBlobオブジェクトに変換する。
arrayBuffer()メソッドを使ってarrayBufferオブジェクトに生成する。

次のコードでは、指定したURLの画像を分解して再構成し、ブラウザに表示する。
fetch を使用して画像を取得し、Blobを使って画像を分割して再構成する。

このコードは次の関数等を学習するためのコードである。
fetch()関数
new Blob()で新しいBlobオブジェクト生成
URL.createObjectURL()関数
URL.revokeObjectURL()関数
async/await 非同期プログラミングを行うための構文

URL.createObjectURL()とURL.revokeObjectURL()について書いていく。

最新のファイルの存在チェック(ネイティブ機能)はこちら
【JavaScript】ファイルの存在チェック(ネイティブ機能)【2024年最新版】 (attacktube.com)

2023年現在、JavaScriptにおけるファイルの存在チェック方法は次の通り。
fetchメソッドとasync/awaitを使うとファイルの存在チェックを行うコードを書ける。
fetchメソッド: ES2015(ES6)で導入
async/await: ES2017(ES8)で導入

このコードはライブラリを使用せず、純粋なJavaScriptを使用して、指定されたファイルの存在を確認する。
ネイティブなJavaScriptの機能(fetch関数とasync/await)を利用して、指定されたファイルの存在を確認する。