JavaScript

【JavaScript】文字列の詳細【中級者】

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

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

続きを読む

【JavaScript】BlobオブジェクトをFileオブジェクトに変換する【中級者】

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

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

続きを読む

【JavaScript】画像をBlobオブジェクトに変換後にBlob URLを生成する(その2)【中級者】

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

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

続きを読む

【JavaScript】画像をBlobオブジェクトに変換後にBlob URLを生成する【中級者】

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

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

続きを読む