タグ

JavaScriptとbookmarkletに関するwackyのブックマーク (28)

  • Hatena::Let

    82017 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう! 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます javascript:(async()=>{if(!window.html2canvas){await new Promise(((res,rej)=>{const s=document.cre...

    wacky
    wacky 2010/05/17
    はてラボの新サービス。ブックマークレットを簡単に作成・公開できる。作成したコードを公開するブログパーツも提供。(→ リリース: http://hatena.g.hatena.ne.jp/hatelabo/20100515/1273919173
  • progress.from.tv » JavaScriptイミディエイトウィンドウ

    ツールは、ブラウザ上の現在表示中のページに対して、対話的にJavaScriptを実行することを可能とするツールです。 JavaScriptを使用したWebサイトのデバッグ作業等に使用することを目的としています。 ツールを使用することで、現在実行中のJavaScriptの変数の中身を確認したり、メソッドの呼び出しなどを行うことができます。 【インストール方法】 ツールは、ブラウザのブックマークレットとして動作します。 [このリンク]を右クリックして、「ブックマークに登録」を選択してください。 ※ブックマーク登録できない場合は、リンクアドレスをコピーして、手動でブックマークの登録を行ってください。 ブラウザのブックマークに登録するだけで、インストールは完了です。 【使用方法】 ブックマークを登録したブラウザで、デバッグ対象のWebサイトを開きます。 登録したブックマークをクリックします

    wacky
    wacky 2009/10/30
    ブックマークレットで呼び出すJavaScriptの対話型シェル。入力したコードをページ上で実行できる。クロスブラウザ。
  • 面白いだけで役に立たないUI - KAZUMiX memo

    できたよー javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/unusable.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページが上下左右繋がった空間になり、スクロールバーで扱えなくなります。代わりにマウスカーソルでグリグリ動かせます。 ソース unusable.js 関連エントリー(ネタスクリプト) ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo HTMLの暴走 (me

    面白いだけで役に立たないUI - KAZUMiX memo
    wacky
    wacky 2009/08/27
    現在のページを360°全方向にループスクロールできるようにするブックマークレット。マウスポインタの方向へスクロール。JavaScriptソースも公開。
  • HTMLの暴走 (meltdown3) - KAZUMiX memo

    javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown3.js?'+(new Date).getTime();s.charset='UTF-8';s.id='KM3';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページが暴走を開始します。 ページによってはアニメーションが始まるまでちょっと待たされることがあるかもしれません。 色んなページで遊んでみてください。 アドレスバー貼り付けではなく、リンク動作の実験版 (実験)ブックマークレットをリンク先のページで発動させてみる - KAZUM

    HTMLの暴走 (meltdown3) - KAZUMiX memo
    wacky
    wacky 2009/08/18
    ページ内の要素が浮き上がって次々に消えていった後、ページ全体がジグソーパズル状に崩壊するブックマークレット。演出の凝った「HTML崩壊」系アニメーション。ActionScript(Flash)を含むソース一式も公開。
  • ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo

    javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/loopscroll.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページがものすごい勢いで横スクロールします。(止まりません) ソース loopscroll.js 関連エントリー(ネタスクリプト) HTMLの暴走 (meltdown3) - KAZUMiX memo 関連エントリー(実用スクリプト) 公開!「BannerSlide - スライドショウーバナーFl

    ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo
    wacky
    wacky 2009/07/03
    ページの内容が水平方向にループスクロールしながらどんどん加速していくブックマークレット。JavaScriptソースも公開。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    wacky
    wacky 2009/04/14
    ページ全体がぐるぐると回転するIE専用のブックマークレット。filter()のMatrixを使用。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    wacky
    wacky 2009/01/22
    JavaScriptコードを1字でも縮めるためのテクニック集。ブックマークレット向け。
  • 続・ブックマークレット作法 - ellaneous

    無難に外部スクリプトを読み込むやり方に比べ保守しづらく自動更新の恩恵も受けられずオフラインで動くことぐらいしか使う側にとってこれといったメリットは無いものの作る側にとってはパズル的魅力とワンライナ的浪漫に満ちた単体動作ブックマークレットの書き方について。 方針 前回と同じだが一応再掲。 変更箇所を前方にまとめる 空白文字を使わない グローバル領域を汚染しない 手法 2. に従うと使えなくなる機能がいくつかあるので代替を考える。 var function let with function f() f=function() *1 for(k in o) for([k]in(o)) *2 ' ' '\40' new Date とかは単に new(Date) とすればOK。 1. と 3. は前回示した配列を用いる方法で同時に解決できる。 javascript:[0,1,2,function()

    続・ブックマークレット作法 - ellaneous
    wacky
    wacky 2009/01/22
    エレガントなブックマークレットの書き方。パラメータ類を前方にまとめる、グローバル領域を汚染しない、空白文字を使わない。
  • ブックマークレット作法 - ellaneous

    今や少し複雑なブックマークレットは外部から読み込むのが当たり前になり,gist やら coderepos やらのおかげで置く場所にも困らない。*1 この際の書き方は人によって結構まちまちだが,やることは同じなのだから「これコピペすれば FA」的なテンプレがあってもいいはずと考え,模索してみた。 方針 変更する所を前方にまとめて共通部分は後方に括り出す まず名前を明記 (↓で自明なら省略) その後にスクリプトの URI 複数読めるように 「%nn」が入ると何かと面倒*2なので空白文字を避ける 汚染しない この3つは単体で動くものを書くときにも気を付けると吉。 成果物 javascript:'{name}',['http://a.b.com/0.js','http://l.m.net/1.js',function(d,i,e){for(i=this.length;--i;d.body.appe

    ブックマークレット作法 - ellaneous
    wacky
    wacky 2009/01/22
    外部jsを読み込むブックマークレットのテンプレート/スケルトンコード。複数jsのロードに対応。先頭にブックマークレット名を書くという発想が面白い。
  • HTML崩壊Reverse! meltdown2.js - KAZUMiX memo

    今度は崩壊終了後に逆再生して元に戻ります。 javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown2.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) これを崩壊させたいページのアドレスバーに貼り付けて実行すると、そのページが崩壊します。その後、逆再生して元に戻ります。 要素がたくさんあるページで実行すると面白いと思います。Yahoo! JAPANとか。 体ソース meltdown2.js 前作からの改良点 逆再生します 大幅にパフォーマンスアップ。今回は

    HTML崩壊Reverse! meltdown2.js - KAZUMiX memo
    wacky
    wacky 2009/01/07
    ページ内の要素が次々に下へ落ちて崩壊していくブックマークレットの改良版。一度崩壊した後、逆再生して元に戻る。JavaScriptソースも公開。
  • アマゾンの商品ページで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(

    アマゾンの商品ページでASINを取り出すブックマークレットの雛形
    wacky
    wacky 2008/12/03
    AmazonのURLからASINコードを取得して処理するブックマークレットのテンプレート。スケルトン。
  • WTFramework bookmarklet - Oskar Krawczyk – blog.olicio.us

    Please enable cookies This website is using a security service to protect itself from online attacks. The service requires full cookie support in order to view the website. Please enable cookies on your browser and try again.

    wacky
    wacky 2008/11/30
    ページ内で使用されているJavaScriptライブラリの種類とバージョンを表示するブックマークレット。jQuery / Yahoo! UI Library / mootools / Dojo / prototype.js / script.aculo.us / Mochikitなどを判定可能。
  • Loading...

    wacky
    wacky 2008/08/25
    AutoPagerizeのブックマークレット版。クロスブラウザ(IE6/IE7/Firefox2/Opera9/Safari3)かつ外部ソフトのインストール不要。これはすごい。(→ リリース: http://d.hatena.ne.jp/os0x/20080327/1206613170
  • 【JavaScriptで】ニコ動の上でネギを振らせてみた【ふるみっく】 - 玉虫色に染まれ!!

    むしゃくしゃして(初投稿を)やった。(出来の悪さに対する)反省はしていない。 魔法の言葉: javascript:(function(){var d=document,ti=0,tj=1,a=new Array(),ta="<span style='display:none'>",tb="</span>",tc=tb%2Bta,mt=d.createElement("span");mt.style.fontFamily = "monospace";mt.innerHTML=ta%2B"\"%2Btc%2B"("%2Btc%2B"\"%2Btc%2B"_"%2Btb%2B"( ゜△ ゜ )";function f1(p,n){if(n.firstChild)f1(n,n.firstChild);if(n.nextSibling)f1(p,n.nextSibling);if(n.nodeNam

    【JavaScriptで】ニコ動の上でネギを振らせてみた【ふるみっく】 - 玉虫色に染まれ!!
    wacky
    wacky 2008/08/14
    はちゅねミク(AA)がネギ振るブックマークレット。IE6は不可。動画あり。
  • SGP

    SGP Updated bookmarklet: SGP Master password Secret password SHA MD5 –+ Domain / URL TLD Generate **************

    wacky
    wacky 2008/07/29
    サイト毎のパスワードを自動生成してくれるブックマークレット。マスターパスワードだけ管理すれば良くなる。JSコードは公開。GPL v2ライセンス。(→ 紹介: http://gigazine.net/index.php?/news/comments/20080729_supergenpass/
  • 住所にマッチする正規表現 | twk @ ふらっと

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    wacky
    wacky 2008/07/22
    ページ内のテキストから住所らしき文字列を抽出してGoogleマップへのリンクを張るブックマークレットとJavaScriptコード。
  • JavaScriptでSLを走らせる「SL.JS」を作りました | Creazy!

    開発に関わっていて、UNIX(Linux)を触った事のある人は「SLコマンド」をご存知の方が多いのではないでしょうか? lsを間違えてslと打つとこんなのが煙を吹きながら走る sl(1) コマンドを作りました. via: 豊田正史とslコマンド (Masashi Toyoda and SL command) ファイル一覧を出力する「ls」をtypoして「sl」と打ってしまうと、文字通りSLが画面を走り抜けるというすばらしくくだらない仕組みなのだ。いわゆる、ジョークコマンドの一つとしてとても有名で、多くの開発者の気持ちを和らげた(腰を砕いた)ことでしょう。 さて、そんなくだらないジョークコマンドを懐かしんでいると、JavaScriptでSLを動かしてみたくなってしまったので作ってみました。 ・SL.JS ブックマークレット方式にしてあるので、上のSL.JSリンクをブックマークして下さい。 ど

    JavaScriptでSLを走らせる「SL.JS」を作りました | Creazy!
    wacky
    wacky 2008/02/18
    UNIX(Linux)のジョークコマンド「SL」をJavaScriptで再現。SL(蒸気機関車)が画面を走り抜ける。ブックマークレット方式。
  • HTML崩壊 meltdown.js - KAZUMiX memo

    #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)})(); これを適当なページのアドレスバ

    HTML崩壊 meltdown.js - KAZUMiX memo
    wacky
    wacky 2007/11/08
    ページ内の要素が次々に下へ落ちて崩壊していくブックマークレット。JavaScriptソースも公開。
  • HTMLのドキュメントから繰り返し部分をみつける - bits and bytes

    RSSを生成していないページからRSSを生成するなんでもRSS 0.1bは、公開されているJSAI2005: なんでもRSS - HTML文書からのRSS自動生成によると、日付情報を目印にしてそのHTMLドキュメントの構造を推測して、各エントリ(item要素)のタイトルと文を単語の統計的に処理して決定し、フィードを生成していると書かれています。 ウェブ上にあるHTMLドキュメントは Ask.jp : "xml" Search results. のように、RSSitem要素に相当する部分に日付が含まれていないものもあります。 その中でも、大量のデータを複数のページにわけて表示しているHTMLドキュメントを対象に、ドキュメント中に含まれる繰り返し部分のXPathを生成するブログラムをjavascriptで作りました。 アプローチ 大量のデータを複数のページわけて表示しているドキュメントを

    wacky
    wacky 2007/11/02
    Google検索結果のように複数ページに分かれたHTMLドキュメントから、繰り返し部分のXPathを生成するJavaScript。ブックマークレット版あり。問題点についての考察も。
  • ブックマークレットから起動できるブックマークレットエディタを作ってみた | fladdict

    ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()~みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて1ヶ月以上放置してるのでも

    wacky
    wacky 2007/10/22
    ブックマークレットを簡単に作成できるブックマークレット。現在のページで直接JavaScriptを実行したりブックマークレット化したりできる。