ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、ブックマークレットで jQuery を使えるようにすればいい！というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければなりませ
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
Manifesto - An HTML5 Offline Application Cache verification bookmarklet
is an HTML5 Offline Application Cache verification bookmarklet Manifesto provides a quick and easy way to make sure your HTML5 manifest file is valid and working on your page. One of the hardest parts of the Offline Application Cache is that when it doesn't work, it fails silently and you may not even realize it. This bookmarklet provides a simple way to make sure your page is using the manifest,
標準ブラウザ「Safari」にワンタップ翻訳機能を追加する便利なアプリ『Tap-Translate』
『Tap-Translate 』は、iOSの標準Webブラウザ「Safari」で表示しているページ中の外国語の単語を、画面を切り替えずにワンタップで日本語に翻訳できるようにするアプリです。 翻訳エンジンには、Google翻訳を使用しています。 （この記事はゲストライターのTom氏が執筆しました) 『Tap-Translate 』を起動すると、1枚目のような画面になるので、指示に従ってセットアップをおこなうだけで翻訳が可能になります。 「Click here」をタップすると、言語の選択画面に切り替わるので、外国語を日本語に翻訳する場合には「JAPANESE」を選択します。 「Integrate」ボタンをタップすると「Safari」を起動するので、表示されたページをブックマークに追加します。 次に、先ほど追加した「Tap-Translate」のブックマークを編集します。 翻訳機能はブックマーク
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
iPad UserStyle for Cookpad.com
このリンクをブラウザのブックマークバーにドラッグ＆ドロップ！ ブックマークバーに「iCookPadStyle」という項目が追加されます。 クックパッドのレシピページで「iCookPadStyle」をクリックすると、 ページデザインがiPadスタイルに変わります！ Safariのブックマークバーに登録して、iPadとブックマークを 同期すればiPadからも利用可能です！ ※このユーザスタイルはChromeやSafari、Firefoxの最新版でもご利用可能です。 ※このサイト及びユーザスタイルはクックパッド株式会社さんと関係はありません。無断で勝手に作成しただけですので、クックパッドさんに問い合わせなどはしないでください。
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
ブックマークレットサービス・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で作って眠らせていたのを、ち
エロ動画サイト閲覧を超高速化するブックマークレット
2008-10-06追記：リンク一つ毎に改行タグ(br)を入れる部分のコードが消えていたので引用記法からpre記法に変更しました。 XPathの練習として作ってみました。 yourfilehostへのリンク以外を抹殺します。yourfilehostへのリンク以外は全て騙しリンクというページで使います。 ページの読み込みが完了する前に実行できるので、騙しリンクや画像の描写に無駄なCPU時間を使わなくて済むという地球に優しい仕様となっております（グリーンIT）。 Firefox 3とGoogle Chromeで動作確認しました。 コード javascript:(function(){document.body.style.display='none';var a='//body/*';var b=document.evaluate(a,document,null,7,null);for(var
はてなブックマーク用ブックマークレット for iPhone - sarusaruworld lab - Web Lab
上記を、ひとつのブックマークレットでやりますよ、for iPhone Safari。 画面イメージはこんな感じ（※うっすら、下のサイトが透けて見えます） 。 黒い部分をクリックすると、画面が閉じます。 ・hateb.iPhone（Safariで登録するかた用） ・hateb.iPhone（iPhoneで登録するかた用） ご要望があれば、はてなRSSの登録ボタンの追加なり、なんなりする用意はありますよ！こちらには！どんと来やがれ、こんちくしょう。できる範囲で、こんちくしょう。 手前ミソですが、なかなか手放せないツールになりつつあります。 はてブコメントが画面遷移なしで見れるのが良い！ちなみにiPhoneがすぐ再読み込みに行くの、なんとかならんかのぅ。 ※追記 関連ブックマークレット「ブックマークレットをまとめたブックマークレット for iPhone / iPod touch」も公開しました
popIn - ネイティブ広告に対応した、コンテンツ発見プラットフォーム
popIn Discovery 1,000+ Premium Partners popIn Discovery DSPは、ディープラーニング技術に基づいたインテリジェントな広告エンジンです。popIn Discovery DSPは、Microsoft、Xandr、Index Exchangeのようなグローバルのプレミアムパートナーと、ローカルパートナーであるFluxやEnhanceと広範なパートナーシップを締結し、高品質の広告インベントリを提供すると共に、月間300億以上の広告インプレッションを配信しています。10億以上のパラメーターを持つディープニューラルネットワーク技術を利用することにより、秒間50万以上の広告リクエストを処理し、広告のパフォーマンスの評価ができており、リアルタイムでインテリジェントな入札戦略を実現しています。
ASCII.jp：
アクセスランキング sponsored スマホ専門家が3ヵ月使って悟った。スマホは「AQUOS sense8」で大満足な12の理由 トピックス 昔はまったく売れなかった「電気の要らない自動ドア」が人気を集めているらしい トピックス 楽天スーパーセール、お得な買い方徹底解説 楽天モバイルを実質1年4ヵ月無料で使う方法も紹介 iPhone アップル「iPhone 17」全モデル常時表示ディスプレー搭載か Apple アップル、新型iPad Proなど新製品を今週発表か AI 「ExcelでChatGPTを再現するシート」が想像以上に素晴らしかった トピックス 組み立て式の一眼レフカメラ「Konstruktor F Camera」を組み立ててみた！ トピックス 樹木希林さんが亡くなった後、内田也哉子さんが考えたこと Apple 【実機レビュー】M3搭載でMacBook Airはどれだけ進化したの
簡単！YouTubeビデオをMP4でダウンロードできるブックマークレット | Google Mania - グーグルの便利な使い方
簡単！YouTubeビデオをMP4でダウンロードできるブックマークレット 管理人 @ 4月 14日 12:31pm YouTube 高画質になったYouTube動画 ですが、その高画質動画をMP4で簡単にダウンロードできるブックマークレットがGoogle Operating Systemで紹介されていました。 MP4だとiPodで閲覧できるので、とても便利です。 次のリンクを右クリックからブックマーク（お気に入り）に保存するか、ブックマークツールバー（リンクバー）にドラッグ＆ドロップして持っていきます。 Get YouTube video これで準備完了です。 使い方は次の通りです。 まず、YouTube へアクセスして、動画を閲覧します。 ダウンロードしたい動画があれば、ブックマークレットをクリックします。 すると、埋め込みコードの下に、ひっそりとダウンロードリンク『Download a
パスワードを表示するブックマークレット
パスワードを表示するブックマークレット ネタ元：アスタリスクで隠されたパスワードを確認する方法 非常に便利だったので自分用に改造してみました。 ネタ元のやり方だとパスワードがアラートで出るんですが、アラートだとコピペできないのでコピーできるように変更。 パスワードを表示 inputのtypeをpasswordからtextに変えてます(もしかしたらページのjsとバッティングする場合もあるかも) このスクリプト自体は無害(当然ネタ元のスクリプトも完全無害)だけど、自己責任で利用してください。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です
「iPod touch」で使える！ ブックマークレット大辞典 (1/7)
「Mail」や「Googleマップ」に対応した新ファームウェアが発表され、ますます便利になった「iPod touch」。そのiPod touchのウェブブラウザーである「Safari」は、指で画面を操作して直感的にウェブブラウズできる一方で、文字列検索ができないなど不便な点もある。そこで注目したいのが「ブックマークレット」だ。 ブックマークレットとは、JavaScriptで記述されたプログラムのこと。ブックマークから呼び出して実行し、文字列検索やウェブ検索といった処理を行なってくれる。今回、筆者が愛用している、とっておきのブックマークレットを紹介するのでぜひ活用してほしい。 なお、すべてのブックマークレットは、ファームウエアがバージョン1.1.3のiPod touchでテストして、動作したものになる。ブックマークレットが動作しない場合は、ブックマークレットのURLが正しいかどうか、「設定」
iPod touchで無線LANのブラウザ認証を楽にするbookmarklet - おぎろぐはてな
[2008/01/06追記] 任意のサイトで同じようにbookmarkletを作るためのbookmarkletを作りました。こちらの記事もあわせてご参照ください。 iPod touchを買いました。屋外では無線LAN難民の毎日を過ごしています。 有料の無線LANアクセススポットを利用する際には、無線LANのセキュリティに加えて、ブラウザでの認証が必要であることが多いです。しかし、これをiPod touchで都度入力するのはちょうめんどくさいです。パスワードの保存も、ハードウェアキーボードも、ペーストもできないし。 そこで、iPod touchのSafariでは、bookmarkletが動かせるということで、何のひねりもないbookmarkletを作ってみました。仕組みは単純で、フォームのIDとPassの箇所に値を入れて、form.submit()してるだけ。とりあえず、NTT Commun
3分LifeHacking：iPod touchをさらに活用するブックマークレット - ITmedia Biz.ID
iPod touchのSafariをさらに活用するには、ブックマークレットを使うといい。「公衆無線LANへの一発ログイン」「ページ内検索」「リンクを新しいタブで」「携帯向けページに変換」といったブックマークレットをまとめた。 iPod touchを日頃の情報ツールとして使う人が増えてきている。いわゆる“PC”ではない端末として、特にすごいのがWebブラウザ──Safariだ。 しかしこのWebブラウザは、Webを表示するということ意外では、必要最低限の機能しか備えていない。ページ内の検索もできないし、タブブラウザなのに“新しいタブに開く”こともままならない。なんとかならないものか。そのカギが、ブックマークレット（Bookmarklet）である。 ブックマークレットとは、短いJavaScriptをURLの代わりにブックマークに登録し、ブラウザ上でプログラムを走らせることができるもの。これをう
ブラウザ上で画像やテキストを自由に編集する方法 | P O P * P O P
ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 こんな（↓）感じです。 ドラッグ＆ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。 » contentEditableについて スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした
翻訳ブラウザ ボタン
ブラウザのリンク ツールバーに翻訳ブラウザ ボタンを追加すると、ウェブページやテキストをワンクリックで翻訳できます。 ウェブページで翻訳したいテキストがあれば、マウスでテキストを選択し、ブラウザ ボタンをクリックします。 ウェブページ全体を翻訳する場合は、ボタンをクリックします。ブラウザ ボタン リンクを右クリックし、[お気に入りに追加] をクリックします。
Ajax IME ブックマークレット
Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります． たいていはうまくいくようですが，まだまだ完璧ではなくて CSS がらみから入力のカーソル位置が激しくずれたり，javascript のイベントがフックできなくて変化なしといったことが頻発します．気長に修正していくつもりですが，みなさんのフィードバックお待ちしております． Mixi の日記投稿や Movable Type の投稿も若干癖がありますが問題なかったです．海外からの日記更新がかなり楽にな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
