並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 60件

新着順 人気順

ブックマークレットの検索結果1 - 40 件 / 60件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

ブックマークレットに関するエントリは60件あります。 javascriptはてなbookmarklet などが関連タグです。 人気エントリには 『ブコメの熊がウザいので、削除するブックマークレット作った』などがあります。
  • ブコメの熊がウザいので、削除するブックマークレット作った

    javascript:document.querySelectorAll(".entry-comment-contents").forEach(function(e){if(e.innerText.indexOf('🐻')!=-1||e.innerText.indexOf('ʕ•̫͡•ʔ')!=-1){e.remove()}})ブックマークレットのクリックが面倒な人は、GreasemonkeyかTampermonkeyで。 他のパターンのコメント削除したい人は『||e.innerText.indexOf('削除したいコメントに含まれる文字列')!=-1』を修正なり、追加なりでどうぞ。 何か要望があれば、はてブコメント(ただし熊系は消してます)か言及でどうぞ。気が向いたら対応します。 追記1(2021/08/03午前)なんか漏れてるのがある。文字列の方は、もっと短くした方が良さそう。ただ、

      ブコメの熊がウザいので、削除するブックマークレット作った
    • GitHubのURLをちょろっと書き換えるだけでコードを「Visual Studio Code」で閲覧できる素敵なサービスが話題に/トグルするブックマークレットも用意されている【やじうまの杜】

        GitHubのURLをちょろっと書き換えるだけでコードを「Visual Studio Code」で閲覧できる素敵なサービスが話題に/トグルするブックマークレットも用意されている【やじうまの杜】
      • 国会図書館デジコレから全文テキストをダウンロードするだけのブックマークレット - ronbun yomu

        リニューアルに際して、ブックマークレットの箇所も更新しました。(2022/12/21) 使えなくなってたのでまた更新しました。(2023/01/05) これは何の記事 国会図書館次世代デジタルライブラリーで古典籍が検索できるようになって、いよいよすごいことになっている。 / 古典籍資料の全文検索が可能になります! \ 11月1日(火)に、実験システム #次世代デジタルライブラリー に古典籍資料6万点のOCR全文テキストデータを追加します。これまでの明治以降の図書に加え、江戸期以前のくずし字等資料の全文検索も可能となります。https://t.co/9KT1CdaSYa pic.twitter.com/aOz7OmyWew— 国立国会図書館 NDL (@NDLJP) 2022年10月26日 まじでいいんですか? 次世代デジタルライブラリー上でテキストのダウンロードもできる(右下の「この資料の

          国会図書館デジコレから全文テキストをダウンロードするだけのブックマークレット - ronbun yomu
        • TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう - Adwaysエンジニアブログ

          こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐一手作業で行うのは大変です。 ある程度の作業は自動化したい。そういったときはブックマークレットを作ると便利ですよね。 今回はそんなブックマークレットの作り方をまとめてみました。 「ブックマークレット?よく知らないな」「聞いたことあるけど作り方とか気にしたことなかった」という人がいれば是非一緒に試してみてください! 筆者の開発環境やこのブログで利用する主な技術のバージョンは次のとおりです。 macOS Node.js 18.12.1 TypeScript 5.0.4 Rollup 3.23.0 Vercel CLI 29.4.0 ブックマークレットとは T

            TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう - Adwaysエンジニアブログ
          • はてブのコメント時に、自動で最小限のクマを足すブックマークレット

            追記クマが30匹程度では建設的と判定されないことがあるようなので、そんな時は const MinimumRequiredLength = 30; の部分を変えてみてください。 その際は、ドラッグし直すのでなく、 追加済みのブックマークレットを右クリック→「編集」で、30の部分だけ書き換えればOKです。 追記ここまで https://anond.hatelabo.jp/20210803012020 に刺激を受けて作りました。 id:new3 さんのコメント https://b.hatena.ne.jp/entry/4706344345181168386/comment/new3 で、書き込み時の自動クマ補完について書かれてたので、それを実装しました。 インストール方法以下の文字列を選択して、Chromeのブックマークバーにドラッグしてください。 javascript:(function ()

              はてブのコメント時に、自動で最小限のクマを足すブックマークレット
            • GitHubで公開されてるipynbファイルをGoogle Colaboratoryで開くブックマークレット

              B! 36 0 0 0 0 GitHubで公開されているJupyter Notebookのファイルは ファイルのURLをちょっと変えるだけで直接Google Colaboratoryで開くことができます。 そのちょっと変えることをやるブックマークレットを用意しました。 Bookmarklet for GitHub to Colaboratory Bookmarklet for GitHub to Colaboratory 以下のリンクをブラウザのブックマークツールバーなどに持っていって ブックマークレット化してください。 GitHub to Colaboratory それで例えば最近公開された 東京大学の松尾研究室のDL4USのノート https://github.com/matsuolab-edu/dl4us/blob/master/lesson0/lesson0_exercise.ip

                GitHubで公開されてるipynbファイルをGoogle Colaboratoryで開くブックマークレット
              • 【動画あり】ブックマークレットを使ってブラウザから簡単にはてなブックマークする方法

                ご利用のブラウザでブックマークレットを登録することで、ブックマークボタンのないページでも簡単にブックマークできます。 ブックマークレットとは、現在みているページをはてなブックマークに追加するときに使う、便利なポップアップ画面です。詳しい方法については、以下をご覧ください。 Firefox にブックマークレットを設定する 1. 以下の文字列をコピーします javascript:(function(){var%20d=(new%20Date);var%20s=document.createElement('script');s.charset='UTF-8';s.src='https://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElement

                  【動画あり】ブックマークレットを使ってブラウザから簡単にはてなブックマークする方法
                • Amazonの検索結果を「出品者 Amazon.co.jpのみ」にして別タブで開くブックマークレット

                  検証環境 Windows 10 Pro 64bit (May 2019 Update)Chrome 75.0.3770.142 (64 bit)Firefox 68.0.1 (64 bit)Amazonの検索結果ページ Amazonの検索結果で、出品者をAmazon.co.jpのみにして検索する方法 最近Twitterで話題になってました、情報ありがたやありがたや… amazonの検索結果からボッタクリ価格業者を消す方法 | N-Stylesあたまねえさんのツイート: "AmazonがAliexpress(中華激安通販)のようになって… 結論としては、Amazonの検索結果が表示されたURLの後ろに &emi=AN1VRQENFRJN5 を付け足して表示させれば良いらしいです ※このオプションについて詳しい解説は、上記のN-StylesのWebページでされています ブックマークレットを作る

                    Amazonの検索結果を「出品者 Amazon.co.jpのみ」にして別タブで開くブックマークレット
                  • Google検索のタイトル書き換えを調査できる便利なブックマークレット

                    [レベル: 上級] この記事では、検索結果に表示されたページタイトルと <title> タグで設定された実際のタイトルを検索結果で比較できるブックマークレットを紹介します。 先日 Google が実行したページタイトル生成のアルゴリズムの更新の調査に役立ちます(検索セントラルブログで日本語訳記事が出ています)。 検索結果のタイトルと実際の title タグ/h1 タグを比較 このブックマークレットを作成したのは Chris(クリス)氏です。 Hey folks. I have update the SERP title comparison bookmarklet. It will now download the JSON comparison data on click, not automatically.https://t.co/i4BVdoVKbN@_fede_gomez_ @a

                      Google検索のタイトル書き換えを調査できる便利なブックマークレット
                    • /(田舎|地方)/を"韓国"に置換するブックマークレット

                      javascript:document.body.innerHTML=document.body.innerHTML.replace(/(田舎|地方)/g, "韓国"); 実行例:(https://b.hatena.ne.jp/entry/s/news.yahoo.co.jp/articles/dd949f8ef142ba996f362f990583c350a037de09) mshota 韓国が嫌いになるには圧倒的な説得力だった。女性議員が多い、などダイバーシティ推進してる地域としてアピールしてる土地があればそこに観光に行きたい。 2020/12/04 at_yasu あっはっは、すごい典型的な韓国だ 2020/12/04 ryun_ryun 韓国の人間は性格悪いからね。韓国擁護派の俺としてもその点は擁護できない。 2020/12/04 timetrain 韓国議会の権力者がどこもお山の

                        /(田舎|地方)/を"韓国"に置換するブックマークレット
                      • 選択禁止・右クリック禁止・キーボード操作禁止を全部解除するブックマークレット | キリウ君が読まないノート

                        --recent[2024-04-27]自宅サーバーのグローバルIPが変わったらRoute 53のAレコードを自動更新する[2024-04-26]Strapi (v4) 用のDockerfile[2024-04-09]DockerでSQLiteのDBファイルをマウントすると書き込み時に「attempt to write a readonly database」エラー[2024-04-06]kiriukun.com用の証明書をワイルドカード証明書に切り替えた[2023-10-19]Route53 別のAWSアカウントにサブドメイン用のホストゾーンを作成する[2023-09-10]Linux用 kiriukunテーマ[2023-06-17]使いたいフォント (Myrica) にNerd Fontsのパッチを当ててみた

                          選択禁止・右クリック禁止・キーボード操作禁止を全部解除するブックマークレット | キリウ君が読まないノート
                        • ブックマークレットをいい感じに運用するために - ロコガイド テックブログ

                          この記事はロコガイド Advent Calendar 2020の4日目です。 こんにちは、開発部の根岸(@negipo)です。SF小説の講座に通いはじめて毎回先生にけちょんけちょんにされています。 さて、皆さんは業務でブックマークレットを扱っているでしょうか。ブラウザのブックマークに入れておいてぽちっと押すと動くアレです。ぼくはけっこうよく使っています。プロトタイピング、可視化、項目チェック、情報の検索と取得など、ワークフロー上処理をストレートに挿入するのが難しいとき、ブックマークレットは非常に有益です。 でもちょっと待ってください。ブックマークレットってけっこう運用が大変なんです。 実務上、ブックマークレットを実装することは一年に一回あるかないかというところなんですが、どのように運用を開始し更新してゆくべきかという観点において、これならいけるという型が徐々にぼくの中で固まってきました。皆

                            ブックマークレットをいい感じに運用するために - ロコガイド テックブログ
                          • 簡単にDeepL翻訳できるブックマークレットを作りました|metatetsu

                            Google翻訳を上回る精度のDeepLが話題です。 しかし毎回サイトを開いて文を貼り付けるのが面倒なので、1クリックで行えるブックマークレットを作りました。 コード(文字を選択しないとエラーが出るVer.)javascript:(function(){str=window.getSelection()+'';if(!str){alert("テキストが選択されていません");}else{window.open('https://www.deepl.com/translator#en/ja/'+str);}})();コード(エラーが出ないVer.) - 5/1追記 javascript:(function(){str=window.getSelection()+'';window.open('https://www.deepl.com/translator#en/ja/'+str);})()

                              簡単にDeepL翻訳できるブックマークレットを作りました|metatetsu
                            • ブラウザのJS有効・無効を並べて比較できる便利なブックマークレット、”NoJS Side-by-Side”

                              [レベル: 上級] この記事では、ブラウザの JavaScript 機能を有効にして読み込んだページと無効にして読み込んだページを 1 つのウィンドウに並べて比較できる便利なブックマークレットを紹介します。 JS 有効・無効を並べて比較 Twitter のトップページでこのブックマークレットを実行した結果です(ログインしていない状態)。 ウィンドウの左半分は JavaScript が有効です。 右半分は JavaScript が無効な状態です。 左半分は新規ユーザーアカウント作成またはログインを促すコンテンツが表示されています。 一方で、右半分は JavaScript が無効になっているというメッセージが表示されています。 Twitter のアカウント作成/ログインは JavaScript で生成しているようですね。 デベロッパーツールを使えば JavaScript を無効にできますが、こ

                                ブラウザのJS有効・無効を並べて比較できる便利なブックマークレット、”NoJS Side-by-Side”
                              • ブラウザ版はてブのお気に入りユーザーのコメントを一括表示するブックマークレット - チラウラヤーン3号

                                以前の話 以前も言及したことで、そのとき見つけた方法は次の通りなんですけど、 Web版はてブでお気に入りの人たちのコメントを一覧したい - チラウラヤーン3号 モバイル版のお気に入りユーザーコメントの表示画面。こういうのがPC版でも欲しい 毎回マイブックマークの一覧ページを開くのも面倒だったのでブックマークレットを作りました。 今回の話 PC版はてなブックマークで、お気に入りユーザーたちのコメントをもう少し手軽に一覧したかったので簡易的なブックマークレットを作りました。 「簡易的」と免責したのは、コメント中のURLはリンクにならないしスターも付けられないからです (スターつけたいときはアイコンをクリックしてコメントに飛んでスターつけてる)。その場でスターつけたいなあ...。そしてChrome以外動作確認していません。 本当はモバイル版はてブみたいに整形してくれるスイッチをお気に入りユーザー

                                  ブラウザ版はてブのお気に入りユーザーのコメントを一括表示するブックマークレット - チラウラヤーン3号
                                • 話題の翻訳ツール「DeepL」のブックマークレットを作ってみた - りんごが好きなのでぃす

                                  ドイツのベンチャーが開発し提供を始めた「DeepL」という翻訳が日本語などにも対応し、早速その翻訳精度の高さとその訳文の流暢さから一気に注目を集めています。 www.itmedia.co.jp 一般的な翻訳サイトと同じく『サイトに行って原文を貼り付けると翻訳される』という仕組みなので使い方は難しくないですが、Mac/Windows向けに公開されている無料の常駐アプリを使うとより手軽です。 それで良いという方はそれぞれ好きな方法を選んでもらうとして、ここではもう一つ "ブックマークレット" という選択を設けてみました。 素人による付け焼き刃のものですが、気になる方はこちらをお試しあれ。 ブックマークレットの登録 以下の枠内に記述してある全ての文字列を選択します。 javascript:location.href='https://www.deepl.com/translator#en/ja/

                                    話題の翻訳ツール「DeepL」のブックマークレットを作ってみた - りんごが好きなのでぃす
                                  • Vivaldiのコマンドチェインやブックマークレットのススメ

                                    対象読者 「コマンドチェインって何ができるかわからない」「イマイチ使いこなせないんだよね~」というVivaldiユーザ向けの記事です. 何をコマンドチェインにすればいいのか まず,「思いつかないよ~」って人へ. 「普段自分がよくやる動作」を登録すればいいわけですが,いきなり考えられないと思います.そんな時は以下のようにしてアイデアを得ましょう. ブックマークを眺める いつもまとめて開くサイトは? 特に,ニックネームを付けているサイト 高頻度で使うブックマークレットは? 履歴を眺める 時系列順で確認 閲覧回数順で確認 週ごとの表示にするとわかりやすいかも よく検索するドキュメントは「検索エンジン」として追加を推奨 上位ドメインを確認 パネルを眺める パネルでよくやる作業は? コピペなど パネルとセットで開くページは? キーボードショートカット・マウスジェスチャを眺める 組み合わせて使っている

                                      Vivaldiのコマンドチェインやブックマークレットのススメ
                                    • サクラチェッカーのブックマークレット

                                      使い方は簡単!以下の青いボタンをブックマークバーに追加するだけ。以下動画にあるようにブックマークレット単体でも文字選択しても使えます。 PC/SP/ブラウザ/ドメイン問わず使用可能。※改変・再配布は禁止します。 サクラチェッカー 便利ツール「ブックマークレット」の使い方動画 パソコン、スマートフォン、ブラウザ問わずボタン1つで簡単にサクラ度を調べることができます。 Amazonドメイン、他ドメインも関係なく動作可能です。 ブックマークレットの登録方法はパソコン・スマートフォンでやり方が異なるので、それぞれの登録方法を紹介します。 パソコンへの登録方法 【事前準備:ブックマークバーの表示方法】 Chrome,IE:Ctrl+Shift+BFireFox:Ctrl+B ①サクラチェッカーのトップページにある「サクラチェッカー」ボタンをクリック(長押し)。 ②長押しをしながら「ブックマークバー」

                                        サクラチェッカーのブックマークレット
                                      • URLの余計なパラメーターを削除するブックマークレット

                                        情報管理LOGの@yoshinonです。 たぶん、大方の人にとっては、あまり気にならないのかもしれませんが、最近のURLは様々なパラメーターを付与しがちなんですよね。普通に記事を読んでいてもそうだし、Amazonを始めとしたネットショップなどは、とにかく様々なパラメーターをURLに忍ばせてきます。 今回は、そんなURLに含まれてしまうパラメーターを削除するブックマークレットをご紹介いたします。

                                          URLの余計なパラメーターを削除するブックマークレット
                                        • 面倒な作業はブックマークレットにやらせよう

                                          はじめに 今回は、ブックマークレットを使って業務効率が少し上がったことについて話してみたいと思います。 ブックマークレットとは wikipedia では以下のように説明されています。 ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、なんらかの処理を行う簡易的なプログラムのことである[注釈 1]。携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。 wikipedia - ブックマークレット 簡単に説明すると、ブラウザで開いているページに対して、任意の Javascript を実行できる機能です。ブックマークレットと似ているものとして、ブラウザの拡張機能があります。「hogehoge してくれる拡張機能が欲しいけどストアには存在しない。でも自分で拡張機能を作成するほどのもの

                                            面倒な作業はブックマークレットにやらせよう
                                          • 開いているページのタイトルと URL をクリップボードにコピーするブックマークレット - Corredor

                                            Twitter 投稿やメール送信用に、開いているページのタイトルと URL をコピーしたいことがあったので作った。 いきなりだがブックマークレットは以下のとおり。 javascript:((d,e)=>{e=d.createElement('textarea');e.textContent=d.title+' '+d.URL;d.body.appendChild(e);e.select();d.execCommand('copy');d.body.removeChild(e)})(document); セルフ Uglify したもので、圧縮前のコードはこんな感じ。 ((d, e) => { e = d.createElement('textarea'); e.textContent = d.title + ' ' + d.URL; d.body.appendChild(e); e.sele

                                              開いているページのタイトルと URL をクリップボードにコピーするブックマークレット - Corredor
                                            • ○年前のブックマークを一発表示できるブックマークレット

                                              1年前のブックマークを表示 javascript:(function(){var hatena_url = location.pathname.split('/');var d = new Date();var today = d.getFullYear() - 1 + ("0" + (d.getMonth()+1)).substr(-2) + ("0" + d.getDate()).substr(-2);location.href = location.protocol + hatena_url[0] + "/" + hatena_url[1] + "/" +today})() 自分のIDがURLに含まれるはてなブックマークのページを表示させて、このブックマークレットをクリックするだけで1年前のブックマークが見られる。 d.getFullYear()の後ろの「- 1」を「- 10」とかに

                                                ○年前のブックマークを一発表示できるブックマークレット
                                              • モバイル版ChromeだとPC用ブックマークレットが動くかもよ?

                                                情報管理LOGの@yoshinonです。 ブックマークレット使っていますか?私は、ブログを書くのにブックマークレットを多用しまくっています。小粒な機能がギュッと詰まっているので、とても便利ですよね。しかし、一昔前だと、PCで便利に使っていたブックマークレットは、iPhoneでは動かないみたいなのが多く、モバイルではブックマークレットが使いづらいというイメージを持っている人も多いかもしれません。今回は、モバイルでも意外にブックマークレットが使えるかもよ?という記事です。 iPhoneを使いはじめの頃は、Safariでもブックマークレットが使えないか随分試しました。PCでは、Chromeを使っているため、入れるのも一苦労。そして、やってみると動かないことも多く、その部分でも一苦労みたいな感じでした。 ※Macを使っているとそんなことはないのか?? 一度、ブックマークしてから、そのブックマークを

                                                  モバイル版ChromeだとPC用ブックマークレットが動くかもよ?
                                                • 【必見】ブックマークレットの使い方・作り方と便利なおすすめ13選を解説 - WEBCAMP MEDIA

                                                  などについてご紹介します。 この記事を読めば、自分のパソコンのWebブラウザで便利な機能をワンクリックで使えるようになるでしょう。 「ブックマークレットの使い方を知り、活用したい!」という方は、ぜひ最後まで読み進めてください。 ブックマークレットとは まずは、ブックマークレットがどういうものかについてご説明します。 さっそく詳しく見ていきましょう。 ブックマークレットはWebブラウザに機能を追加するツール ブックマークレットは、Webブラウザに機能を追加してブックマークできるものです。 ブックマークボタンからワンクリックで簡単に便利な機能を呼び出せます。 プログラミング言語のJavaScriptで作られたプログラムをブックマークのURLに追加することで利用可能です。 ブックマークレットを使えば、Webページの見た目を変えたり、選択したテキストをキーワード検索したり、ページ翻訳したりなど、さ

                                                    【必見】ブックマークレットの使い方・作り方と便利なおすすめ13選を解説 - WEBCAMP MEDIA
                                                  • 私が愛用している一軍ブックマークレット(2019年後期版)

                                                    情報管理LOGの@yoshinonです。 ブックマークレット使っていますか?私は、chromeの拡張機能も好きですが、chrome自体が重くなりすぎるので、ブックマークレットは同じぐらいに大好きです。とにかく早く便利にと日々の行動を考えたときに、ブックマークレットは欠かせません。そして、そのためには、割と日々メンテナンスをしています。そういうわけで私のブックマークバーの入れ替えは、かなり激しめなんですよね。そんな激戦区の中で2019年後期に生き残ってきた一軍ブックマークレットを晒していきたいと思います。全員「使える」スゴイやつですよ。 カテゴリ分けですが、どうしようかと迷いましたが、ざっくりとしていた方が、まとめやすかったのでこうしました。したがって、「これ、ツールなの?」とか「その他に入っているの、ツールじゃないの?」とか、分類に異論があるかもしれませんが、そこはスルーの方向で。 ❏ サ

                                                      私が愛用している一軍ブックマークレット(2019年後期版)
                                                    • SEO調査が少しだけラクになる。10種類のブックマークレット|悠生/Python×SEO

                                                      はじめまして、中澤悠生(@Yuki_inhouseSeo)と申します。 2年前まで法人向けのSEOコンサルをしていて、現在はエイチームフィナジーという会社でSEOを担当しています。 SEO施策を進めるにあたって事前の調査は必須ですが、 ・SearchConsoleで流入クエリを調べたり ・Google検索で上位サイトの傾向を見たり ・Ahrefsで競合サイトを調査したりといったようにツールの種類も多く、工数はかかるし、割と面倒に感じている方も多いかと思います。 そこでこの記事では、SEO調査を少しだけ楽にする"ブックマークレット"を10種類紹介していきます。 SEOの調査方法についても簡単に触れているので、ブックマークレットに馴染みがない方も一度使ってみてください。 ブックマークレットって何? ページに対してHTMLやCSSを追加したり、特定の情報を抜き出したりといった処理ができます。 簡

                                                        SEO調査が少しだけラクになる。10種類のブックマークレット|悠生/Python×SEO
                                                      • Googleの検索結果から、日本語のページを対象外にするブックマークレット - Qiita

                                                        英語のみでググりたい 技術系のことをググるとき、検索対象を英語のみにしたい(というか、日本語ページを除外したい)場合が多い 検索結果画面の「ツール」のところからだと すべての言語 日本語のみ の2つしか選べない。 ということで、「日本語ページ以外」の検索結果にさくっと切り替えられるブックマークレットを作った こちら 検索結果画面でこのブックマークレットを呼び出すと、検索結果が「日本語ページを除外したもの」になる 技術系のことをググるときなどにたぶん便利 やっていること 雑に、クエリパラメタの末尾に lr=-lang_ja をつけているだけ lr=lang_ja だと日本語のみが対象、値の前に - をつけることで日本語が除外対象になる 続き 押すたびに、検索結果を「日本語除外」←→「日本語のみ対象」に切り替えるブックマークレットも作った そちらはブログに載せています

                                                          Googleの検索結果から、日本語のページを対象外にするブックマークレット - Qiita
                                                        • 文字列をコピーするブックマークレットで使うクリップボードのAPI改めて見てた - hogashi.*

                                                          ブックマークレットで文字列をコピーする (クリップボードに入れる) というのをよく書く。 昔ググってへ〜と思ったまま Document.execCommand() - Web API | MDN をずっと使っていた。(あと HTMLInputElement.select() - Web APIs | MDN も知らなくて、 Selection を使って頑張って文字列選択していた。) const value = 'これをコピーしたい'; // input をつくって body に入れる const input = document.createElement('input'); document.querySelector('body').appendChild(input); // フォーカスしたときスクロールされてしまわないように画面内に出す input.style = 'positio

                                                            文字列をコピーするブックマークレットで使うクリップボードのAPI改めて見てた - hogashi.*
                                                          •  iPhone・iPadのSafariをダークモードにするためのNightlightブックマークレット - T’s blog

                                                            先日のDarkReaderの記事でiOS・iPadOSのブックマークの編集の仕方について分かり難いと言うご指摘がありましたのでiOS・iPadOS版を再びの投稿です。 1.まずWebでnightlightのサイトを訪れてブックマークレットをタップして入手します。 https://gofake1.net/projects/nightlight.html 2.ブックマークレットのページが開くのですべてをコピーします。 3.どこでもいいのであるサイトをブックマークします。 4.ブックマークの編集で先ほど登録したブックマークを選んで編集画面でブックマークの名前とURLを2.でコピーしたスクリプトに入れ替えて完成です。 5.使い方は閲覧中のサイトで↑のブックマークを起動すればサイトがダークモードになります。いちいちブックマークを開いて起動するのも面倒なのでブックマークを編集して上位に設定すればメニュ

                                                               iPhone・iPadのSafariをダークモードにするためのNightlightブックマークレット - T’s blog
                                                            • ブログカード作成ブックマークレットをアップデートしました

                                                              旧ブログカード登録済の方 既にブログカードをご利用中でテンプレートのスタイルシート内に既存CSSがある場合はその内容よりも 後(下) に以下の内容を追加してください。 figure.blogcard { transition: .2s ease-in-out; } .blogcard > a { color: rgb(51,51,51); } .blogcard-footer img { margin-right: 5px; vertical-align: middle; } /* カードマウスホバー */ figure.blogcard:hover { box-shadow: 0 10px 10px 2px rgba(0,0,0,.1); } figure.blogcard:hover > a { color: rgb(51,51,51); text-decoration: none !

                                                                ブログカード作成ブックマークレットをアップデートしました
                                                              • 範囲選択でGoogleカレンダーに追加するブックマークレットのソースコードを丁寧に説明してみる - Qiita

                                                                2016-10-09 追記: 記事が色々まぜこぜで解りづらかったように思えたので技術の関心事ごとに分けて以下に書き直しました。 http://qiita.com/waterada/items/53ec02a521d6f49dded3 「範囲選択してGoogleカレンダーに追加するブックマークレットの作り方」 概要 日付や時刻の含まれたWebページを範囲選択して Google カレンダーに追加するためのウィンドウが開くブックマークレット(JavaScriptを仕込んだブックマークのこと)を作ってみました。 (ただし、ES6 を使ってるので Chrome 用。) その際、下記のようなテクニックを使ってるので、あえて晒してみることで、1つでも皆さんの参考になればと思います。 この方が良いとか、なぜこんな方法してるのとかコメントもらえると嬉しいです。 使ってるテクニック: ブックマークレット ブッ

                                                                  範囲選択でGoogleカレンダーに追加するブックマークレットのソースコードを丁寧に説明してみる - Qiita
                                                                • 閲覧ページからワンクリックでGoogle Search ConsoleのFetch as Googleのリクエスト画面に飛ばすブックマークレット - Qiita

                                                                  javascript: (function() { window.open(location.href.replace("YOUR_DOMAIN", "https://www.google.com/webmasters/tools/googlebot-fetch?&siteUrl=YOUR_DOMAIN/&path=")) })();

                                                                    閲覧ページからワンクリックでGoogle Search ConsoleのFetch as Googleのリクエスト画面に飛ばすブックマークレット - Qiita
                                                                  • ブラウザーを便利にするブックマークレットの使い方と作り方を解説 | テックキャンプ ブログ

                                                                    ブックマークレットの基本的な使い方 次に、ブックマークレットの基本的な使い方について以下で解説します。 Webブラウザーのブックマークバーを表示させる まずは、Webブラウザーのブックマークバーを表示させましょう。 それぞれのWebブラウザーで詳しい手順は異なりますが、設定の画面から表示できるものが多いです。 Google Chromeの場合には、アドレスバーの右のメニューから「ブックマーク→ブックマークを表示」から設定できます。 ブックマークレットをWebブラウザのブックマークに登録する ブックマークレットをWebブラウザのブックマークに登録します。 表示させたブックマークバーで右クリック。「ページを追加」といった内容の項目を選択して、新しいブックマークを追加します。 Google Chromeの場合には、アドレスバーの右側の☆マークから閲覧しているWebページを登録できるので、それを書

                                                                    • 個別のツイートの前後のツイートを表示するブックマークレット - Qiita

                                                                      これは何? ブラウザでツイッターを使っています。 少し古いツイートを読んでいる時に、その前後のツイートを読みたいということがよくあります。 Twitterの検索コマンドを入力すればいいのですが、その手間すら省きたい、楽したいと思いませんか? そういう時に使うと簡単にIDと期間を指定できるという、ものぐさな自分にぴったしなブックマークレットです。 使い方 特定のツイートが表示されている時に実行すると、日数を聞かれるので数字を入力します。 キャンセルした場合は当日(と前日)で検索した結果が表示されます。 ( () => { const path = location.href.split('/'); if (path[2].endsWith('twitter.com')) { const status = path[5].split('?')[0];// no referer const ti

                                                                        個別のツイートの前後のツイートを表示するブックマークレット - Qiita
                                                                      • mattn on Twitter: "Google Chrome のブックマークレットに「コミットメッセージを開く」という名前でこれを入れてるんだけどめっちゃ便利なので何かのコミットログを毎日読む様な人にオススメ。(\ は抜いてね) javascript:docum… https://t.co/lhZmcsxsry"

                                                                        Google Chrome のブックマークレットに「コミットメッセージを開く」という名前でこれを入れてるんだけどめっちゃ便利なので何かのコミットログを毎日読む様な人にオススメ。(\ は抜いてね) javascript:docum… https://t.co/lhZmcsxsry

                                                                          mattn on Twitter: "Google Chrome のブックマークレットに「コミットメッセージを開く」という名前でこれを入れてるんだけどめっちゃ便利なので何かのコミットログを毎日読む様な人にオススメ。(\ は抜いてね) javascript:docum… https://t.co/lhZmcsxsry"
                                                                        • WebページのURLのHTMLタグやMarkdownタグをコピー不要のワンタップで取得するブックマークレットーいつもていねいに

                                                                          こんなブックマークレットがあったらモブログがはかどるのに。いや、モブログだけでなくパソコンでのブログの執筆もはかどるのは間違いない。 そんなずっとほしかったブックマークレットがようやく手に入りました。 それは、今みているWebページのURLやタイトルをワンタップ(ワンクリック)でHTMLタグやMarkdownなどに変換してクリップボードに出力してくれるブックマークレットです。 以前の以下の記事で紹介したとおり、ブックマークレットを発動するとHTMLやMarkdownに変換してくれるものはありましたが、その出力されたコードを自分でコピーする必要がありました。 モブログには欠かせない!iPhoneでWebページURLのリンクタグを簡単に取得する方法 私は、iPhoneでブログを書くことが多いのですが、面倒なのが人様のブログを紹介するときにURLをHTML形式に変換することです。パ...

                                                                            WebページのURLのHTMLタグやMarkdownタグをコピー不要のワンタップで取得するブックマークレットーいつもていねいに
                                                                          • canvas要素をまとめてZIPで保存するブックマークレット

                                                                            11-03-2019 追記 ジャンプ+などからの画像保存はこのブックマークレットからは行えなくなってしまいました。 このブックマークレットでできること現在ブラウザで開いているページに存在するcanvas要素を一括でpng画像として取得しZIPファイルとしてダウンロードすることができます。 canvas要素?canvasはHTML5以降のHTMLで使える、描画のための要素です。JavaScriptなどと組み合わせることで、動的に描画内容を変更できるのが面白いところだと思います。例えば、以下のCanvasという文字の描画は、canvas要素で行っています。この動くサンプルには、codepen (https://codepen.io/tholman/pen/lDLhk)で公開されているコードを一部改変し使わせてもらってます。 主な用途canvas要素が多く使われているWebページで、そのページの

                                                                              canvas要素をまとめてZIPで保存するブックマークレット
                                                                            • bitlyで短縮URLを取得するブックマークレット | 初心者備忘録

                                                                              今回はbitlyで短縮URLを取得するブックマークレットを紹介します。 ※ APIキーが必要になりますので、「bitlyのAPIキーを取得する」を参考に、キーを取得してください。 javascript:(function(){window.cb=function(o){prompt('短縮URLは下記の通りです。',o.data.url);};un='(bitlyのユーザー名)';key='(bitlyのAPIキー)';d=document;sc=d.createElement('script');sc.charset='utf-8';sc.src='http://api.bitly.com/v3/shorten?format=json&callback=cb&login='+un+'&apiKey='+key+'&longUrl='+encodeURIComponent(window.l

                                                                                bitlyで短縮URLを取得するブックマークレット | 初心者備忘録
                                                                              • いま見ているTwitterアカウントに限定してツイートを検索するブックマークレット - Qiita

                                                                                はじめに ブラウザ版Twitter用ブックマークレットです。 アカウントを指定してツイートを検索する時に、コピー&ペーストする手間をひとつ省く便利なやつです。 javascript:(()=>{const t=location.href.split("/");if(t[2].endsWith("twitter.com")&&t[3]){const o=t[3].split("?")[0],i=prompt("Search from @"+o,"");i&&(location.href="//twitter.com/search?f=live&q="+i+"%20from:"+o)}})(); 使い方 検索対象とするTwitterアカウントのホーム、またはツイートのページを予め開いておく。 ブックマークレットを実行。 入力画面が表示されるので、キーワードを入力する。 簡潔な説明 圧縮前のコー

                                                                                  いま見ているTwitterアカウントに限定してツイートを検索するブックマークレット - Qiita
                                                                                • 最近よく使っている自作ブックマークレット - the code to rock

                                                                                  ブックマークレットをよく作っては使っている。こんなのあったら便利では、と思ったらとりあえず作ってみて、使いながらだんだん出てくるさらなる希望に応じて機能を追加したり変更したり、それを延々とやっている。いつまででもできる。 このブログでは以前から時々そういうブックマークレットを紹介しているが、久しぶりに最近よく使っているものを紹介しておく。 選択した英語を日本語に翻訳 使用例はこんな感じ。 コードは以下。 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翻訳を使ってるんだけど、翻訳元の文章に応じた

                                                                                    最近よく使っている自作ブックマークレット - the code to rock

                                                                                  新着記事