カタバミさんのプログラミングノート

日曜プログラマーがプログラミング関係のメモを記録するブログです。

JavaScript

JavaScriptで文字列をUTF-8文字コードとして処理する方法

JavaScriptで文字列をUTF-8文字コードとして処理する方法のメモです。動作確認環境はWindows 10、Google Chrome 79.0.3945.130です。 文字列を16進数UTF-8文字コードに変換して半角スペースで区切る 文字列を文字毎に10進数UTF-8文字コードに変換した二次元…

Uint8Arrayのmap関数の注意あるいはTextEncoder.encodeの戻り値の注意

Uint8Array.of(0, 1, 2).map(x => x) // Uint8Array(3) [0, 1, 2] Uint8Array.of(0, 1, 2).map(x => 0.1) // Uint8Array(3) [0, 0, 0] !? Uint8Array.of(0, 1, 2).map(x => "a") // Uint8Array(3) [0, 0, 0] !? 現在の仕様ではUint8Array.map関数はUint8…

JavaScriptのevent.targetとevent.currentTargetの違い

event.targetとevent.currentTargetの値は一般的に異なります。例えば以下のサンプルコードを実行すると次の表が得られます。ボタン2と3はどちらもA要素の子要素です。 クリックした場所 event.target event.currentTarget ボタン1 ボタン1 ボタン1 ボタン2 …

Vue.jsのmethodsやcomputedにおける関数式の種類とthis

Vue.jsのcomputedでアロー関数*1を使ってthisで混乱したので覚え書きとして。結論は以下の通りです。 Vue.jsのmethodsやcomputedでは匿名関数*2を使った方が素直 アロー関数におけるthisの挙動は仕様 thisの仕様については詳細に調べていませんが、サンプル…

Google APIs Client Library for JavaScriptからGoogle URL Shortener APIを使ってみる

はじめに クライアントとしてGoogleの各種サービスを操作するAPIはGoogle APIs Client Libraryの名前でJavaScriptを始めとした様々な言語に対して公開されています(for JavaScript含めて一部はベータ版)。ここではWindows上でJavaScript (AJAX)の為のライ…