CSS React+CSS 要素の位置を選択して切り替える
reactで要素の位置を選択して切り替える。ReactとCSSでおこなった。reactで要素の位置を9個の選択肢から選んで変更できるようにする。選択肢は8方向と中央。選択肢の提示方法はCSSで調整した。グリッドレイアウトを使用。要素の配置決...
CSS 
React imgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする
1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。(Javascript, react)2021/09追記リサイズのことを忘れていた。イベントリスナーを追加してリサイズすればいい:// 結...
windows AutoHotKeyのスクリプト例
AutoHotKeyで使った構文やスクリプトの例を書いておく。スクリプト作成時の注意基本的なことは、公式ドキュメントのチュートリアルを読む。たぶん機械翻訳とかでも十分わかる:機械翻訳はdeeplがおすすめ:その他の注意事項も記しておく:Au...
windows AutoHotKeyでUSキーボードのリマップ
Ule4JISの代わりにAutoHotKeyを使い始めた。更新履歴2022/10: 一部リマップ対象のキーの修飾キーの付与に対応した.ahkに更新。AutoHotKeyAutoHotKeyは、Windows向けの独自スクリプト言語によるオー...
windows wsl2でのpbcopyの代わり
wsl2でのpbcopyの代わり更新履歴など2023/3: WSL1.1.3.0くらいから仕様が変わったらしく、clip.exeに渡す前にエンコーディングを変えることが必要になった。自分の環境だとutf-8からshift-jisに変えないと...
windows Windows10でタブレット端末をサブディスプレイとして使う
iPadやAndroidのタブレットをWindowsPCのサブディスプレイとして使う。やりたいことWindowsPCの画面領域を広げるため、iPadなどのタブレット端末をサブディスプレイとして扱いたい。無線でも有線でもいい。無線だとWifi...
traefik traefikでHTTP-01 challengeを使うように戻した
traefikのlet's encryptのacmeのチャレンジで、DNS-01 challengeでなく、HTTP-01 challengeを使うように設定を戻した。なぜ戻したかDNS-01 challengeだと更新がうまくいかない。期...
CSS 入れ子のul/olのmargin-bottomを調整した
このブログのolとulのCSSを調整した。更新履歴2022/12: 再現性を確保したコードに修正。より良い手段を記載。環境2022/12追記: wordpressかどうかはあまり重要ではないけど一応載せておく。2バージョンで確認。wordp...
RHEL系 REHL8派生のAlmaLinuxにdocker-ceを導入
まっさらなRHEL8派生のOSにdocker ceを導入する。追記事項について2022/7: dockerの自動起動について追記した。はじめにdockerの導入について書いていなかったと思うので記録しておこうと思った。RHEL8派生のOSに...
Javascript javascript callbackのパターンでasync/awaitを使う
callbackのパターンでasync/awaitを使うなどのメモ。やりたいこと次のような、処理が終わるとコールバックを呼ぶ関数がある:// 定義// numはなんでもいいただの引数function doLongTask(num, succ...