これまでプライベート・業務の両面で個人的にブックマークレットを作っては利用してきました。 我ながらだいぶ小慣れてきた感じがあります。 このブログでもブックマークレット関連のネタは書いてきましたが、ブックマークレットそのものの作り方に関してまとめていなかったので、あらためて書いてみます。 そもそもブックマークレットって何やー シンプルに言うと「ブックマークに登録しておいて、自分の好きなタイミングで実行できるJavaScriptのコード」です。 実例として、 WordPress は文章を引用して素早く記事を作成するための Press This というブックマークレットが標準で付いてきます。 ブックマークレットでできること 長らく草案だった HTML5 がついに勧告され、近年では ECMAScript 2015(ES2015, ES6) がモダンブラウザに着々と実装されてきています。 この状況を
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と試し終
「シェアさせてください」「シェアさせていただきます」のコメントの羅列さえ目に入らなければすごくいい記事、というのがfacebookには結構ある。 というわけで、「シェアさせてください」「シェアさせていただきます」というコメントを非表示にするjavascriptがあればすごく需要があると思うのだ。誰かつくってくれまいか。 ……とTwitterに書いたら、結構な賛同をいただいた。 まあ、需要があるならつくりましょう、ということで、簡易的にブックマークレットをつくりました。 シェアよさらば 上のリンクをブックマークにドラッグアンドドロップなどして登録してください。 Facebookで不快な「シェアさせてください」の羅列を見たら即座に押していただければ、見ているページの全部の「シェアさせてください」が「愛撫させてください」に置換されます。 （というか、全部の「シェア」が「愛撫」に置き換わります）
Facebookで人気の投稿によくある「シェアさせてください」というコメント。丁寧に一言断りを入れる日本人らしい文化ではありますが、「いちいち言わなくてもいい」「多すぎて不快になる」といった意見もネット上では多く見かけます。そんな人たちのためのスクリプト「シェアよさらば」が公開されました。 シェアよさらば 「シェアよさらば」はリンクをお気に入りなどに入れておき、シェアにおさらばしたいページを見ているときにクリックするだけで動作するブックマークレット（つまり、Facebook以外のページでも使えます）。シェアを一掃する方法はシンプルで、クリックするとそのページの「シェア」を「愛撫」に置き換えるというものです。大量の「シェアさせてください」が目障りなコメント欄で使用すると「愛撫させてください」「愛撫させていただきました」「感動しました！ 愛撫させていただきます」など、ものすごい量の変態紳士が誕
iOSのSafariで文字選択が思い取りにならなくてイライラすることがある iOSのSafariで表の中の文字の一部分を選択しようとしても、セル全体になってしまったり、行全体になってしまったりして、必要ない文字まで選択、コピーするハメになって面倒なことがあります。 特に、viewport指定で拡大が禁止されている場合はやっかい。 拡大が禁止されていなければ、拡大すると表の中であっても部分選択ができるようになるのですけどね。 あるブックマークレットを使うと表の中の文字であっても自由に選択できるようになる 今回紹介するブックマークレットを問題のページで実行するとアラ不思議！ 表の中の文字であっても自由に選択できるようになります。（続きは[Read More]から） ブックマークレットのSafariへの登録 以下のブックマークレットを全選択してコピー。 javascript:document.b
ブックマークレット HTML LINK 生成されたブックマークレットはブックマークバーにドラッグ＆ドロップすると追加できます。 Make Link ジェネレータの使い方 Firefox の アドオン Make Link :: Add-ons for Firefox の機能を Google Chrome 等のブラウザに擬似的に実装するためのブックマークレット。 生成手順 タイトル欄にブックマークレット名を入力 フォーマット欄に出力したい文字列や HTML 等を入力 Make Link 生成ボタンをクリック ボタン下のブックマークレットのところにブックマークレットが生成される 生成されたブックマークレットをドラッグ＆ドロップ等でブックマークバーに追加 生成したブックマークレットは共有することも可能です。オススメの Make Link があったら公開してもらえると嬉しいです。 使い方手順 Mak
�お祝いにベビー服を！ お祝に喜ばれる物はなんでしょうか？ 赤ちゃんの出産祝いには何が喜ばれるのでしょうか？ 出産祝いには何を送ればいいのか。 その中でも最近、関心が高いのは気になる出産祝い。 というのも、出産祝いには何を贈っていいか困りますよね。 色んな出産祝いがあるかとは思います。 その中でもベビー服なんかはとても気になります。 ベビー服には色んな種類がありますが、個人的に気になるのは 動物の形をした着ぐるみ。 あの着ぐるみを着てチョコチョコ動いているだけでとても可愛いく感じるのですよね！ ヌイグルミみたいな風合いと可愛らしい着ぐるみが思わず、後ろから抱きしめたくなります。 出産祝いは色んな物がありすぎて困りますが、やはり定番の商品は強いのではないかと感じます。 ベビー服、候補の中に入れてみてはいかがでしょうか？ ベビー服には男性、女性用と色んな商品がありますが、色を中性的な色にしたら
こんにちはこんにちは！！ 前回のLINEを既読にせずに読むツールは、結局規制を受けて使えなくなってしまったので、今度はブックマークレット版を作ってみました！ なので今回のは、パソコンでしか使えません＞＜ ほんとはスマホの人に使ってほしかったんだけど…。 それでもよければどうぞ！ ブックマークレット使ったことない人のために、一応使い方も書いておきますね！ 1. LINEのメールアドレス登録をしておく アプリの設定 → メールアドレス登録で、メールアドレスとパスワードの登録をしておきます。 このアドレスはスマホのじゃなくても、GMailとかでもOKです！ 後から何回でも変更できます。 2. Google Chrome をインストールしておく Google Chrome - ブラウザのダウンロード 3. Google Chrome の「ブックマークバー」を表示しておく Chromeの右上にある設
皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper（アプリ）やEvernote（アプリ）に保存する サイトのソース表示を表示する 閲覧中のページをtwitterでつぶやく 驚きですよね！そうなんです。こんなにも色んなことができるんです。本記事では、ブックマークレットの登録方法とその使い方、そして便利なブックマークレットをご紹介していきます。 ブックマークレットの登録方法 ブックマークレットは、その名の通り「ブックマーク」を使ってその登録をします。少しだけ登録方法が複雑なので、よく以下をお読みください。 まず、適当にページを開きブックマークします。 名前も適当でいいです。 適当なページを
■何処でもPDFを持ち歩こう！webサイトをPDFにしてダウンロード保存 for GoodReader 初めに。 この方法を発見したのは私ではありません。 あまりにも便利すぎるので引用を含めご紹介させて頂きます。 普段iPhone上サファリでブラウズ中、 そのページをそのままPDFへ変換しDL、 GoodReaderへ保存できるブックマークレットです。 最初に知った時はちょっと衝撃。 ブックマークレットって何？>>作り方は先にこちらへ 従来の方法だとページ全体を保存しておきたい場合、 うまく画像がDLできなかったり一部不具合がありました。 このブックマークレットを使うとワンタップでGoodReaderが起動し、現在見ているページがPDF化されてダウンロードが始まります。 この方法だとオフラインで常に見れる状態になるのでとても便利になりました。 webサービスに現在の見ているページをPDF化
• ❑ iPhoneの Safari で表示したWebページをそのまま保存しておきたい事があります。 色々調べて行き着いたのが PDFmyURL.com というところです。 Drag ths bookmarklet: PDFmyURL の「PDFmyURL」を右クリックし「リンクをコピー」でコピーすると 「javascript:pdf_url=location.href;location.href=’ｈｔｔｐ://pdfmyurl.com?url=’+escape(pdf_url)」となります。 （全角のｈｔｔｐは半角の http に変更して下さい） 右隣にある「Advanced Options」をクリックすると、各種設定などの説明がずらり表示されます。 • ❑ これをブックマークレットととして登録し、Webページで実行すると表示しているページが PDFに変換されます。 MobileMe
We’re getting things ready Loading your experience… This won’t take long.
いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」！ 参考：[link]Evernoteのクリップに
iphoneのsafariでwebを閲覧中に私がよく使うbookmarkletの紹介をします。 これらがあるとiphoneサファリが今以上に便利になります。 それでは、早速ご紹介。 ブックマークレットを登録するためのブックマークレット iPhoneでブックマークレットを簡単に登録できるようにするブックマークレット – むぅもぉ.jp iphoneではブックマークレットを直で保存できないので、重宝しています。 ページ最下部へ移動 Safariのページ最下部に移動するBookmarklet(ブックマークレット) – 強火で進め 最上部移動はステータスバーをタップでOKだけど、最下部へはいけないので使用頻度は高め。 Googleリーダーに登録 iphoneからgoogleリーダーへRSS登録する方法(ブックマークレット) | nori510.com 気になる記事があれば、すぐに登録したいので必須
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
82017 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます javascript:(async()=>{if(!window.html2canvas){await new Promise(((res,rej)=>{const s=document.cre...
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
