ブックマークレットサービス・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で作って眠らせていたのを、ち
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
続・ブックマークレット作法 - 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) とすればＯＫ。 1. と 3. は前回示した配列を用いる方法で同時に解決できる。 javascript:[0,1,2,function()
ブックマークレット作法 - ellaneous
今や少し複雑なブックマークレットは外部から読み込むのが当たり前になり，gist やら coderepos やらのおかげで置く場所にも困らない。*1 この際の書き方は人によって結構まちまちだが，やることは同じなのだから「これコピペすれば FA」的なテンプレがあってもいいはずと考え，模索してみた。 方針 変更する所を前方にまとめて共通部分は後方に括り出す まず名前を明記 (↓で自明なら省略) その後にスクリプトの URI 複数読めるように 「%nn」が入ると何かと面倒*2なので空白文字を避ける 汚染しない この３つは単体で動くものを書くときにも気を付けると吉。 成果物 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
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 前作からの改良点 逆再生します 大幅にパフォーマンスアップ。今回は
opera:configに解説文を付けるOConfig-ja.cssを自動生成してくれるブックマークレットを作った - by edvakf in hatena
以下のブックマークレットは使えません。Wowo さんがメンテしてくれているものを使ってください。 opera-config設定項目一覧 - Opera Wiki Opera 10 alpha1 が出て、仕事の早いあまたさんと wowo さんはすぐに Windows 版と Unix 版の修正をしてくれたので、僕も Mac 版の修正をしておいた。 この CSS、作るのがものすごく大変なんですよ。あまたさんにはとっても感謝しています。 あまりに大変なので、「opera:config設定項目一覧」のページから自動で生成してくれるブックマークレットを作った。 oconfigCSS-ja for WeeklyBuild Opera10.0α1 1139。 - あまたの何かしら。 長いのでソースは一番下に置く。長いと言っても CSS のテキストが長いだけで処理は短い。 ↓こんな感じになる。 使い方 op
ワリオランドシェイクみたいに 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
:zeroviewを公開しました - Underconstruction by Taiyo
Safari、iCab、OmniWeb、シイラなどのWebKitを用いているブラウザで使用できるブックマークレット、[0]:zeroviewを公開しました。 [0]:zeroview ブックマークレットを起動すると、ページ（body要素）を縮小します。 縮小されたページの上にウインドウサイズを示す枠が表示されますので、この枠を見たい場所に合わせてクリックすると、ページの拡大率が元に戻って枠を合わせた位置を表示します。 ブックマークバーの左側に追加すると、Command＋数字キーで起動することができます。tumblrやFlickrなどの縦に長いページのナビゲーションに使うといいかもしれません。 使い方は以下の動画を見てください。 Adobe系アプリケーションのCommand+0が全体表示するところから、[0]:zeroview（ゼロビュー）という名称にしています。 実はこの表示、Nokia
Bookmarklet: canvasを使って今見ている画像を角丸にする - mayokara note
IEでは動きません。 javascript:(function(){ var r = prompt("radius? (px)", "20"); if (!r) return; var c = document.createElement("canvas"), ctx = c.getContext("2d"); var img = document.images[0], w = c.width = img.width, h = c.height = img.height; var d90 = Math.PI/2; ctx.beginPath(); ctx.arc(r, r, r, d90*2, d90*3, false); ctx.arc(w-r, r, r, d90*3, d90*4, false); ctx.arc(w-r, h-r, r, 0, d90, false); ctx.ar
Client-side database Storageのサンプル作ってみた - Underconstruction by Taiyo
訪問先にコメントを貼付ける形式のパーソナルブックマークをClient-side database Storageで作ってみた。リンク先のブックマークレットで起動して、「place mark」でぺた。ブックマークレットを再度読み込ませると貼り付け終了。 dashmark 直接アクセスすると、すべてのブックマークを見ることもできます。 もう少し使いたくなるようなルックスと仕掛けを考えてみよう。 はてブに投稿したり、はてブのその場コメントを呼び出せたりすると使いでがでてくるかな。 Statementの構文エラーがある、と特定のサイトで言われてしまうのだけど、理由がわからない。週末に掘ろう。 バグ直しました 新規ブックマークが若いidを上書きするバグ直しました。 今，きちんと動いていると思います。idはuuidに変更しよう。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Allan Jardine | Reflections | Design
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet. Usage Using Design is extremely simple: Drag the Design link below to your bookmark bar (or add it to your bookmarks by right clicking the link and selecting 'Add to bookmarks/
Sbox Error
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the problem, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
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)})(); これを適当なページのアドレスバ
[Bookmarklet]ページで使用しているCSSのセレクタを表示するブックマークレット
MRIは、クリックした箇所のCSSのセレクタの表示や指定したセレクタの箇所をハイライト表示するブックマークレットです。 MRI :: for web developers MRIには２種類の機能があり、一つはクリックした箇所のCSSでのセレクタを表示します。 例えば、body箇所だと「body, html body, html>body」のように表示されます。 もう一つは、テキスト入力欄にセレクタを入力するとその箇所をハイライト表示します。 また、これら２つを組み合わせると、どのセレクタにスタイルシートの指定を記述するか明確に分かります。 同作者のブックマークレットには、スタイルシートの指定を表示する「XRAY」もあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
被はてブランキングと、そのブックマークレット - IT戦記
http://www.dqwm.net/
ライブドアブログ｜無料で豊富な機能が充実
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記