JavaScript
一瞬ハマったので実際に書いてみた。
JavaScriptのdocument.body.clientWidthなどで画面サイズを取得すると、間違った値が返される。
[9,10,1].sort()の結果が[1,10,9]になってしまう。バカなの?
[<canvas>][canvas]は、JavaScriptで描画する領域である。</canvas>
最低でもこれくらい知っておくべき。
[vite]と連携できる高速なテスト用フレームワーク[vitest]を使ってみた。
フレームワークもあるが、まずは標準APIを使ってみる。
ラズパイ4(4GB, 32bit)にて、WEBアプリやサイトを開発するために。
[規格][]に応じたコードを書いて動かしてみる。
DenoはNode.jsの後継版。
閉じたとき、更新したときなどアンロードされたら保存する。
CSSのカスタムプロパティをJSで操作する。
最小コードを書いてビルドし実行して結果が正しいことを確認した。
文字数と読了時間を表示する要素を作ってみた。
右クリック禁止は効果がありません。代わりにワンタッチで引用できるツールを導入したほうがよいでしょう。
HTMLでルビを振ったあとブラウザでテキストコピーしたら漢字かんじみたくなるのを防ぐ方法。
日本語と英語でAND検索できた。
日本語をOR検索できた。ただし英語との混在や、複数単語によるAND検索はできない。
複数キーでソートできない。
PureJSで使える。ライブラリ依存なし。vueなどのライブラリでも使える。
JSでクラスを文字列から動的生成する3つの方法 eval(),Function(),import()。
できるだけ隠したいので。
3つのプロジェクトを統合した。非ESModule版と、ESModule版がある。
value属性をキーにしてtextContentやtitleの値を後付けする。ついでに選択状態を保存してくれる。
閉じるときに1回のみ保存するか、入力時に毎回保存するか選べる。
背景色は好きな色にする。それに応じて文字色として見やすい色を返す。
最近やっててハマった代表的なものをメモる。
できたっぽい。
技術系サイトでは標準的なヤツら。これを<code src="/path/">でできるようにした。</code>
前回もなったが再び。対策がたった1日で使えなくなった。萎える。webpackが5.17.0から5.18.0にあがったせいだった。さすがECMAScript界隈クソで有名なだけはある。