Reactimgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする
1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。(Javascript, react) 2021/09追記 リサイズのことを忘れていた。イベントリスナーを追加してリサイズすればいい:...
javascript
React
Javascriptjavascript callbackのパターンでasync/awaitを使う
callbackのパターンでasync/awaitを使うなどのメモ。 やりたいこと 次のような、処理が終わるとコールバックを呼ぶ関数がある: // 定義 // numはなんでもいいただの引数 function doLongTask...
JavascriptJavascript preventDefaultとstopPropagation
preventDefault()とstopPropagation()のメモ Eventの処理で使う 双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。 stop...
JavascriptJavascriptでブラウザにデータを格納
Javascriptでブラウザにデータ（文字列）を保存する。 最近使ったのでメモを残しておく。 データの格納手段 ブラウザへの保存といえば、Cookie（クッキー、cookie）も思いつくがそれよりもデータの格納に適したlocalSt...
JavascriptJavascriptで非インタラクティブなアニメーションを作る
冬っぽい雪が降るだけのアニメーションをjavascriptで作った。 デモ ずっと動いたままになるので、バッテリー残量注意。 ソースもgithubに: ikapper/anim-fuyu-yuki 使ったもの canvasを直...
WebMarkdown to htmlを改修した
以前作ったマークダウン形式の文字列をhtmlへ変換するmd to htmlを改修した。 自分で使っていてサニタイズ（Purify）に不満点があったため。 ページはここ→Markdown to raw html 最初の記事→Webブラウ...
Web3通りのmarquee
幅が足りない時は文字をスクロールさせる。（マーキー） 電光掲示板のようなスクロール。局所的には使える。 試した方法3つ marqueeタグ（廃止）を利用 CSSのanimationを利用 Javascriptで実装 特に...
electronElectronでのIPCの例（send, sendSync, invoke, etc.）
ElectronでIPCを同期的に行うときは、sendSyncでなく、invokeを使う。 ということを言いたくて書いていたらIPCの例みたいになったけどまあいいや。 sendSync sendSyncは実装の見た目は簡潔になるが、レ...
Javascriptnodejsのhttp(s)モジュールでリダイレクトを処理する
nodejsのhttpモジュールで、リダイレクトをフォローするhttpリクエストを行う。 リダイレクトでリクエストし直してくれるモジュールを追加すれば済む話だが、追加しない場合は自分で必要な分だけ実装する。 http.get()の概要 ...
JavascriptCSS読込後ならDOMContentLoadedでなくloadを使う
JavascriptのイベントloadとDOMContentLoadedの使い分け 要約 DOMContentLoaded…スタイルシート・画像などの読み込みが完了してない状態で発生。DOMの読み込みと解析が終わった状態。 loa...