ikapblog技術関連のメモや調べたことをメモしていきますホーム文字in画像QRIPアドレス確認JavascriptJavascriptJavascriptでページの高さの変更をチェックするJavascriptでページ全体の高さを検知する方法2つ。ikapblogのように、目次をハイライトする場合は、ページ内の章節となる各コンテンツの座標を取得・保持しておくために...2021.11.04JavascriptJavascriptJavascriptで目次のハイライトサイドバーにある目次の現在項目を項目を分かりやすくするためハイライトするようにした。折りたたみ要素の展開などでページの高さが変わってもハイライトがずれないようにしました。長い記事を読むとき、目次にハイラ...2021.10.27JavascriptJavascriptJavascriptでCSSアニメーションを埋め込むJavascriptを使ってCSSでアニメーションさせる。Javascriptでは上手に書かないとアニメーションの動作が滑らかにならないので、アニメーションはCSSに任せる、という方針です。callbackのパターンでasync/awaitを使うcallbackのパターンでasync/awaitを使うなどのメモ。双方イベントリスナー内で使うことが多い。イベントインターフェースのメソッドだからリスナーで処理するだろう。stopPro...2021.03.18JavascriptJavascriptJavascriptでブラウザにデータを格納Javascriptでブラウザにデータ(文字列)を保存する。最近使ったのでメモを残しておく。ブラウザへの保存といえば、Cookie(クッキー、cookie)も思いつくがそれよりもデータの格納に適したlocalStora...2021.02.04JavascriptJavascriptJavascriptで非インタラクティブなアニメーションを作る冬っぽい雪が降るだけのアニメーションをjavascriptで作った。動いたままになるので、バッテリー残量注意。canvasを直に操作するの...2021.01.24JavascriptJavascriptnodejsのhttp(s)モジュールでリダイレクトを処理するnodejsのhttpモジュールで、リダイレクトをフォローするhttpリクエストを行う。リダイレクトでリクエストし直してくれるモジュールを追加すれば済む話だが、追加しない場合は自分で必要な分だけ実装する。DOMContentLoaded...スタイルシート・画像などの読み込みが完了してない状態で発生。DOMの読み込みと解析が終わった状態。load...スタ...2020.05.12JavascriptJavascriptブックマークレットでURLとページタイトルを含んだaタグを生成webページのタイトルとURLをブックマークレットで簡単コピーしたい。Safariの更新により、自作拡張機能が使えなくなったため。ブックマークレットなら基本的にはブラウザを問わず使用できるため利便性も高いと思う。ブックマークレッ...2019.06.06Javascript次のページ12次へホームJavascriptikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバー'}}})();。