Web Speech APIは、文字の読み上げを担うSpeechSynthesisと、音声認識を担うSpeechRecognit

forEach()でも他の配列メソッドでも、asyncは正しく動く。ただ、配列メソッドに渡した関数が要素順に実行されなくなり、混

ORマッパーとは、リレーショナルデータベースから取得するデータに型をつけたり、CRUD全部をオブジェクトで実現してくれるツールで

JavaScriptのtruthy/falsyな値は、trueあるいはfalseと解釈されるだけで、値自体は変換されない。 そも

JavaScriptのPromiseは、非同期処理が終わるまで、その処理の代理人としてがんばってくれるオブジェクトである。おかげ

Reactのフックの一つにuseReducerがある。いったい何を減らしているの。地味に気になってムズムズするのでちょっと調べた

JavaScriptのプロパティディスクリプタは、プロパティ1つ1つに対して変更や列挙、削除の可否を指定できる仕組みである。仕様

乱暴に言うと、JavaScriptのnew演算子は、関数を新しいオブジェクトを生成するコンストラクターに変える特別なキーワードで

JavaScriptのSetオブジェクトは、複数のユニークなプリミティブ値、あるいはオブジェクトの参照を保持するために使う。つま

try{}内の処理は必ず実行され、そこで例外が投げられたらcatch{}が実行される。finally{}は任意だが、記述がある場

strictモードは、JavaScriptを頑固おやじモードにする。具体的には、ナァナァで許されていた一部の記述が許されなくなる

2つの要素の縦方向のmarginが重なる場合、大きい方の値のみが適用される。これは一般にmarginの相殺と呼ばれる仕様である。

markdown-itは、サーバー/クライアント問わず使える、MarkdownをHTMLに変換してくれるライブラリである。プラグ

CodeMirror6では、style-modという独自のCSS-in-JSを用いてスクリプトファイルに直接スタイルを含めている

D3.jsでは、selection.on(イベント名, イベントリスナー, オプション)という形で任意の要素にイベントリスナーを

Canvas APIは、JavaScriptとHTMLの<canvas>要素を使って画像を描くAPIである。 アニメ

JavaScriptのProxyオブジェクトを使うと、別のオブジェクトのプロパティの取得、設定、列挙、関数呼び出しなどを再定義で

Reflectは、プロパティの取得、設定、削除、存在確認といった任意のオブジェクトに対する操作を、一貫した方法で実現するオブジェ

Googleアナリティクスを設定する際、GTM-XXXみたいなタグとG-XXXみたいなタグの違いがわからず、毎回不安な思いをする

0除算とは、例えば1÷0のように、ある数を0で割る計算のことである。この計算は定義できないとされる。 その説明として、逆演算の不

<pattern>タグを使うと、SVG画像内で繰り返し使える任意のパターンを定義できる。パターンは、fill属性また

TypeScriptのRecord型は、あるオブジェクトのキーと値の型のセットがすべて同じ場合に、その型をまとめて指定する際に使

Unicodeの絵文字一覧をカテゴリ別にまとめた。絵文字は、クリック、あるいはフォーカスしてエンターキーでコピーできる。 なお、

TypeScriptにおいて、interfaceはメソッドやプロパティを備える型、typeはプリミティブ型の延長的な型の定義に使

JavaScriptのparseFloat()とparseInt()について、仕様を参照しつつ、適当な値を渡して何を返すか実験し

コンピュータサイエンスの文脈で言う"NaN"は、"Not a Number"の略である。

E表記とは、桁数の大きな10進数を簡単に表すための記法である。例えば1000は1E+3のように、"E"で区切

<input type="number">は、数値以外の入力を空文字に変換する。受け入れられる数

npxは、リモートでホストされるNode.jsのCLIツールや実行ファイルを実行できるツールである。名称はNode Packag

Gulpはタスクランナーである。JSに軸足を置くバンドラー（Webpackなど）やビルドツール（Viteなど）とは異なり、Web

CSSのfloatプロパティは、画像などにテキストを回り込ませたい時に使える。代替技術もあるが、floatはその手軽さが魅力だ。

CSSのdisplayプロパティは、文字通り要素の表示形式を指定する。フローレイアウト、フレックスボックスレイアウト、グリッドレ

Google製のcwebpというWebP用の変換アプリがあり、これを使うとWebPへの一括変換を手軽に行える。 以前はSquoo

Next.js 13で導入されたgenerateStaticParams()関数は、getStaticPaths()関数の代替で

.htaccessは、Apache HTTP サーバーで使われる設定ファイルである（Nginxとは関係ない）。ディレクトリ単位の

SVGの<use>タグは、すでに定義したシェイプ要素を複製する際に使う。使い方はシンプルで、複製したい要素のidを&

JavaScriptのArrayオブジェクトは生き物である。知らないうちにメソッドが増えている。理解を深めるためにチートシートを

JavaScriptで配列のソートを行うには、配列.sort()メソッドを使うのが手っ取り早い。ただ条件（正確には比較関数）の書

WAI-ARIAとは、各種補助デバイスに向けた情報を、HTMLの属性値として付与する支援技術の1つである。Web開発におけるユニ

Pythonでは、関数や変数の型を強制しない。ただ、IDEなどが参照するように型注釈を追加することはできる。この仕組みは型ヒント

Pythonのimport文はfromで始まったりimportで始まったりする。ややこしい。そのパターンや記述する位置など、基本

SQLのSELECT文を書く際、キーワードの役割や各句の順番がよくわからなくなる（おじさんだからだ）。そこで、同文で使われる主要

React Routerは、Reactアプリでページ遷移を実現するライブラリの1つである。任意のURLセグメントとコンポーネント

※Tailwind CSSのチートシート兼プレイグラウンドを作りました。よかったら見ていってください。 Tailwind CSS

CSSでマルチカラムを作るもっとも簡単な方法は、columnsプロパティを使うことである。例えば3列のカラムを作りたいならcol

※Tailwind CSSのチートシート兼プレイグラウンドを作りました。よかったら見ていってください。 Tailwind CSS

MIMEタイプとは、任意のテキストファイルやバイト列のフォーマットを示すために使われるラベルのようなものである。主にWebでデー

JSONとは、テキストベースのデータフォーマット（データの書き方）である。仕様がシンプルかつ直感的で、人でもプログラムでも読みや

SVGには、<feDropShadow>という要素がある。これを使うと、SVGの図形にCSSのbox-shadowの

データの種類に応じて、カンマや単位を付与したり、数値を丸めたいケースがある。D3.jsには、こうした数値の整形に使う関数を返す2

SVGの<g>タグは、複数の要素をまとめ、あたかも1つの要素であるかのように配置やスタイリング、アニメーション等を行

SQLiteでは、独特な方法で動的な型づけを行っている。CAST式の挙動を把握するために、いくつかのパターンで返される値を整理し

HTML/XML、CSSの文脈で使われる「属性」と「プロパティ」は、似て非なる単語である。感覚で適当に使っていたら、先刻Chat

SVGでテキストを表示するには、<text>要素を使う。この要素は単純に見えて、座標の指定方法などに少しクセがある。

ChatGPTを使っていると、まともに反応しなくなるときがときどきある。しかも原因は1つではなく、以前に通じた対処法が次も通じる

D3で棒グラフを描くには、100行以上のコードを書く必要がある。という実しやかな説がある。これが事実かどうか確かめてみたい。 ま

D3.jsでは、専用のメソッドを通してグラフに応じた軸を柔軟に表示できる。はずだ。難しいのでまだ全然わからないが、使いこなせるよ

2進数の小数は、 1 2 , 1 4 , 1 8 \frac 1 2, \frac 1 4 , \frac 1 8 21​,41

D3.jsでグラフを描画するには、いくつかの下準備がいる。スケールはその第一歩である。これは主に、各データを大きさや色、位置など

SQLのCTEs（Common Table Expressions）とは、クエリAの中だけで定義・利用できる、クエリBの結果を格

Reactで、配列を元にリストを表示する処理を書いた。何も考えずpop()メソッドを使ったところ、うまく表示されない。 なぜだ。

Symbol値(=symbol)は、JavaScriptのプリミティブ値（プロパティやメソッドを持たない値）の1つである。最大の

JSXとは、JavaScriptにHTML風の構文を組み込んだ表現方法である。JSとは別物で、トランスパイラでJSに変換しないと

SQLiteは、サーバなしで使えるファイルベースのデータベースである。軽量でちゃちゃっと使えるくせに、SQL仕様をほぼ網羅してい

※Tailwind CSSのチートシート兼プレイグラウンドを作りました。よかったら見ていってください。 v3に限らず、Tailw

久しぶりにSwiperを使おうと思ったら、前に使ったときからいろいろ変わっていた（最近こんなんばっかりだ）。まずドキュメントの読

SVGは入門のハードルは低いが、門から先が長い。長いというか、道の枝分かれがすごい。本筋となる知識を固めるべく、主にMDNのSV

W3C勧告、というかX11 color namesを参考に、CSSで使える色名とそのカラーコードをまとめた。色名とカラーコードは

Tailwind CSSをがんばって使おうとしたら、PostCSSの設定が至らず地味に躓いた。そもそも、PostCSSがなんなの

Tailwind CSSの@applyディレクティブが処理されず、そのまま出力されてしまう現象に出くわした。 該当のコードは、メ

style-modは、スタイルを動的に管理するためのJavaScriptライブラリ、いわゆるCSS-in-JSの一種である。作者

KaTeXとは、数式をWebページ上で綺麗に表示するためのJavaScriptライブラリである。TeXという文字のレイアウト用の

SVGには、基本的な図形を描くタグがあらかじめ用意されている。直線も曲線も描ける<path>タグは、それらの中で最も

Chrome拡張機能のcontent scriptsでcustomElements.define()を使ったらUncaught

手持ちのMacを新調し、久しぶりにXAMPPでWordPressのローカル環境を整えた。 しかし、OpenSSLを使ったSSL対

SVGとは、Scalable Vector Graphicsの略である。ベクターグラフィクスは、数値を使って表現する画像を意味す

Live NodeListとStatic NodeListの違いを調べた。一次情報として、MDNのNodeListのページには、

PugよりMarkdownの方がずっと楽なことに、ブログを書くようになってようやく気づいた。しかし場当たり的に記法を覚えようとし

D3.jsとは、データを視覚化するためのドメイン固有言語である。JSライブラリだと思って取り組むと、足元を掬われて後頭部を強打し

Prism.jsは、プログラムコードの構文を解析して、その言語ごとに見やすく色付け（シンタクス・ハイライトや構文ハイライトとも呼

誰がなんと言おうと私はPugを使い続ける、という強い決意をこめて、ここにPugのチートシートを記す。 Pugの基本的な使い方 P

CodeMirror6についてさらっと勉強するつもりだったのに、気づけばバッカス・ナウア記法の勉強を強いられていた。「勉強を強い

CodeMirrorは、バージョン5以前とバージョン6とで、根本的な設計が変わっている。具体的には、アタタタッとグローバル変数で