Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
迷惑な拡大操作禁止のWebページ スマートフォン用、タブレット用のページは高確率でピンチ操作、ダブルタップ操作による拡大操作が無効化されていますが、使う側からすれば余計なお世話。 禁止する目的は、デザインした側の意図した表示を崩さないか、広告を含むサイドバーを視界の中に入れるということに留まり、「拡大禁止だから使いやすい」ということは、おおよそないといえます。あまつさえ文字が小さいと、読む気をなくします。 以前紹介した、文字選択が思い通りにならない問題にもかかわる、拡大操作禁止。 iOSのSafariで文字選択が思い通りにならないときに使える画期的な対処方法 拡大操作禁止されていてがっかりすることはあれど、それで喜んだことはありません。 拡大操作を強制的に有効にする そこで、拡大可能にする方法を調べ……。 javascript – Can I change the viewport met
Amazonの注文履歴が過去から現在まですべて集計されてしまうという、あのブックマークレットは衝撃的であった。こんな風にブラウザの世界を自在に操作できるJavaScriptって素晴らしい。でも、このブックマークレットがどんな仕組みで集計しているのか、未だすべては理解できていない。(特にDeferredとか)コードの流れ追跡しながら調べてみた。 URL欄のコード 改行なしだと読み難いので、セミコロンで改行を入れてみた。 そしてsrcのURLは、フォークした自分のgistに変更している。 javascript: (function(){ var d=document; var s=d.createElement('script'); s.src='https://gist.github.com/zarigani/5718444/raw/eaf1da1434a3d620a93779da2b33f
JavaScript::Bookmarklet http://bookmarklet.daa.jp/ 運営:不明 ショートカットではできないちょっとした便利技がここにある こういうコードものは便利。ブックマークに入れて動作するJavaスクリプトを紹介している便利サイト。 2006年更新だったのでChromeなどには当然触れていないが、動くものもあった。 このサイトは文字リンクのある場所を、左クリックしながらそのままブックマークレットに入れることで実行コードがブクマに入る。 たとえばライブドアの「したらばJBBS掲示板」には倉庫に入れた後に過去ログ倉庫にあるデータを一括選択することができないのだが、チェックボックスを一括選択するコードがここにあるので、それを利用したら解決したりとかする。意義のあるサイトなのでできるだけ長くのこってほしいものだ。 動作確認にはとりあえず、項目のタイトル部をクリ
このiOSアプリ*サービスに学ぶ! 「Mobile Safari」が格段便利に! ブックマークレット紹介サイト『Tapmarklets』 中津川篤司 2011/09/15 『このiOSアプリ*サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! ブックマークレットはデスクトップブラウザでは数年前から使われるようになっている。Webアプリケーションが普及する中でJavaScriptの注目が高まった中で作られた技術だ。ブックマークのURLの代わりにJavaScriptを実行することでWebページの内容やWeb
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
今見ているGoogleマップを画像に変換するブックマークレットを作ってみた Googleマップを画像に変換 - Hatena::Let Googleマップを画像に変換(IE専用) - Hatena::Let 最初からHatena::Letでやっていれば、IE用とそれ以外を分ける必要も無かったことに後で気付いた…。 使用例 大阪城公園 - Google マップ のようにして、大阪城を中心に持ってきてから、ブックマークレットを実行し、 プロンプト表示されたURL を実際に表示すると、 のように、ちゃんと大阪城を中心とした画像になります。 真中にピンも付いてますね。 経緯 Googleマップは便利ですが、あの地図を画像にしてメールできたりすると便利な場合もあります*1。 で、@10th543さんが、 真中へピンを立てるにはどうするんだろ? - Google Static Maps API - G
このリンクをブラウザのブックマークバーにドラッグ&ドロップ! ブックマークバーに「iCookPadStyle」という項目が追加されます。 クックパッドのレシピページで「iCookPadStyle」をクリックすると、 ページデザインがiPadスタイルに変わります! Safariのブックマークバーに登録して、iPadとブックマークを 同期すればiPadからも利用可能です! ※このユーザスタイルはChromeやSafari、Firefoxの最新版でもご利用可能です。 ※このサイト及びユーザスタイルはクックパッド株式会社さんと関係はありません。無断で勝手に作成しただけですので、クックパッドさんに問い合わせなどはしないでください。
「Google Scribe」は、Googleサジェスト機能をどこでも利用できるサービスです。 もちろん、Google Scribe上でも動きますが、用意されているブックマークレットが非常に便利。これを利用すれば、どんな場所でもGoogle Scribeが使えます。 以下に使ってみた様子を載せておきます。 Google Scribeにアクセスして、文字を入力してみましょう。現在は、英語しか対応していません。 このように次の候補や、入力している単語を自動的に補完してくれます。かなり高速で、もたつかないところは流石ですね。 補完してくれる内容は、英単語だけでなく、HTMLなどのコードも対応しています。また、Googleアカウントにログインしている状態だと、ユーザ履歴にもとづいて候補がでてくるようです。 Google Scribeの下部にブックマークレットがあります。こちらをブックマークに保存し
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
次ページへとかを自動で読み込むあれです。 で、iPadのSafariでのAutoPagerizeですが、ブックマークレットで実現出来ます。 iPhone版のをググってそのまま踏襲させていただきました。 http://d.hatena.ne.jp/markie/20080802/1217678750 例えばgoogleの検索結果でブックマークレットを呼び出してスクロールさせていくと・・ ちゃんとページが継ぎ足しされていきます。 xAutoPagerizeのブックマークレットをブックマークに登録するのがちょっと面倒くさいので、ブックマークレット登録支援を初めにブックマークに登録してから利用しました。 以下やり方を画像付きで。 まずは先ほどのサイトでブックマークレット登録支援というリンクをクリック。 開いたページをブックマークに追加します。 なお、私は使いやすいように、ブックマークバーに登録しま
Google Bookmark を使いはじめた。シンプルながら快適な使い心地で気に入っている。 とにかく、ブックマーク編集画面が開くまでが速い ブックマーク先のページも含めて全文検索が可能 ソーシャル要素は考えず、純粋に「ブックマーク」という行為を突き詰めていくと、上記二点が非常に重要であることが分かると思う。 ちなみに、ブックマークレットにはGoogleブックマークに追加するブックマークレット(メモ欄対応版)で配布されているものを別窓で開くようにして使わせてもらっている。感謝。 javascript:var%20u=encodeURIComponent(location.href);var%20ti=encodeURIComponent(document.title);var%20te=encodeURIComponent((window.getSelection&&window.get
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
今、開いてる記事をメールで送信したり、ページをクリップしたり、検索を開始したりをどのブラウザからでも同じキーストロークで出来たら便利だと思いませんか?それを可能にしてくれるのが、このユニバーサルブラウザコマンダーQuix。 デスクトップからでも携帯からでも使用出来るので、強い味方になってくれること間違いなしです。米ライフハッカーでは過去にも採り上げたことがあるのですが、それ以降も使い続けてみたところ、当初予測していたよりもはるかに便利で、融通が利き、かなりクールなツールであることが判明したので、今回はその使いこなし方も含めて紹介してみます。 ブックマークレットで出来ることは全て、しかもボタン一つで可能、キーボードショートカット派の方はクイックコマンド一つでOK。パッと見の印象だとギーク度数の高いツールのようにも見えますが、一度使いこなせるようになれば、これなしではウェブブラウズしたくなくな
【注】本記事に追加情報があります。お手数ですが、続:コマンドラインで実に簡単に様々なWebサービス(GoogleからW3C、果てはWordpress操作まで)を使い倒せるBookmarklet-Quix(不具合報告の件) - 適宜覚書はてな異本もご参照お願い致します。 唐突ですが、四の五の言わずにこのBookmarkletを使ってみろってんだ、てやんでいっ!!と江戸っ子でも無いのに巻き舌で言いたくなるくらい素敵です、これ。いつものムダで長い前置きはさておき導入の話をしましょう。 導入 実に実に簡単です。何しろbookmarkletですからね。 Your Bookmarklets, On Steroids – Quixを開きます。 画面右上にある「Quix App」をドラッグしてツールバーにドロップします。 糸冬 了..._φ(゚∀゚ ) 使ってみる 先程ツールバー上にドロップして出来た「Q
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く