setTimeout を完璧に理解する
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。 先に書いておきますが、ものすごくニッチで細かい話ばかり並びます。突然私が、ただ純粋に setTimeout について調べたくなったので、その結果をまとめただけのものです。普通に開発している人には必要のない情報が多くなるでしょう。この記事は基礎から setTimeout を学ぼう、という方には全然向かないと思います。 また、JavaScript のイベントループについてある程度理解していることを前提とします。その詳しい理解には、@PADAone さん
memlab を使って Web サイトのメモリリークを検出しよう
概要 本記事は、メタ社(旧 FaceBook) が開発した OSS であるメモリリーク検知ツールである [memlab] をさっそく試してみた記録になります。 公式ドキュメント以上の付加価値はあまりありませんが、ざっくりと雰囲気を掴んでもらって使用を検討して頂ければ幸いです。 memlabについて memlab は、 Puppeteer API を用いたシナリオを作成することで、そのシナリオ実行によって発生するメモリリークの検出及びヒープ領域の分析を補助してくれるツールです。 本記事は実際に動かすところに重きを置くので、ツールの背景などの詳細は以下記事を参照ください。 ざっくり言うと、 memlab では以下のことが行なえます。 Puppeteer ベースでの宣言的なシナリオの作成 ヒープ領域とメモリリークの可視化 シナリオ内でのヒープのスナップショットの自動取得 スナップショットの解析と
window.open()で開いたウィンドウにデータを渡す - 中安拓也のブログ
はじめに 環境 今回やりたいこと ウィンドウにデータを渡す二つの方法 1. ローカルストレージを用いる方法 2. window.postMessage()を用いる方法 ウィンドウにデータを渡す実装 ローカルストレージを採用した場合 親ウィンドウの実装 子ウィンドウの実装 window.postMessage()を採用した場合 親ウィンドウの実装 子ウィンドウの実装 参考サイト はじめに window.open()で開いたウィンドウに親ウィンドウからデータを渡す処理を仕事で書いた時に色々と苦労したので、備忘録としてプライベートでも似たような実装をしてみました。 環境 SPAフレームワークのAngular/TypeScriptを使用しています。 Angular: 8.2.14 Node: 12.13.1 TypeScript: 3.5.3 今回やりたいこと 1.あるウィンドウからwindow.
javascript(ts) で一定時間ごとに実行する forEach
const intervalForEach = (callback:(item:any,index:number) => void, array:any[],intervalTime:number) => { const length:number = array.length; let index:number = 0; const intervalId:number = window.setInterval(() => { if( index > (length - 1) ){ clearInterval(intervalId); }else{ callback(array[index],index); index += 1; } },intervalTime); } const fruits:string[] = ['りんご','みかん','トマト']; intervalForEac
Hexo
Blazing Fast Incredible generating speed powered by Node.js. Hundreds of files take only seconds to build. Markdown Support All features of GitHub Flavored Markdown are supported, including most Octopress plugins. One-Command Deployment You only need one command to deploy your site to GitHub Pages, Heroku or other platforms. Plugins Features powerful APIs for limitless extensibility. Various plugi
Chrome拡張 つくりかた 令和最新版
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
【日記 21.04.23】偽サイトをどうにかしたい奴｜motikan2010
先日以下のようなツイートをした。 私のブログ記事を検索してみたら、偽サイトがヒットしてしまうというもの。 当初は本物のブログ記事もヒットしないということもあり気にしていなかったのだが・・・。 私のブログは 偽サイト しかヒットしない模様 _(:3 」∠ )_ Google 検索エンジンへの登録方法が分からないので助かる (꒪⌓꒪) pic.twitter.com/GbA3AYWRyp — motikan2010 ❁ (@motikan2010) April 21, 2021 偽サイトにはアダルト広告が表示されるんですね・・・。 偽サイトだと気づかない方に私が意図的に出しているものだと勘違いされるのも嫌なので、この偽サイトが表示されないようにすることにしました。 私がやったことは単純で以下の JavaScript コードをブログに埋め込み、偽サイトからのアクセスは本家サイトに転送するようにし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - projectdiscovery/katana: A next-generation crawling and spidering framework.
「javascriptでのwindow.open時の値渡し」（1） Insider.NET － ＠IT
Javascript forEach() で setTimeout が効かない時
setIntervalでforeach - Qiita
GitHub - Humoud/Analyziz: A workbench for initial analysis of malicious domains, urls, and malware samples.
GitHub - hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
関数型プログラミングが『銀の弾丸』であるという非常識な常識2022
Parsing string as JSON with single quotes?
cveapi
GitHub - david3107/squatm3gator: Squatm3gator is a complete web solution based on the python tool squatm3, designed to enumerate available domains generated modifying the original domain name through different cybersquatting techniques
My Javascript Recon Process - BugBounty
GitHub - urlint/urlint: Checking the availability of links from your CLI
GitHub - wallet77/qualscan: A CLI, and API, tool to run many quality check-ups on your javascript project.
