ブックマークレットをよく作っては使っている。こんなのあったら便利では、と思ったらとりあえず作ってみて、使いながらだんだん出てくるさらなる希望に応じて機能を追加したり変更したり、それを延々とやっている。いつまででもできる。 このブログでは以前から時々そういうブックマークレットを紹介しているが、久しぶりに最近よく使っているものを紹介しておく。 選択した英語を日本語に翻訳 使用例はこんな感じ。 コードは以下。 javascript:(function(){var quote = window.getSelection().toString();window.open('https://translate.google.co.jp/?hl=ja&sl=en&tl=ja&text=' + quote + '&op=translate')})()Google翻訳を使ってるんだけど、翻訳元の文章に応じた
お久しぶりです ✋ Qiita のメルマガに載ってある記事を一括で開きたかったのでブックマークレットを作りました。他のサイトでも使えます。 javascript: { const color = '#D35658'; const d = document; const els = new Set(); const toggle = el => { const isSelected = els.has(el); isSelected ? els.delete(el) : els.add(el); el.style.color = isSelected ? null : color; }; const handler = e => { if (e.target instanceof HTMLAnchorElement) { toggle(e.target); e.preventDefault(
スマホやタブレットでもブックマークレットを使うことができるがPCとは登録方法や使い方が少し異なる。スマホ初心者のためにスクリーンショットを入れて解説する。 初心者のためにブックマークレットについてひとつ注意しておきたいことがある。 ブックマークレットの効果は実行したときに表示していたページだけに有効だ。ページを再読み込みしたり違うページに移ったりしたら効果は消える。 では始めよう。 ブックマークレットを登録する ダミーのブックマークを登録し、その名前をブックマークレットの名前をコピペして書き換え、URLをブックマークレットのアドレス(javascript)をコピペして書き換える。では順番に説明する まずダミーのブックマークを登録する。適当なページでブラウザメニューを開く。 ☆マークをタップすれば表示中のページがブックマークに登録される 次は今登録したブックマークを編集していく。まずは名前の
はてな公式ブックマークレット はてな公式であるにはあるのだけど… はてなブックマーク – はてなブックマークをはじめる (セットアップ) 上の方にある「ブックマークする」では javascript:(function(){var d=(new Date);var s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})(); という内容でブックマークレットが作成されるが、私のChromeの環境では動作
開いているWebページのタイトルとURLをクリップボードにコピーするブックマークレット（＋ダイアログ版） - 晴歩雨描
開いているWebページのタイトルとURLをクリップボードにコピーするブックマークレット。備忘録として。 最初参考にしたのは以下のページ。 【JavaScript】 <p>タグを使ったこの方法だと、文字にフォントサイズの属性が付いた形でクリップボードにコピーされる。 var tmp = document.createElement('p'); tmp.textContent = document.title + '\r' + location.href; document.body.appendChild(tmp); document.getSelection().selectAllChildren(tmp); document.execCommand('copy'); 最終的にtextareaを使った以下のページを参考にした。 【JavaScript】 ［タイトル＋改行＋URL］の形式でコ
Chromeブックマークレットのブログカードが作動しない時の対処法〜突然使えなくなった件！ - バンビの初心者ブログ教室
ブックマークレットで「はてなブログ風ブログカード」を取得して使っている方は多いと思うのですが、なぜか昨日から突然作動しなくなってしまい困っていました。 ネットを見ると他にもそのような方がいるようでしたので、ひとまず私がたどり着いた解決方法をシェアしますね(^-^) 私に起こったブックマークレットの不具合 私が元々使っていた「はてな風ブログカードのブックマークレット」はこちらの仕様のものでした。 シンプルで気に入って使っていたのですが突然動かなくなったのです！！（2022/11/17頃。前日まではたぶん使えてたと思う） ↓↓ はてな風のブログカードをブックマークレットから作ってみよう！ | 株式会社グランフェアズ こんにちは、めぐたんです。 ブログを書いていると、参考記事や過去に書いた記事など別ページへのリンクを貼る機会が何かと多くあります。... www.granfairs.com ブック
Twitterの自動フォロースクリプトのブックマークレット：新バージョン対応（修正） - プログラミング未経験者の備忘録
今まで使っていたTwitterの自動フォロースクリプトが、Twitterのフォーマットが変わっていつからか動かなくなったので自動フォローのブックマークレットを作成しました。 Twitterの自動フォローブックマークレット 上記のリンクをお気に入り登録してください。 リンク切れのためソースも張っておきます。 javascript:setInterval(function(){var div=document.getElementsByClassName("css-18t94o4 css-1dbjc4n r-1niwhzg r-5ctkeg r-sdzlij r-1phboty r-rs99b7 r-1w2pmg r-174vidy r-ydfevp r-1fneopy r-o7ynqc r-6416eg r-lrvibr");div[0].click();},1000);//1秒ごと（無限ル
株探からYahooファイナンスを開くブックマークレット
Kabutan(株探)は有料会員になっているくらい愛用しているのですが、株探で銘柄の詳細を見てるときにこの銘柄のYahooファイナンスの掲示板（ヤフー掲示板）の書き込みが気になるって時に便利なブックマークレットを用意しました。 そういえば最近は株探の米国株版も始まりましたね。って株探の回し者じゃないですよ？！ 株探の銘柄ページからYahooファイナンスの銘柄の掲示板を開くブックマークレット javascript:open(location.href.includes('s.')?'https://m.finance.yahoo.co.jp/stock/bbs?code='+location.href.split('/').filter(Boolean).slice(-1)[0]:'https://finance.yahoo.co.jp/cm/rd/finance/'+location.hr
javascript: { window.addEventListener('pointermove', ev => { const el = document.createElement('div'); Object.assign(el.style, { width : '10px', height : '10px', backgroundColor : 'red', borderRadius : '50%', position : 'fixed', left : `${ev.x}px`, top : `${ev.y}px`, opacity : '1', transition : 'opacity .3s', }); document.body.appendChild(el); setTimeout(() => { el.style.opacity = '0'; setTimeout(
Amazonアソシエイトの商品リンク作成に、便利で活用していたAmazletが、停止となった。 Product Advertising API (PA-API) 5.0 に、移行した影響をAmazletが受けてのサービス停止となった。 なお、Amazletで作成済みのリンクは、機能するので、慌てて差し替える必要はない。 カエレバ(風)がリリース カエレバ 開発者 kankichiさんが、カエレバ(風)をリリース。 さっそく利用したところ、Amazletと同じようにリンクを作りたい場合、カエレバ(風)をオススメする。 初期設定はブックマークするだけ カエレバ(風)を利用する場合、初期設定は、カエレバ(風)のページにある”ブックマークレット”をブラウザーにブックマークするのみで使える。 カエレバのように、AmazonアソシエイトIDを登録する作業は不要。 リンク作成 手順 前提条件として、ブラ
Webサイトの運用業務では繰り返し行うルーティン作業が数多く発生します。特にバナー画像やテキストのちょっとした修正は日常茶飯事では無いでしょうか？ この記事では特定のページから任意の画像もしくは画像を一括でダウンロードする作業を自動化させる方法を紹介していきたいと思います。 繰り返し作業を自動化させる方法には様々な手法がありますが、ここではブラウザが持つブックマークレットという機能を使って自動化処理を行いたいと思います。 この記事を読んでできること右クリックでの都度画像保存から脱却できるサムネイルやスライダーなど手動では一度に画像保存しにくい操作の自動化ブックマークレットに関しては以下を参照してみてください。 ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、なんらかの処理を行う簡易的なプログラムのことである。 ブックマークレット
YouTubeダウンロードでお世話になっていた拡張機能が動かなくなった。代替サービスを探すもパッとするものがなかったので、自分でツールを作ることにした。 要件 今、Chrome系ブラウザで見ている動画を、{動画タイトル名}.mp4 で名前を付けて保存したい。1 Chrome拡張機能ではYouTubeページの変数にアクセスできないが、ブックマークレットならできるのでクリティカルな情報を直接取得できる YouTubeのページをよく調べてみると ytInitialPlayerResponse という変数に動画の情報（タイトルなど）や、URLなど、欲しい情報が全て詰まってるから、この変数を読み取れば簡単に機能を実現できるのではと思った。 それではじめChrome拡張機能2で作ろうとしたが、Chrome拡張はウェブページのDOM要素にはアクセスできても変数や関数といったスクリプト要素にはどうしてもア
エルデンリング（もしくはダークソウル）のゲームオーバー時に表示される「YOU DIED」をWebページ上で再現するブックマークレットを作りました。この先、時間の無駄があるぞ。 javascript: (() => { const s = document.createElement('style'); document.head.appendChild(s); s.sheet.insertRule('.eldenring { all: initial; display: flex; align-items: center; opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; transition: opacity 2000ms linear; use
1年ほど前にWebページ上で選択したテキストをDeepLで和訳させるブックマークレットを紹介しましたが： ringosuki.hateblo.jp 今回は英語ページを丸ごとGoogle翻訳で和訳させるブックマークレットを紹介します。 古いブックマークレットを修正 このブックマークレット自体は10年以上前から使っていたのですが、Google翻訳側で若干の仕様変更があったのか、その当時のブックマークレットでは翻訳が機能しなくなっていたので修正対応しました。 ちなみに古いブックマークレットは以下のような記述でした： javascript:location.href='http://translate.google.com/translate?u='+location.href+'&langpair=en%7cja&hl=ja&ie=UTF8' そしてきちんと機能するように修正対応したのがこちら：
javascript:(function(){ var CNAME = 'unveil'; var unveil = function(node) { var nodes = node.childNodes; for (var i = 0; i < nodes.length; i++) { if (nodes[i].nodeType === Node.COMMENT_NODE) { var newNode = document.createElement('span'); newNode.className = CNAME; newNode.style.color = 'red'; newNode.style.border = '1px solid red'; newNode.innerHTML = '<--' + nodes[i].data + '-->'; node.rep
あくまでテスト用ですけど、まとめてみましたよ。 INDEX about font-family 変更 Sans-Serif Serif 手書き系 pre 要素 テキスト いろいろの変更 背景色 Stylus風 いろいろ about 2021.01.24 名前を変更。(*)ナントカ、(many)カントカ... 2021.01.24 Stylus風 - -webkit-text-stroke-width, text-shadow, 追加 2020.01.28 Chrome 向け、monospace 設定修正（サイズが小さくなるのを防止） サイドバー表示 on/off サイドバーを下に (画面を広げる) 戻す font-family 変更 head 要素の末に style タグを追記します。つまり、エンベッドなスタイルシートです。全称セレクタ (*) ですべての要素に設定、pre などの等幅的要
◆ ウェブの図書館 Internet Archive（インターネットアーカイブ） について Internet Archive はウェブ上のすべてのサイトを収集し、公開することを目的としている巨大サイトです。 2005 年 10 月の時点で約 400 億ページが公開中されています。 なぜ全部集めるかというと、捨取選択するよりも全部集めたほうがはるかに安くつくからだそうです。 このサイトを利用し、閲覧中のサイトの過去ページをワンクリックで 表示するのが下のブックマークレットです。 Internet Archive 検索 【ブックマークレットのソース】 javascript:location.href='http://web.archive.org/*/'+location.href; 注意すべき点は、著作権への配慮から、 Internet Archive はウェブページを収集してから公開まで数
Wayback Machine(https://web.archive.org)に開いているサイトを一発で登録するブックマークレットを作りました。 オプションの「Save outlinks」「Save error pages (HTTP Status=4xx, 5xx)」「Save screen shot」は全てオンにした状態です。 javascript: (function() { var form = document.createElement('form'); form.action = 'https://web.archive.org/save'; form.method = 'post'; form.target = '_blank'; form.id = 'wmbl'; var hid = document.createElement('input'); hid.type =
Googleの検索結果から、日本語ページを対象外にしたり、日本語のみを対象にしたりするブックマークレット - モノラルログ
Qiitaに書いた記事の続き qiita.com 英語のみでググりたい 技術系のことをググるとき、検索対象を英語のみにしたい(というか、日本語ページを除外したい)場合が多い 検索結果画面の「ツール」のところからだと すべての言語 日本語のみ の2つしか選べない。 「すべての言語」を選択しても、日本語のページがけっこう混ざってくる。日本語以外だけを、対象にしてググりたいんだよな〜〜 ブックマークレットを作った ということでブックマークレットを作った Googleの検索結果表示を「日本語を除外」←→「日本語のみ」に、さくっと切り替えられます こちらです。 javascript:(()=>{u=new URL(location);u.searchParams.set('lr',(u.searchParams.get('lr')=='-lang_ja')?'lang_ja':'-lang_ja')
今見ているサイトのGoogleAnalyticsトラッキングIDを表示するブックマークレット - Qiita
閲覧しているサイトの GoogleAnalytics（ユニバーサルアナリティクス） のトラッキングID[UA-〇〇〇〇]をスピーディに表示します。 このサイト、GA入ってる？という時、デバッグにどうぞ。 もちろんGAが入っているサイトじゃないと反応しません。 使い方： ・適当なブックマークを作る ・ブックマークのURLに下記のコードを入れる ・調べたいサイトでこのブックマークをクリックする javascript:var trackers2 = ga.getAll();var gacall="";for(i=0;i<trackers2.length;i++){if (gacall.indexOf(trackers2[i].get('trackingId') ) != -1) {console.log('test');}else{gacall+=trackers2[i].get('tracki
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近よく使っている自作ブックマークレット - the code to rock
🔗 ブックマークレット - ページ内の複数のリンクを一括で開く - Qiita
スマホでブックマークレットを登録して使う方法【Android版Chrome編】
はてなブックマークのブックマークレット(別ウィンドウで開く版) | DoldoTeaParty
レーザーポインターのブックマークレット - Qiita
Amazlet 停止【いままで感謝】リンク作成には、カエレバ風 ブックマークレットがオススメ - ものくろぼっくす
ブックマークレット(Bookmarklet)を使った画像ダウンロードの自動化
YouTube動画をChromeから手軽にダウンロードする最適解はブックマークレットだと思う - Qiita
どんなページでもエルデンリングの気分を味わえるブックマークレット - Qiita
英語ページをGoogle翻訳で和訳させるブックマークレット - りんごが好きなのでぃす
個人的に愛用しているブックマークレット(BML)３選 - Qiita
【私的】CSS変更用ブックマークレット - palm84.com
インターネットアーカイブを検索するスクリプト・ブックマークレットのサイト
Wayback Machineに今のサイトをPOSTして登録するブックマークレット - Crieit