Javascript

Amazon（アマゾン）で「レジに進む」を自動クリックするツールです。Amazonで商品を購入する際に、商品ページを開いたら「レジに進む」をクリックするのが面倒なので、自動でクリックするツールを作りました。

AutohotkeyからChrome上でJavaScriptを実行する方法を考えたので紹介します。autohotkeyはキーボードやマウスのオートメーションとして強いですが、画像認識でのクリックとかは弱い印象です。一応できることにはできるみたいですが、面倒そう。画像認識での位置指定は現状確実性が薄いので、Windows上で動くQTとかのデスクトップソフトウェアならともかく、chrome上の操作であればJavaScriptに操作を渡すのが得策そうです。

JavaScriptプログラミング言語でYoutubeでHTML5の動画が再生されているかどうかを判定する方法について紹介します。HTML5の動画が再生されているかをif判定します。<pre><code>Object.defineProperty(HTMLMediaElement.prototype, 'playing…

JavaScriptのforループで要素ごとにaddEventListenerを追加する方法についてメモです。[].forEach.callを使用します。以下は例です。

Google検索したキーワードの履歴を自動でローカルストレージに保存するソフトウェア・拡張機能を書いたので、tampermonkeyユーザースクリプトで使えるJavaScriptスクリプトをシェアします。このスクリプトは、サイトが更新されるたびに(=アクセスするたびに)起動するというtampermonkeyユーザースクリプトの特徴を前提として書いています。

JavaScriptでマウスのスクロールごとにJavaScriptプログラム・関数を実行する方法についてメモです。document.addEventListenerおよびjQueryの.on・.offとis(":visible")を使用します。以下に例を紹介します。スクロールするごとにconsole.log。要素が見える状態の時に、一回だけ実行する例…

JavaScriptで要素にマウスが乗っているかどうか判定する方法についてメモです。document.querySelectorで要素を取得し、addEventListenerのmouseout/mouseoverイベントなどを以下のように使用します。<code>#main</code>要素にマウスカーソルが乗ったり外れたりするごとにログ出力します。

JavaScriptをHTMLが読み込まれたら実行する、または、ウェブページが完全に読み込まれたら実行するということを行う方法についてメモです。DOMContentLoadedがHTML、onloadがウェブページ全体です。JavaScriptでは、addEventListenerでイベントを指定してやります。

JavascriptでCSSを追加する方法についてメモです。document.createElementおよびdocument.body.appendChildを使用します。

JavaScriptで相対パス・絶対パス変換をする方法についてメモです。document.createElementを利用して以下のようなJavaScriptを使います。console.log(absolutePath('hoge')) ;

JavaScriptでクリップボードに文字列をコピーする方法についてメモです。JavaScriptでクリップボードへコピーするには、こちらの通り、テキストエリアやインプットタグをHTMLで設置し、その中のテキストを選択し、コピーする、というのを自動化する流れのようです。

amazonにレビューボタンを追加するJavaScriptを書きました。一応書いたけどAmazonのURLってdpだったりgpだったりでたくさんあるみたいなので未完成ではあります。気が向いたら編集します。

JavaScriptで一定時間ごとに実行しつつ一定時間経過で終了するサンプルコードについてメモです。setInterval clearInterval を使って実装します。0.2秒毎にログしながら、10秒経過で終了する例

ウェブページの"a"タグの"href"を無効化して、クリックしても外部へ飛ばないようになるJavascriptのブックマークレットです。ダブルクリックコピーが多いような場合なんかに役立つかも。document.getElementsByTagNameとdocument.removeAttributeを使用します。

JavaScriptでショートカットキーで要素をクリックする方法についてメモです。"addEventListener('keyup'"メソッドと、eventのe.keyCodeおよびe.ctrlKeyを使用します。以下コードでは、例としてw3schools.comでRUN(スクリプトの実行)をJavascriptを使ってショートカットキーで実行することをします。

JavaScriptで小さいツールウィンドウみていなものを作ります。これをユーザースクリプトなどに追加すれば、右上に小さなウィンドウが作れます。ボタンを押すことで、定義された関数を実行したりなどが可能です。

この記事では、JavaScriptのdocument.locationの使い方を解説しています。