コードを短縮化してブックマークレットを作成します。「タイトルとURLを表示」「Webページを上下2段に分割」「選択範囲をハイライト」など、サンプル複数あり。
![ブックマークレット作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c099da0f63b32c680b1807ca700a2ff8d6641cb/height=288;version=1;width=512/https%3A%2F%2Fcrocro.com%2Ftools%2Fimg%2Fog.jpg)
コピペ不可なパスワード入力欄に強制コピペできるブックマークレットを作りました 2018-08-08 パスワードマネージャーからパスワードをコピペしようとしても、未だにコピペ不可なパスワード入力欄に出会うことが少なくないため、JavaScriptのプロンプト表示経由でパスワードを入力するシンプルなbookmarkletを作りました。 javascript:(function(){document.querySelector('input[type="password"]').value = prompt("パスワードを入力してください。")})(); パスワード入力欄があるページでブックマークレットとして使用すると以下のダイアログが表示されるので、ここからパスワードをペーストして入力できます。 全てのサービスで異なるパスワードを使うべきなのに、未だに手動入力させようとする(=人間が覚えやすく
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
正確な時期はいつ頃かは調べていないのですが、いつの日からかFirefoxで特定のブックマークレットが動作しなくなってしまいました。例えばツイートに添付された画像を全てorigオプションで展開するTwitterのブックマークレットなどです。 ブックマークレットを動作させるためには、CSP(Content Security Policy)を無効にする必要があります。以下、手順です。 1.アドレスバーにabout:configと入力し設定画面に移行する 2.security.csp.enableの項目を表示させる 3.値をfalseにする 以上の設定が終わったら念のためFirefoxを再起動します。すると今まで動かなかったブックマークレットが正しく動作するようになっているはずです。
Instantgram ☁️ A bookmarklet for downloading images from Instagram. [instantgram 5.0.6] drag this button to the bookmark bar of your browser. [instantgram] is a bookmarklet for downloading single images from Instagram. Tiny, simple, without any further extensions or downloads. Just drag the [instantgram] button to the bookmark bar of your browser, open any Instagram post and click on the bookmarkl
Update 2019: This no longer works due to Instagram constantly updating it’s generated HTML. There are plenty of alternatives to do this so I probably won’t update this. Update 02/08/2016: Updated the code to work with the latest version of Instagram. Remember, only works on photo detail page, like this. Does this look familiar? If you right-click on any Instagram photo from their web app you get t
正己さんはTwitterを使っています: "ツイッターでオリジナル画像を表示する→ javascript:(function(){var%20url=document.location.href;url='https:'+url.split(':')[1]+':orig';window.open(url);})();" ... ツイッター本家でアップロードした画像は、今のところ、 https://pbs.twimg.com/media/ファイル名(jpg、png、他) らしく、このURLの末尾にサイズを指定する :large、:small、:medium、:thumb、:orig の付いたURLもある。 大きなサイズの画像をアップロードすると縮小されて表示されてることがある。URLにサイズ指定が無いのにアップロードしたオリジナルのサイズで表示されないことがある。サイズ指定の :orig が
固定レイアウトの漫画の画像解像度を調べる 買ってから解像度が低かったということをなくためにいい方法はないだろうか。まーファイルサイズ見たらだいたいわかる。けれどもっと直接的に画像ファイルのサイズを図ろう。 サンプルから画像サイズを測る amazon.comでは、サンプル表示機能があります。それを利用して、その画像の縦横の解像度を調べれば画像サイズがわかる。つまりamazon.comで売られていなければ無理ってこと。 まえに、サンプル表示ブックマークレットを見たのでそれをいじって、画像サイズを測ってみる。 Kindle本の立ち読み版(サンプル)をブラウザで閲覧するための新ブックマークレット - 忌川タツヤのブロ 上のリンクのブックマークレットから、gz_sample.htmlではなく、images/img1.jpgを開くようにしているだけ。 javascript:(function(){va
電子書籍端末の高解像度化にKindle書籍が付いてきていない Kindle Voyage、Full HD以上のタブレットなど、高解像度なディスプレイを搭載した電子書籍端末が珍しいものでなくなってますが、それら高画質な端末を使っても、画像型Kindle書籍は依然ぼんやりと見えます。 画像型Kindle書籍に内包される画像ファイルの解像度(画像サイズ)が端末のディスプレイ未満だからです。 画像型Kindle書籍に内包される画像ファイルがどのぐらいの解像度(画像サイズ)なのかを調べる方法はないのでしょうか? Kindle Cloud Readerで解像度(画像サイズ)が調査可能 KindleにはKindle Cloud ReaderというWeb版のリーダーがあります。 Kindle Cloud Reader Kindle Cloud ReaderにKindle書籍を表示させると、Webブラウザを
遊びすぎに注意! 地震発生以降、2日にわたり地震関連の話題をお届けしてきましたが、本日より「日々是遊戯」は通常運行に戻ります。被災地ではまだまだ大変な時期が続いていますが、各自が「今できることをする」のが復興への何よりの近道ということで、ご理解いただければ幸いです。被災された方々の安息と、一刻も早い被災地の復興をお祈りしております。 さて、本日紹介するのは、クリックするだけでどんなWebページも「塊魂」にしてしまうブックマークレット。このブックマークレットを使うと、例えば今見ているITmedia Gamezのトップページで、こんな風に塊を転がして遊べるようになります。 どんなページもたちまち「塊魂」に。文字や画像を巻き込んで、どんどん塊を大きくしていきましょう 対応ブラウザはFirefox4またはGoogle Chrome。ブックマークレットの使い方は、この「Katamari!」(java
Contents はじめに BlogMatcherで検索 フォームの入力内容をテキストに保存・復元 Googleイメージアルバム はてな:アンテナに追加アイコン作成 はてな:ダイアリーリンク はてな:ダイアリーID変換 はてな:リンクを含む日記を見る はてな:リンク元ビューアで表示 はてな:投げ銭 はてな:トラックバックURL いま見ているページにリンク 選択範囲でページにリンク せかいのまんなか一覧 出力サンプル ブックマークレット・パブリッシュキット 参考 はじめに ブックマークレットは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加するものです。たとえば、ブックマークを選ぶと、表示中のページを自動翻訳サービスで翻訳する、というようなことができます。 リンクをブックマーク(お気に入り)に追加するやり方はブラウザによって異なりま
ちょっとした小ネタです。 Twitterにアップロードした画像はクリックしても微妙に小さいままですが、別ページで開くと大きく表示されます。(uriの末尾が:large) さらに:largeを:origにするとサイズが大きくなります。(:largeと同じサイズの場合も多々ある) さて、毎回毎回クリックしたりアドレス変更したりをする手間が面倒なのでブックマークレットを作りました。 追記 2015/09/20 Githubで公開しました。こちらで更新していこうと思います。 github.com 以下、追記前 // 複数イメージ対応 $("div.permalink-footer div.multi-photos").find("div.multi-photo img").each(function(){ var link=$(this).attr("src"); link=link.replac
Twitter画像原寸表示ブックマークレット 以下のブックマークレットのリンク(■の後にあるリンク)を、右クリック→「このリンクをブックマーク」などでブックマークに追加して使用してください。 ■ Twitter画像原寸表示 v1.151105 機能 Twitter公式画像投稿機能でアップロードされた、「pbs.twimg.com/」で始まるURLの写真やイラスト等が単独で表示された状態で使用すると、拡張子の後に何もないか末尾に「:large」「:thumb」が付与されている場合に、URLの末尾を「:orig」に変更してオリジナルサイズの画像に移動します。 同様に「pbs.twimg.com/」で始まるURLの画像を含むツイートのページ(URLが「twitter.com/アカウント名/status/ツイート番号」になっているページ)で使用すると、その画像のURLに「:orig」を付与してオリ
Bookmarkletの存在を知ってから、いくつか気に入ったものをインストールしたり、自分で作ってみたりして遊んで来たのだが、普通のウェブページへのリンクも含めて数が増えてくるとツールバーが一杯になってしまい、使い勝手がぐっと悪くなる。 そこで、いくつかのBookmarkletの機能を一つにまとめた、メタBookmarkletを自分のために作ったのだが、せっかくなので、ここで公開。名づけて「シオレット」だ(bookmark=しおり)。 【シオレットのインストールの仕方】 [シオレット] ← このリンクを右ボタンでクリックして「お気に入り/bookmark」として追加する。左ボタンでクリックしてしまうと、シオレットがこのページ上で動いてしまうので注意(その場合は、グレーの部分をクリックすればメニューを閉じることができる)。 追加する場所としては、Firefoxの場合は Bookmark To
何もインストールすることなく、「このページを翻訳」したり「このページをブログに引用」したりできるボタンをブラウザに設置できる。ブックマークレットで、操作性アップを目指そう。 ブックマークレット(Bookmarklet)という言葉を聞いたことがあるだろうか。これは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加する特殊なブックマークだ。 扱いはブックマークと同じ。「お気に入り」などに登録して、選択すれば実行される。ブックマーク同様、リンクをドラッグしてブラウザのリンクバー(ブックマークバー)にドロップすれば、簡単に押せるボタンになる。livedoor クリップのブックマークレット解説ページに、ブックマーク登録方法についてのムービーがあり、分かりやすい ブックマークの場合は、登録したサイトにジャンプするわけだが、ブックマークレットは現
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
Sveta Good site: circut city�ircut city�ircut city�rica durance�rica durance�rica durance�emjoy�emjoy�emjoy�cpenny�cpenny�cpenny�avalife�avalife�avalife�edu ceramic hair straighteners�edu ceramic hair straighteners�edu ceramic hair straighteners�edu flat irons�edu flat irons�edu flat irons�edu tourmaline hair straightener�edu tourmaline hair straightener�edu tourmaline hair straightener�olia flat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く