やってみる

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

JavaScript

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のようにデータを読書できる。

JSのCache APIを使う

リソースファイルを保存する。

JSのServiceWorkerとCacheを使う

オフラインでも動作するWebアプリのために。

JSのsessionStorageを使う

ブラウザを閉じる間まで保存する。

JSのyieldをgetterで使う

generatorを使ってiterableにする。

JSのWeb Storage APIを使う(localStorage)

ローカルにデータを保存する仕組み。