やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

JavaScript

背景色から白・黒みやすいほうを返す

背景色は好きな色にする。それに応じて文字色として見やすい色を返す。

JavaScript開発しているときにハマったこと

最近やっててハマった代表的なものをメモる。

Elasticlunr.jsで全文検索してみた(日本語)

できたっぽい。

HTMLのcodeタグを改良した(外部参照+ハイライト+コピー)

技術系サイトでは標準的なヤツら。これを<code src="/path/">でできるようにした。</code>

webpack5でprivateキーワード#がエラーになった2

前回もなったが再び。対策がたった1日で使えなくなった。萎える。webpackが5.17.0から5.18.0にあがったせいだった。さすがECMAScript界隈クソで有名なだけはある。

DOMマッパーを作った

CSSセレクタで要素を指定して、指定した値をあてがう。多言語化に使えるかと思ったのがはじまり。

radioタグをライブラリにした(CDN)

これでサクッとラジオボタンが作れる。

radioタグのwebpack版をつくった

importコードに作り変えて。

Babelをインストールしてwebpackでビルドする

private # なコードをビルドできた!

webpack5でprivateキーワード#がエラーになった

なんでや。ブラウザでなら普通に実行できたのに。

JSコード実行環境フローチャート

3パターンある。

webpack5を使う【最短】

いい感じにできた。

Element Plus【JS用UIライブラリ】

vueを使ったユーザインタフェースのライブラリ。

JSでラジオボタンのタグ<radio>を作った

簡単だった。DOM操作すればいいだけ。

vue3でラジオボタングループのコンポーネントをつくるときの考察1(HTML,JS)

考えるべきことが多いのでまとめた。

VueをCDNで使う

まとめておく。

縦書きにするJSライブラリ

調べてみた。

縦書きしてみる(HTML+CSS+JS)

とりあえず版。ビジュアルはとてもキレイ。

vue.jsのrender()を使う

ドキュメントの最初で見てから気になってたので。

vue.js3のcreateApp()について調べる

謎のメソッドたちを把握する。

Vue.ref()を使う

値の変更ができた!

vue.jsを使ってみる(3.0.5)

3系版。値の参照ができなかった……。

Vue.js devtools をインストールするも使えなかった

Vue.jsのデバックをするChrome拡張機能である。CDNのVue.jsだと使えない。

vue.jsを使ってみる(2.6.12)

サクッと使えた。すばらしい!

RubyタグをIME入力に応じて入力するのが難しすぎた

実装できなかった。途中までの断片コードをアップしておく。

JSでルビ変換(カクヨム、なろう、でんでんマークダウン)

HTMLに変換する。

rubyタグを楽に編集する方法を考えてみた

rubyタグ編集方法の案 rubyタグを含む文書を楽に書きたい。そのための方法を考えてみた。

JSでローカルに保存するAPIまとめ

5種類ある。用途に応じて使い分ける。

JSのFile System Access APIを使う

ローカルのファイルを読書できる。

JSのIndexedDB APIを使う(dexie.js)

RDBのようにデータを読書できる。