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