Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と試し終
YoutubeのHD祭りに乗じて作ったGreasemonkeyが好評価を頂いたようです。 ・動画を楽しもう！（Youtubeでダウンロード可能なファイル形式が一目瞭然になるGreasemonkey） ・はてなブックマーク – 動画を楽しもう！（Youtubeでダウンロード可能なファイル形式が一目瞭然になるGreasemonkey） 毎度ながら、こういったツールは「自分が便利になるもの」を目指して作り始めるのですが、今回のグリモンの場合、「どうやってやっているの？」っていう疑問を持った方が結構いたみたいなのでちょっくら解説などしてみようと思います。 目的のファイルがあるかどうかを判別する方法 Youtubeのダウンロードファイルの在処が分かったとしても、HD画質でアップロードしていない場合は「&fmt=22」の動画ファイルは存在していません（他のフォーマットについても同様でしょう）。しかし、
Save Anything Save all of the interesting articles, videos, cooking recipes, song lyrics, or whatever else you come across while browsing. With one click, Instapaper lets you save, read, and manage the things you find on the Internet. Read Anywhere Instapaper syncs the articles and videos you save so that they're waiting for you on all your devices - iPhone, iPad, Android, Kindle or Kobo eReaders.
PrintWhatYouLike lets you print the good parts of any web page while skipping ads and other junk.
iPhoneのSafariにはPCブラウザについている"ソースの表示"がありません。興味ある人が少ないかもしれませんが...とりあえず方法のご紹介です。 実現方法 ブックマークレットを使って実現します。 ブックマークレットって？ iPhone 3Gで使える！ ブックマークレット大辞典をどうぞ。 私はこちらを使っています。もっと良いものをご存じでしたらお教え下さい。 ソースを表示する(PC用) ソースを表示する(iPhone用) 登録方法 ブックマークレットをiPhoneから直接登録する方法を紹介します。 (PCと同期している方はPC用の内容をブックマークに追加してください。) ソースを表示する(iPhone用)を開きます。 Error - 404の画面になりますがシカトして、ブックマーク登録画面へ。 タイトルを編集して登録します。 いま登録したブックマークの編集画面を開きます。 URL欄の
book•mark•let [book-mahrk-let] –noun 1. a bookmarklet is an applet, a small computer application, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Whether bookmarklet utilities are stored as bookmarks or hyperlinks, they are designed to add one-click functionality to a browser or web page. 2. a bookmarklet performs some function, one of a wide variety such as a sea
サロゲートペアは大事 元ネタ:文字の情報を調べるためのブックマークレット - IT戦記 サロゲートペアには非対応です＞＜ 文字の情報を調べるためのブックマークレット - IT戦記 おや、これでは音楽記号も算籌も麻雀牌もドミノ牌も線文字Bもヒエログリフも楔形文字もフェニキア文字もチュノムも則天文字も調べられない!! サロゲートペアとは何ぞ サロゲートペア入門：CodeZine（コードジン） UTF-16を使うJavaScriptでは扱いが難しくなるから、文字単位で処理しようとする時につまずく。Unicodeには他にも《結合文字の並び》という落とし穴があるけどね。 ブックマークレット サロゲートペア対応版 javascript:location.href = 'http://www.fileformat.info/info/unicode/char/' + (function(r){ var
We’re getting things ready Loading your experience… This won’t take long.
SpellBookというChromeの拡張を作ってみました。 ブックマークレットを右クリックから起動できるようになる拡張です。 ツブヤキ、Like、はてぶ、Evernote、あらゆるものが指先ひとつでYouはShock!です。新しく拡張を作ったりインスコすることなく、様々な機能を右クリックで解決できます。 使用方法 １：Googleで、拡張をChromeにインストール。 ２：画面上部のバーにBookmarklets フォルダができる。 ３：このフォルダに、ブックマークレットを色々と突っ込む。 ４：右クリックメニューに SpellBook が追加され、右クリックからブックマークレットが起動できる。 SpellBookがオススメな理由 ・ブックマークレットなので、デバイス間やブラウザ間で同期ができる！ ・JavaScriptができれば、わざわざ拡張を作らなくても機能追加できる！ ・拡張よりも沢
【2012/01/03：更新】 Ust DLの公式ページができました。今後の最新情報はこちらをご確認ください。 Ust DL 公式ページ ・UstreamのRecordedをダウンロードするBookmarklet [C!] 先月公開した、Ustreamをダウンロードするブックマークレットがなんだかんだですごい広まってしまいましたｗ。APIなどで正式に公開されているインターフェイスでないので自粛モードで書いたつもりだったんですが・・・。で、Ust側もトラフィックがどんどん増えているのかCDNサーバを増設したっぽく、一部動画がダウンロードできないという報告をたくさんいただいたのでスクリプトのアップデートを行いました。 Downloadリンクが３択になってしまいました＞＜ これはFLVが保存されているサーバがいくつか種類があるのですが、そのどれかを特定する方法が分からないので全部並べているという
Step 1. Drag the button to your bookmarks bar. Step 2. Navigate to enemy site and launch. Step 3. Go wild. Super cool highscores Brag amongst your friends with new highscores! Awesome achievements Up your rank and gain XP with super fun achievements. Choose from hundreds of ships Now you can switch ship in game making it all more fun Create your own super ship With the super easy editor you can cr
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
「Google Scribe」は、Googleサジェスト機能をどこでも利用できるサービスです。 もちろん、Google Scribe上でも動きますが、用意されているブックマークレットが非常に便利。これを利用すれば、どんな場所でもGoogle Scribeが使えます。 以下に使ってみた様子を載せておきます。 Google Scribeにアクセスして、文字を入力してみましょう。現在は、英語しか対応していません。 このように次の候補や、入力している単語を自動的に補完してくれます。かなり高速で、もたつかないところは流石ですね。 補完してくれる内容は、英単語だけでなく、HTMLなどのコードも対応しています。また、Googleアカウントにログインしている状態だと、ユーザ履歴にもとづいて候補がでてくるようです。 Google Scribeの下部にブックマークレットがあります。こちらをブックマークに保存し
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
82017 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます javascript:(async()=>{if(!window.html2canvas){await new Promise(((res,rej)=>{const s=document.cre...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
