setTimeout を完璧に理解する
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。 先に書いておきますが、ものすごくニッチで細かい話ばかり並びます。突然私が、ただ純粋に setTimeout について調べたくなったので、その結果をまとめただけのものです。普通に開発している人には必要のない情報が多くなるでしょう。この記事は基礎から setTimeout を学ぼう、という方には全然向かないと思います。 また、JavaScript のイベントループについてある程度理解していることを前提とします。その詳しい理解には、@PADAone さん
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
ブラウザ版はてブのお気に入りユーザーのコメントを一括表示するブックマークレット - チラウラヤーン3号
以前の話 以前も言及したことで、そのとき見つけた方法は次の通りなんですけど、 Web版はてブでお気に入りの人たちのコメントを一覧したい - チラウラヤーン3号 モバイル版のお気に入りユーザーコメントの表示画面。こういうのがPC版でも欲しい 毎回マイブックマークの一覧ページを開くのも面倒だったのでブックマークレットを作りました。 今回の話 PC版はてなブックマークで、お気に入りユーザーたちのコメントをもう少し手軽に一覧したかったので簡易的なブックマークレットを作りました。 「簡易的」と免責したのは、コメント中のURLはリンクにならないしスターも付けられないからです (スターつけたいときはアイコンをクリックしてコメントに飛んでスターつけてる)。その場でスターつけたいなあ...。そしてChrome以外動作確認していません。 本当はモバイル版はてブみたいに整形してくれるスイッチをお気に入りユーザー
Python3 + Selenium + BeautifulSoup4 - Chromeドライバを利用した実装例 - Qiita
Python3でSeleniumのChromeドライバを利用したBeautifulSoupの作成例。 JavaScriptによる動的コンテンツのパースも可能。 from bs4 import BeautifulSoup from selenium import webdriver from selenium.webdriver.chrome.options import Options def create_soup(url, timeout=30): """ urlのコンテンツからBeautifulSoupを作成する。 @return {BeautifulSoup} """ options = Options() options.add_argument('--headless') options.add_argument('--disable-gpu') driver = webdri
脆弱性のあるJavaScriptライブラリを検出するRetire.jsを紹介 - Qiita
「Webには時代遅れで脆弱性のあるJavaScirptライブラリで溢れていることが研究により明らかに」という記事のとおり、世の中には脆弱性のあるJavaScriptライブラリを使った多くのウェブサイトが存在します。 IPAが公開している「安全なウェブサイトの作り方」には脆弱性が修正されたバージョンのライブラリを使用する。と記述があったり、「OWASP TOP10 2017 (日本語版)」にも既知の脆弱性のあるコンポーネントの使用を避けるように、と脆弱性のあるライブラリを使用しないよう注意喚起されています。 脆弱性のあるライブラリを使用しているか調べることができるRetire.jsを紹介します。 すべての脆弱性を防げる保証は無いので、あくまで自己責任でお使いください。 Retire.jsとは Retire.jsは上の画像のようにCLIなどで実行することができる脆弱性のあるJSライブラリを検出
Chrome Dev ToolsでJavaScript/TypeScriptデバッグ ~さようならconsole.log~ - Qiita
はじめに 業務でJavascript/TypeScriptを用いて開発をしていて、 毎日のようにデバッグするのですが そんな中でChrome Dev Tools(DevTools)を使用したお気に入りのデバッグ方法があり、まとめてみました。 以前React Dev ToolsでのReactのデバッグ方法も紹介していますので、興味があれば読んでください。 React Developer Toolsのすすめ 既にご存知の方には当たり前の方法で 記事にするほどのことでもない！と思われるかと思いますが、 知らなかった方が効率よくデバッグできるようになれば幸いです。 対象読者 Javascript/TypeScriptで開発しているが、デバッグ方法がいまいち分からない方 console.logを多用してデバッグをしている方 デバッグを効率化したい方 JavaScript/TypeScripのデバッグ
WebAssemblyでゴリゴリ閲覧履歴とかを検索するChrome Extensionを作ってみつつ、WebAssemblyの現状報告もしてみる - Qiita
こんにちは、kamyknです。 今回はWebAssemblyの力を試してみたかったので、履歴、ブックマーク、タブ検索ができるChrome Extensionを作ってみました。今回は記事中コードはほぼ出てきませんが、開発の際に得たWebAssemblyの知見などをメインに書いていってみたいと思います。 なお、今回作成したChrome Extensionの特徴は下記のような感じです。 技術的な概要 検索ロジック部分はfzf風に作っていてWebAssemblyによるものです。 (まだ自分用の段階ですが、WebAssemblyをnpm package化したりしてます) 処理はWebWorkerで別スレッドに逃がしています 表示部分などの実装はJS、特にVue.jsによるものです 検索対象のデータはすべてChromeのAPIで提供されるデータを利用します これらについては記事内で順に説明していきたい
日本語の読み上げをするChrome拡張機能を作ってみた - Qiita
. 同内容で画面キャプチャ付きの記事はこちらにあります。 . 長ったらしい業務メールや、読んでおきたいけど分量に及び腰になっちゃうBlog記事を、読み上げてもらって文章を眺めながら聞くというやり方で、集中力が低下している時にもとりあえず処理できるようにして生産性を上げたい（上がる？）。 ちょっとググるとなかなか良いサービスがある。 http://imtranslator.net/translate-and-speak/speak/japanese/ 読み上げも我慢して使えるレベル。一昔前と比べるとかなり良くなった 読み上げのスピードを選べるところがGood ちんたら読まれたらイラつくからね フォームにテキストをコピーして[Speak Japanese]をクリックすると、音声ファイルが生成されて画面上で再生可能となる ちょっと面倒臭い （無料では）文字数制限がある。自動的に可能な範囲で良い上
Selenium with WebDriverJS - Qiita
起動時指定していないと↓なエラーが出る WARN - Exception: The path to the driver executable must be set by the webdriver.ie.driver system property; IEは、オプションのセキュリティ設定で「保護モード」を同じにしておく 保護モードが違っていると↓のエラーが出る WARN - Exception: Unexpected error launching Internet Explorer. Protected Mode settings are not the same for all zones. Enable Protected Mode must be set to the same value (enabled or disabled) for all zones. (WARNIN
Big Sky :: 怖い「JavaScriptコンソールからパスワードぶっこ抜き」
JavaScriptコンソールからパスワードぶっこ抜き - hogehoge JavaScriptコンソールの上部の入力欄はChrome特権のコードも実行できるんで、XPConnectからゴニョゴニョっとやると平文パスワードを覗くことができちゃうんだね。 PCから離れるときは画面ロックをしないと危険ということかな。 ホントだ怖い。 具体的なコードは Cc["@mozilla.org/login-manager;1"].getService(Ci.nsILoginManager).getAllLogins({}).forEach(function(li){ console.log(li.hostname + ":" + li.username + "," + li.password) }); ※あっ書いちゃった... 離席中に覗かれるのも怖いけど、removeAllLogins実行されるのも
Desktop Notifications with WebKit
Chrome now supports desktop notifications using WebKit's webkitNotifications API. (Try the demo.) Why is this awesome? Because it gives online tools like e-mail clients, calendering software, task managers, monitoring systems, etc. an elegant and consistent way to notify users without having to resort to annoying and invasive hacks like window.alert. Although the API is sparsely documented, it is
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - HASH1da1/Gotanda: Gotanda is browser Web Extension for OSINT.
GitHub - mitchmoser/sputnik: Open Source Intelligence Browser Extension
GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension
Chrome Extension を作って公開する - Qiita
GitHub - D09r/Malware-Scanner: Malware & URL Scanner - A Chrome extension to lookup a Potentially Malicious Websites.
https://qiita.com/lambda-knight/items/e8dc3afe83aa78f6b18e