くだらない所でハマって、ものすごく悔しい。

ライブラリを使用して実現できましたが、実用性皆無です。

どの方法もリスクがあり最適解がない。

好きなSVG画像をインポートして作れる。

アイコンの設計を考える レスポンシブなアイコンを作りたい。色やサイズを適切に変更でき、画像データは単一でメンテが容易。そんな理想のアイコンを、どうすれば実現できるかを考える。

一瞬ハマったので実際に書いてみた。

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でクラスを文字列から動的生成する３つの方法 eval(),Function(),import()。

できるだけ隠したいので。

３つのプロジェクトを統合した。非ESModule版と、ESModule版がある。

value属性をキーにしてtextContentやtitleの値を後付けする。ついでに選択状態を保存してくれる。

閉じるときに1回のみ保存するか、入力時に毎回保存するか選べる。