ブラウザ Firefoxの拡張機能を作ったメモ
Firefoxのアドオンを作ったのでメモ。ちなみにこちら:デフォルトのブラウザでリンク先を保存という機能がコンテキストメニューから行えるが、リンク先URLをもとにファイル名が決定されるので、それでは都合が悪い場合があったので、かわりにWeb...
javascript
ブラウザ Javascript html+javascriptでクリップボードにコピーするまで
html+javascriptでクリップボードにコピー実現することコピーするまでのユーザーの流れは次の通り:コピーしなくなる文章・数値などが同一ページ内に複数並んでいる。それぞれの内容は異なる。それら文章・数値などのうちのどれかをクリックし...
Javascript Javascriptでページの高さの変更をチェックする
Javascriptでページ全体の高さを検知する方法2つ。想定している状況Javascriptで目次のハイライト | ikapblogのように、目次をハイライトする場合は、ページ内の章節となる各コンテンツの座標を取得・保持しておくために、初...
Javascript Javascriptで目次のハイライト
サイドバーにある目次の現在項目を項目を分かりやすくするためハイライトするようにした。更新2021/11: 折りたたみ要素の展開などでページの高さが変わってもハイライトがずれないようにしました。経緯長い記事を読むとき、目次にハイライトがないと...
Javascript JavascriptでCSSアニメーションを埋め込む
Javascriptを使ってCSSでアニメーションさせる。アニメーションはCSSに任せるJavascriptでは上手に書かないとアニメーションの動作が滑らかにならないので、アニメーションはCSSに任せる、という方針です。とてもちょうどいいM...
React imgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする
1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。(Javascript, react)2021/09追記リサイズのことを忘れていた。イベントリスナーを追加してリサイズすればいい:// 結...
Javascript javascript callbackのパターンでasync/awaitを使う
callbackのパターンでasync/awaitを使うなどのメモ。やりたいこと次のような、処理が終わるとコールバックを呼ぶ関数がある:// 定義// numはなんでもいいただの引数function doLongTask(num, succ...
Javascript Javascript preventDefaultとstopPropagation
preventDefault()とstopPropagation()のメモEventの処理で使う双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。stopPropag...
Javascript Javascriptでブラウザにデータを格納
Javascriptでブラウザにデータ（文字列）を保存する。最近使ったのでメモを残しておく。データの格納手段ブラウザへの保存といえば、Cookie（クッキー、cookie）も思いつくがそれよりもデータの格納に適したlocalStorageを...
Javascript Javascriptで非インタラクティブなアニメーションを作る
冬っぽい雪が降るだけのアニメーションをjavascriptで作った。デモずっと動いたままになるので、バッテリー残量注意。ソースもgithubに: ikapper/anim-fuyu-yuki使ったものcanvasを直に操作するのは辛いので、...