JavaScriptは、主にWeb開発のために使われているプログラミング言語です。 元々はクライアント(ブラウザ)で動くものでしたが、Node.jsなどによってサーバ側でも使われるようになりました。
このサイトは、JavaScriptの亜種であるTypeScriptを使って実装されています。
PowerShellで配列内のユニークな値の数を数える
値の重複がある配列があるとき、重複を省いた状態でのユニークな値の数をPowerShellで調べる方法です。いくつか方法があるので、それぞれ試してベンチマークしてみました。
Node.jsでMarkdownをplain textに変換する
Node.jsを使って、Markdownのマークアップを削除してプレーンテキストに変換する方法です。依存関係は無いようなので、ブラウザでも動くはずです。
Reactでステートの値が反映されない時に試すこととその理由
ReactのコールバックやuseEffectで、更新したはずのステートの値をちゃんと取得出来ないことがあります。これを回避する方法と、そもそも何故そんなことになるのかという解説です。
Next.jsでWeb VitalsをGoogle Analyticsに記録する
Next.js 9.4から追加されたIntegrated Web Vitals Reportingという機能を使って、LCPやらFIDやらのWeb VitalsをGoogle Analyticsのカスタム速度に記録する方法です。Google Analyticsへの記録にはReact-GAを使っています。
Next.js + MDXでブログを作る 〜 Blanktarの場合
このブログはNext.jsとMDXを使って作られています。Next.jsはブログ用というわけではないので、少し工夫が必要な箇所がありました。この記事は、その工夫をまとめたものです。
Node.jsで画像に文字を書く
node-canvasというライブラリを使って、Node.jsで画像に日本語の文字を書く方法です。ブラウザのcanvasと同じAPIが実装されてるので、canvasを使ったことがあるなら簡単に使えると思います。
JavaScriptでコールバックな関数をPromise化する
Promiseに対応していなくてコールバック関数を渡さないといけないJavaScriptの関数を、async/awaitで呼び出せるようにPromise化する方法です。
HTML5でマイクで拾った音を色々して何か作った。
HTML5のaudioタグとcanvasタグ、それからAnalyserNode APIを使って、録音やマイク入力をブラウザだけで解析・可視化してみました。色々と面白いことが出来そうです。
dcコマンドで遊んでみた
Linuxには`dc`というコマンドがあります。cdコマンドと打ち間違えそうなやつですが、れっきとした計算用のマクロ言語(?)のようです。色々なマクロを組んで試してみました。
HTML5のcanvasの中身をコピー
HTML5のcanvasを使ってお絵描きした内容を、そのまままるごとコピーする方法です。結構簡単に出来るみたいです。