Bookmarklet という一番身近な自動化技術 | blog.jxck.io
Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と
iPhoneのSafariが10倍便利になるブックマークレット10個
ども！ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日本語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します！ Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日本語翻訳す
巨大な bookmarklet を信頼できる形で配布する方法 - kazuhoのメモ置き場
Twitter で聞いてみたところ @hasegawayosuke さんいわく、Bookmarklet の文字数制限は最短だと約2,000文字らしいです。 でも、その長さで bookmarklet を書くのって難しいですよね。かといって、別のサーバから JavaScript をダウンロードして実行するとなると、そのダウンロードされたスクリプトが安全か、という問題が出てきます。 ならば、暗号学的ハッシュ関数を2,000文字以下で実装し、ダウンロードしたスクリプトの改ざん検証を行った上で実行すればいいのではないか。そうすれば、文字数の制限に悩むことなく Bookmarklet の開発に勤しめるのではないでしょうか。 ジャジャーン！というわけで、とても短い SHA-1 の JavaScript 実装を作りました*1。 GitHub - kazuho/sha1.min.js: SHA-1 impl
ブックマークレットをまとめたブックマークレット for iPhone / iPod touch - sarusaruworld lab - Web Lab
先日、なんの気なしに掲載してみた、「はてなブックマーク用ブックマークレット for iPhone」ですが、予想以上に反響を頂きました。ありがとうございます。 調子に乗って、もうひとつ。自分＋友人用に使っていたツールがあるので、公開してみました（※見た目、なんとかしたい）。 PC版でやってみて、泣かず飛ばずだった、「ブックマークレットをまとめたブックマークレット」のiPhone版。名づけて「sarusaruBookmarklet for iPhone / iPod touch」です！（さるさるさるさる・・・。我ながら、そろそろウザい・・・）。 【特徴＆メリット】 ・ひとつのブックマークレットから、様々な機能が呼び出せる（らくちん） ・iPhone / iPod touchのブックマークが、ブックマークレットで埋め尽くされないで済む（やったぜ） ・随時、機能の追加が行われる（できる範囲で、こん
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日（月）～3月3日（日）〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び｜Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
空から女の子が降ってくる - ぼくはまちちゃん！
こんにちはこんにちは！！ はてな見てたら、こんなのがありました！ 【降臨賞】空から女の子が降ってくるオリジナルの創作小説・漫画を募集します - 人力検索はてな 条件は「空から女の子が降ってくること」です。要約すると「空から女の子が降ってくる」としか言いようのない話であれば、それ以外の点は自由です。 字数制限 : 200〜1000 字程度 締め切り : 2009-01-12 18:00 で募集を止めます。 優勝賞品 : もっとも稀少な(と質問者が判断する)作品を書いてくださった方に 200 ポイントを贈ります。 面白そうですね！ さっそくぼくも応募してみたよ！ 応募した内容はこれ！ javascript:(function(){scroll(0,0);H='http://hamachiya.com/';D=document;F=Math.floor;R=Math.random;Q=new I
アマゾンの商品ページでASINを取り出すブックマークレットの雛形
アマゾンの商品ページでASINを取り出すブックマークレットの雛形 2008-12-02-3 [Programming][Bookmarklet] 「アマゾンの商品ページのURLって、SEO対策で長くなってる上に、 いろいろなパラメータがくっついてて複雑で扱いづらいので、ASIN だけ取り出してそれだけを使って何かをするぜ！」 ということをやりたいので、そのためのブックマークレットの雛形を作りました。 参考にしたサイトは以下： amazletツール http://app.bloghackers.net/amazlet/G-Tools ブックマークレット http://a-h.parfe.jp/einfach/archives/2004/0413103647.html で、まずは雛形となる JavaScript コード： var u = location.href; if (u.search(
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
いま開いているページを簡単に携帯で読むためのブックマークレット
「もう出かける時間だけど、このページは読んでしまいたい」とか 「このページは出先で参照できるようにしたい」とかいうときは 携帯にそのページの URL を送っておくといい。 そんなときに便利なのが Google Mobile Gateway (以後 GMG) で、 ここ経由でページを開けば 携帯で読むのにちょうどいいように整形してくれる。 画像はリサイズしてくれるし、 長いページは複数にわけてくれるし。 ところが実際にやろうと思ったら 携帯で読みたいページの URL をコピーする GMG を開く 先ほどコピーした URL を貼り付ける 「Go」ボタンを押す 表示されたページの URL をコピーする メールクライアントを立ち上げる 宛先を自分の携帯メールにする 本文に先ほどの URL を貼り付ける 送信する となってめんどくさい。 というわけで その一連の作業を楽ちんにするための ブックマーク
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
はてなブックマーク用ブックマークレット for iPhone - sarusaruworld lab - Web Lab
上記を、ひとつのブックマークレットでやりますよ、for iPhone Safari。 画面イメージはこんな感じ（※うっすら、下のサイトが透けて見えます） 。 黒い部分をクリックすると、画面が閉じます。 ・hateb.iPhone（Safariで登録するかた用） ・hateb.iPhone（iPhoneで登録するかた用） ご要望があれば、はてなRSSの登録ボタンの追加なり、なんなりする用意はありますよ！こちらには！どんと来やがれ、こんちくしょう。できる範囲で、こんちくしょう。 手前ミソですが、なかなか手放せないツールになりつつあります。 はてブコメントが画面遷移なしで見れるのが良い！ちなみにiPhoneがすぐ再読み込みに行くの、なんとかならんかのぅ。 ※追記 関連ブックマークレット「ブックマークレットをまとめたブックマークレット for iPhone / iPod touch」も公開しました
「あとで読む」のタイトルをカスタマイズ - なるとブレイク
あとで読む - あとでメールで読める無料ブックマーク・サービス 「あとで読む」は、いま開いてるページをまるごとメール送信してくれるサービスです。ブックマークがすぐにいっぱいになってしまう僕は、Gmailに送信しています。これが只のブックマークと違ってページの内容もまるごと入っているので、あとで探すのがかなり楽なのですが、たまにタイトルが付いてなかったり固定だったりしてページの内容と合わないことがあります。 そこで、ページタイトルを選択文字列に変更してから送信するブックマークレット「あとで読む#」を作りました！ ※以前公開したバージョンは自分のidが含まれたままでした。ブックマークレットをコピーしたあと、最後から2行目の「s=XXX」のところを差し替えてご利用ください。 まずは、「あとで読む」に登録してください。 オリジナルの「あとで読む」ブックマークレットをゲットしたら、javascrip
ブックマークレットを外部ファイルに書く方法(IE限定) - 葉っぱ日記
一昨日のWizard Bibleで紹介されていたブックマークレット本体を外部に置く方法を見ていて、似たようなのを読んだ気がしていたのを思い出したので書いてみます。 本日の参考文献: Windows Script Programming: セキュリティレベルを上げるとブックマークレットが使えなくなる。 IEでローカルにおいてあるHTMLファイルを file: (だったり単純に C:\path\... だったり) で開いた状態でブックマークレットを実行しようとすると、ローカルコンピュータゾーンのロックダウンにより「セキュリティ保護のため、コンピュータにアクセスできるアクティブ コンテンツは表示されないよう…」という警告が表示され、ブックマークレットはすぐには実行されません。また、「制限付きサイト」に登録してスクリプトの実行を禁止した状態では、警告の表示もないままスクリプトの実行はブロックされま
便利な Google ブックマークレット１０種類
Google Blogoscoped [via Lifehacker] の記事で便利な Google ブックマークレットの一覧が紹介されていました。このうちいくつかは使ってましたが、この際ですので便利そうなものをまとめてツールバーに入れてしまいました。そんな１０個のブックマークレットをご紹介。 ブックマークレットは一見普通のブックマークのように見えますが実はその場で Javascript 使って「今のページを Google Reader に追加」とか「このページの内容を翻訳」といった機能を呼び出すものです。 記事には１０種類が紹介されていましたが、その中でも一番使いそうだなというものだけ選んでご紹介して、さらに別の場所で紹介されていたものを好みで選んでみました。 以下のリンクをツールバーにドラッグするだけでブックマークレットを導入することが可能ですが、RSS でこの記事を読んでいる方は、な
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hatena::Let
Enjoy*Study
HeartRails - ハートレイルズ - 新規事業開発のエキスパート
（このブログは移転しました）