ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、ブックマークレットで jQuery を使えるようにすればいい！というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければなりませ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ - Chrome Life
４月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか？ まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URLだけメールで送ってくれればいいという場合もありますが、紙に印刷しなければいけないシーンも必ず出てきます。 そんな時に、印刷したページのレイアウトが崩れていて読みにくかったり、途中で切れていたり、変な広告が写っていたりすると、上司からの印象はあまりよくありません。 せっかくなので、ホームページの記事の部分だけを崩さずに綺麗に印刷したいですよね！ 「えっ？ブラウザで印刷ボタンを押すだけじゃダメなの？」
知らない場所で使えそうな「最寄りのコンビニを探す」ボタンをホームに作ったら便利そうだった件 - もとまか日記乙
最近、ブックマークレットが面白いなーと思って、色々とゴニョゴニョしてる中で思い出した以下の記事。 [UPDATE1]iPhoneにカーナビのような『自宅へ帰る』ボタンを作って一瞬で経路検索する方法 | 代助のブログ おぉ、Googleマップの利用は面白いかも！と思ったので、以下を作ってみました。 現在地から「目的地」までの経路検索用URLを取得するブックマークレット javascript:a=prompt('');if(a!=null){prompt('','http://maps.google.com/maps?daddr='+encodeURIComponent(a)+'&saddr='+encodeURIComponent('現在地')+'&dirflg=w&t=m');} でも作った後に気がついたのが、Googleマップの経路検索なら、わざわざブックマークレットを使う必要もないよな
いつでも jQuery を読み込めるブックマークレット jQuerify | バシャログ。
こんにちは、 tanaka です。 jQuery 、使っていますか？今日は jQuery を好きなときに読み込むためのブックマークレットを紹介します。 Firefox + Firebug の環境を推奨。 ブラウザにブックマークレットを登録する 次のリンク先をブックマークとして登録してください。 jQuerify 上記のブックマークレットは、 Learning jQuery » jQuerify Bookmarklet のスクリプトに僕が少し修正を加えたものです。 Safari, Firefox, Operaでは、ブックマークバーなどにリンクをドラッグするだけで、使えるようになります。 IE6 では右クリック→お気に入りに追加(安全でない可能性の警告が出ます)でお気に入りに登録できますが、使えないようです。 jQuery を試したいとき、読み込もう このブックマークレットは何が便利なのでしょ
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
ブックマークレットサービス・Hatena::Let を使ってみた - os0x.blog
ブックマークレットサービス・Hatena::Let を作りました - 2nd lifeとのことで、早速使ってみました。使い方はホント簡単でログインして作成ボタン押して書いたら公開するだけ(ブログに貼るには個別ページ下にあるiframeタグをそのまま使うだけ)。 とりあえず、oAutoPagerize もともとBookmarkletとして動くように作ってあるので、@requireにファイルを指定しただけ。 あと画像をポップアップに開いたり、 ページを画像だけに置き換えたりするヤツ*1 こっちはベタに書いてみたけど、そしたら外部JSを読みに行く形にはならなくて、無名関数とかも付加されていないみたい。短いときはこうなるのかな？ 画像置き換えのBookmarkletは抽出条件を変えたり、一覧をCSSやJavaScriptでギャラリーのような機能を追加したりと遊びがいがあるBookmarkletなの
Mozilla Re-Mix: ウェブページを印刷に適したスタイルに変換できるサービス「printfriendly」
ウェブページを印刷したいとき、広告やコンテンツ内の不要な部分まで印刷しなければならない場合があります。 このようなとき、必要な部分を選択して印刷という方法もありますが、その箇所がページのあちこちに存在するような場合は非常な労力を伴いますね。 そんな場面で役立つサービスが「printfriendly」です。 「printfriendly」は、任意のウェブページを印刷に適したスタイルに変換することができるというサービスで、単にシンプルにするだけではなく、文章や広告、画像の不要な部分を自由に削除し、必要な部分だけを印刷することができるとうものです。 たとえば、サービスサイトにアクセスし、URL入力欄にこのブログ記事のURLを入力し、[print preview]ボタンをクリックすると以下のようにページが変換されるようになります。 この状態でも十分シンプルになっているのですが、上部の[remove
ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
Hatena::Let
81973 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ https://tech.classi.jp/entry/2024/04/23/183000 document.addEventListener('keydown',(function(event){if(event.key==='Enter'&&event.isComposing){e...
ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった
ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら本当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入れるだけで使えます。検索関連機能は全て「コマンド キーワード」が使えます。 使い方使い方はかなり単純。ブックマークレットを使う
Mozilla Re-Mix: コマンドを入力して検索やサイトアクセスができるブックマークレット「Quix」
Firefoxのブックマークツールバーに「ブックマークレット」というものを置いておけば、それをクリックするだけで特定の作業を実行できたりします。 このようなブックマークレットを使うことによって、サイトにアクセスするプロセスを省略し、ダイレクトに作業を行うことができるようになりますが、たくさんのブックマークレットを設置すると、ややこしくなる上にスペースが圧迫されてしまうなどの弊害が出てきますね。 今回ご紹介するブックマークレット「Quix」は、一つのブックマークレットからプロンプトを呼び出し、そこにコマンドを入力することにより、検索など多彩なウェブアクセスを可能にするというものです。 An introduction to Quix from Joost de Valk on Vimeo. 利用するにはメインページにある[Quix App]というオレンジのボタンをブックマークツールバーにドラッ
SEO for everyone
Outrank your competitors, today! SEO starts with Yoast Boost your website’s visibility with straightforward SEO tools and training. Join 13+ million happy Yoast SEO users! GET AHEAD OF THE COMPETITION Everything you need for SEO Whether you’re a beginner, a blogger or a big business, Yoast gets your website into perfect shape to compete in the search results.
コマンドラインで実に簡単に様々なWebサービス（GoogleからW3C、果てはWordpress操作まで）を使い倒せるBookmarklet-Quix - 適宜覚書はてな異本
【注】本記事に追加情報があります。お手数ですが、続：コマンドラインで実に簡単に様々なWebサービス（GoogleからW3C、果てはWordpress操作まで）を使い倒せるBookmarklet-Quix（不具合報告の件） - 適宜覚書はてな異本もご参照お願い致します。 唐突ですが、四の五の言わずにこのBookmarkletを使ってみろってんだ、てやんでいっ！！と江戸っ子でも無いのに巻き舌で言いたくなるくらい素敵です、これ。いつものムダで長い前置きはさておき導入の話をしましょう。 導入 実に実に簡単です。何しろbookmarkletですからね。 Your Bookmarklets, On Steroids – Quixを開きます。 画面右上にある「Quix App」をドラッグしてツールバーにドロップします。 糸冬 了..._φ(ﾟ∀ﾟ ) 使ってみる 先程ツールバー上にドロップして出来た「Q
はてなモノリスで一括フォローするためのブックマークレット - IT戦記
はてなモノリスが登場しましたね！！ はてなモノリス サービス終了のお知らせ このサービスは、各種商品を投稿することで「モノ」に対するコメントを共有するものみたいです！ これはきっと、フォロワーがたくさんいたほうが楽しいに違いない！！！ と言うわけで、一括フォローブックマークレットを書きました javascript:(function(s){s.src="http://amachang.sakura.ne.jp/misc/monolith/follow.js";document.body.appendChild(s)})(document.createElement('script')) 使い方 使い方は簡単 1 フォロー中／フォロワー ページに行く 2 そのページで上記のブックマークレットをロケーションバー（URL が出てるところ）に貼り付けて、 Enter キーを押すだけ 3 あとは、し
javascript - bookmarkletにゃのだニャ : 404 Blog Not Found
2010年02月22日17:00 カテゴリLightweight Languages javascript - bookmarkletにゃのだニャ dankogai: さっそくつけてみるにゃう<@nekojima: 今日は男子がツィートの語尾に「にゃ」をつけてもいい日 nekojima: 著名人は禁止です(笑) RT @dankogai: さっそくつけてみるにゃう<@nekojima: 今日は男子がツィートの語尾に「にゃ」をつけてもいい日 そりゃにゃいよというわけで脊髄反射でかきました。 bookmarkletなのだナ 現在表示中のページが問答無用にネコ化されます。 Enjoy! Dan the Feline Blogger 「Lightweight Languages」カテゴリの最新記事
はてなブックマーク数(users)のリンクをつくるブックマークレット - ぼくはまちちゃん！
こんにちはこんにちは！！ 最近よく、2chまとめサイトとかでも見かけませんか！ あの赤いやつ…！ これ → でもこのリンク、自分のブログ用につくるのは、ちょっとめんどくさいんだよね…。 なので簡単に作れるようにブックマークレットにしてみたよ！ (その１) ↑こんな感じで、普通にはてなブックマーク数のリンクをつくるタイプ javascript:void(function(r){prompt('','<a href="http://b.hatena.ne.jp/entry/'+r.replace(/#/g,'\u002523').replace(/^http(s{0,1}):\/\//,function(a,b){return b?'s/':''})+'"><img src="http://b.hatena.ne.jp/entry/image/'+r.replace(/#/g,'\u00252
SEOやサイト運営上、よく使ってる15のブックマークレット
使用頻度の高いブックマークレットを 15個ご紹介します。手軽に拡張できる ブックマークレットもあまたに数があります。 以前記事にしたブックマークレット検索エンジン も今後、ますます数が増えて行くと期待しています。 ※お使いのブラウザに沿った方法で登録してください。 960 Grid グリッドを表示してレイアウトを確認できます。僕の課題です・・・ 960 Grid Systemで配布しています。 960 Grid W3T Short URL to Twitter たまに使うようになりました。Twitter投稿の際のURL短縮はグリモンで 間に合うので本当にたまにですが。。。見てるページのURLを短縮して Twitterに飛んでくれます。Bookmarklet Directoryにありました。 W3T Short URL to Twitter Google Trends 見てるページをGoog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
入力支援ツール「Google Scribe」のブックマークレットが便利すぎる | ライフハッカー・ジャパン
IDEA * IDEA
