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に任せる、という方針です。とてもちょうどいいM...
2021.10.25
Javascript
Javascript

javascript callbackのパターンでasync/awaitを使う

callbackのパターンでasync/awaitを使うなどのメモ。やりたいこと次のような、処理が終わるとコールバックを呼ぶ関数がある://定義//numはなんでもいいただの引数functiondoLongTask(num,successC...
2021.07.16
Javascript
Javascript

Javascript preventDefaultとstopPropagation

preventDefault()とstopPropagation()のメモEventの処理で使う双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。stopPropag...
2021.03.18
Javascript
Javascript

Javascriptでブラウザにデータを格納

Javascriptでブラウザにデータ（文字列）を保存する。最近使ったのでメモを残しておく。データの格納手段ブラウザへの保存といえば、Cookie（クッキー、cookie）も思いつくがそれよりもデータの格納に適したlocalStorageを...
2021.02.04
Javascript
Javascript

Javascriptで非インタラクティブなアニメーションを作る

冬っぽい雪が降るだけのアニメーションをjavascriptで作った。デモずっと動いたままになるので、バッテリー残量注意。ソースもgithubに:ikapper/anim-fuyu-yuki使ったものcanvasを直に操作するのは辛いので、f...
2021.01.24
Javascript
Javascript

nodejsのhttp(s)モジュールでリダイレクトを処理する

nodejsのhttpモジュールで、リダイレクトをフォローするhttpリクエストを行う。リダイレクトでリクエストし直してくれるモジュールを追加すれば済む話だが、追加しない場合は自分で必要な分だけ実装する。http.get()の概要nodej...
2020.05.16
Javascript
Javascript

CSS読込後ならDOMContentLoadedでなくloadを使う

JavascriptのイベントloadとDOMContentLoadedの使い分け要約DOMContentLoaded…スタイルシート・画像などの読み込みが完了してない状態で発生。DOMの読み込みと解析が終わった状態。load…スタイルシー...
2020.05.12
Javascript
Javascript

ブックマークレットでURLとページタイトルを含んだaタグを生成

webページのタイトルとURLをブックマークレットで簡単コピーしたい。Safariの更新により、自作拡張機能が使えなくなったため。ブックマークレットなら基本的にはブラウザを問わず使用できるため利便性も高いと思う。ブックマークレットは作ったこ...
2019.06.06
Javascript
次のページ