bookmark - はてな匿名ダイアリー

mySpan.innerHTML = '&lt;a href="http://b.hatena.ne.jp/entry/'+url+'" onClick="window.open(this.href,\'\',\'status=yes,scrollbars=yes,directories=yes,menubar=yes,resizable=yes,toolbar=yes\'); return false;" &gt;&lt;img src="'+ BookmarkImageURL +'" /&gt;&lt;/a&gt;';

を、

mySpan.innerHTML = '&lt;a href="http://b.hatena.ne.jp/my/add.confirm?url='+url+'"&gt;&lt;img src="'+ BookmarkImageURL +'" /&gt;&lt;/a&gt;';

に変更。これで「○○ users」をクリックすると、目的のウィンドウが開くようになる。

2. ブコメには作成年月日だけではなく、時分も表示する。

147行目

var t = bookmark.timestamp.split(" ")[0].split("/");

を、

var t = bookmark.timestamp;

に変更。

156行目、

html += "&lt;li&gt;&lt;span class=\"__hatena_bookmark_anywhere_timestamp\"&gt;"+escapeHTML(t[0])+"年"+escapeHTML(t[1])+"月"+escapeHTML(t[2])+"日&lt;/span&gt;&lt;img src=\"http://www.hatena.ne.jp/users/"+escapeHTML(bookmark.user.substring(0,2))+"/"+bookmark.user+"/profile_s.gif\" width=\"16\" height=\"16\"&gt;&lt;a href=\"http://b.hatena.ne.jp/"+escapeHTML(bookmark.user)+"/"+escapeHTML(t.join(""))+"\" class=\"hatena_bookmark_anywhere_user\"&gt;"+escapeHTML(bookmark.user)+"&lt;/a&gt;&lt;span class=\"hatena_bookmark_anywhere_tags\"&gt;"+tags.join(", ")+"&lt;/span&gt;"+escapeHTML(bookmark.comment)+"&lt;/li&gt;";

を、

html += "&lt;li&gt;&lt;span class=\"__hatena_bookmark_anywhere_timestamp\"&gt;"+escapeHTML(t.slice(2,-3))+"&lt;/span&gt;&lt;img src=\"http://www.hatena.ne.jp/users/"+escapeHTML(bookmark.user.substring(0,2))+"/"+bookmark.user+"/profile_s.gif\" width=\"16\" height=\"16\"&gt;&lt;a href=\"http://b.hatena.ne.jp/"+escapeHTML(bookmark.user)+"/"+escapeHTML(t.split(" ")[0].split("/").join(""))+"#bookmark-"+escapeHTML(json.eid)+"\" class=\"hatena_bookmark_anywhere_user\"&gt;"+escapeHTML(bookmark.user)+"&lt;/a&gt;&lt;span class=\"hatena_bookmark_anywhere_tags\"&gt;"+tags.join(", ")+"&lt;/span&gt;"+escapeHTML(bookmark.comment)+"&lt;/li&gt;";

に変更。

# ブコメのはてなスターを取得しやすいように、ブコメのリンクもブコメのパーマリンクへ変更してあります。

3. 記事を開いたら自動でブコメをロードする。

300行目（インデントしか無い空行）

を、


var evt = document.createEvent( "MouseEvents" );
evt.initEvent( "click", false, true );
createSpan.dispatchEvent( evt );

に変更。（「 JavaScriptの動かないコード　(中級編)　clickイベントを強制的に発生させたい　（fireEvent/createEventの使い方） - 主に言語とシステム開発に関して」を参考にさせて頂きました。）

4-5.

出来た。けど、めちゃくちゃソースが汚いので、差分として公開するのが難しい。ごめんなさい。

# どーやるのがベストプラクティスなのか分からない・・・

6.

どなたかご教示してくださると嬉しいです _ _

書いた人

id:al001

人力検索はてなで質問しました：人力検索はてな

Permalink | トラックバック(0) | 17:06

2011-07-12

■今話題になっている「モバツイのツイート デコ」をiPhoneでデコる 方法

モバツイに新機能として搭載された「ツイートデコ」。

･対応ﾃﾞﾊﾞｲｽ･ｷｬﾘｱ：ﾌｨｰﾁｬｰﾌｫﾝ（docomo･au･softbank･DisneyMobile）

･ｻｰﾋﾞｽ使用料：無料

てなわけで、せっかくの無料サービスなのにiPhoneは蚊帳の外・・・。

んなわけで、さっそくのハックです。

1.ひとまずガラケーからモバツイへログインする。

この時点でガラケーをお持ちでないフューチャー兄貴は、デスクの隣のマドンナにガラケー借りるべし。

恋が生まれるかも。

2.ログインが成功したらあなた専用のURLが表示される。

専用って響きにウットリしながらクリックすべし。

3.「タイムライン」「＠」・・・「ツイートデコ」のツイートデコをクリック

利用規約うんぬんはみなさんの自己責任で。とりあえずこのかわいい「デコってみる！！」をクリック。

4.とりあえず「タイムライン」をクリックしてみると。

「ツイートデコ！」と力強いボタンが表示されてればOK。

5.ガラケーの「機能」または「メニュー」ボタンを押すべし。

こんなメニューが出るはず。そして「iモードメール作成」をクリック。

6.URL添付を選択すべし。

ここで仮にデスクの隣のマドンナにガラケーを借りてたら、同時にメアドゲットだぜ！！

7.自分のiPhoneのメールに転送しよう。

とりあえず、言われたとおりメール送信しておこう。別に自力でメモってもいいんだけど・・・。

8.おもむろにiPhoneのAppStoreから「KeitaiEmu」をダウンロード。

無料なので安心しなさい。そして何のためのソフトなのかは気にしない。これお約束。

9.そろそろURL送ったメールも届いてるだろうし、クリップボードにURLをコピー！

いや、べ、別に手書きでメモってもいいんだからねっ！！

10.「KeitaiEmu」を起動。

※画面はイメージです。いろんな意味で。

11.「KeitaiEmu」の上のお口にURLをペースト。

下のお口はGoogle 検索用です。

12.無事にモバツイにアクセスできた！けどもっかいパスワードを！

認証方法が違うので、文句を言わずパスワード入れて認証を。

13.おめでとう！！「ツイートデコ」ボタンが表示されてます！

西野カナ並に震えるところです。ほら。さぁ！

14.すかさず右上のブックマークボタンを押して「Add Bookmark」か「Set Default Page」へ

デコレーションする前に、まずは明日のためのことをしよう！

15.何か書いて「ツイートデコ」ボタンを強打！！

すばらしい。すばらしい素材の安定感。往年のマンセルを思い起こさせる。

16.無事にツイートデコ達成！

おめでとうございます！！

次回からは15からでOK。あ、忘れずに「KeitaiEmu」を起動してね。

Permalink | トラックバック(0) | 11:41

2011-04-07

■はてなブックマークのエントリーページ新UIを見やすくするユーザ CSS

・コメントが３行なのを一行に戻す。

・コメントがない行を消す

.nocomment{display:none;}

.bookmark-list span.comment { display: inline; }

.bookmark-list img.profile-image { width:18px; height:18px; }

■参考

はてなブックマークのエントリーページを改良しました

http://hatena.g.hatena.ne.jp/hatenabookmark/20110405/1301981564

2chのはてブスレの新UIのユーザ CSS

http://hibari.2ch.net/test/read.cgi/esite/1300432939/23-26

23 ：名無しさん＠お腹いっぱい。：2011/04/06(水) 11:48:38.71

超適当だけど誰かがグリモン作るまでこれで。

/*サイドバー非表示*/

#container .curvebox-body { padding:20px; }

#sidebar { display:none; }

/*アイコン縮小＆コメ欄高さ詰め*/

.bookmark-list li { padding-left: 20px; }

.bookmark-list img.profile-image { width:18px; height:18px; }

.bookmark-list span.comment { display: inline; }

/*ブクマ用フォーム非表示*/

#add-bookmark-container { display:none; }

/*人気コメント非表示*/

#scored-bokkmarks { display:none; }

https://gist.github.com/903132 を組み合わせて

ブクマ追加は[B!]アイコンからにするとこれまでに近い表示に。

26 ：名無しさん＠お腹いっぱい。：2011/04/06(水) 11:59:27.60

あ、>>23の一番下たいぽだった。

#scored-bookmarks { display:none; }

Permalink | トラックバック(0) | 18:28

2010-08-19

■アドオン リスト

Adblock Plus 1.2.1
All-in-One Sidebar 0.7.11
Autoclose Bookmark&History Folders 0.5.6.3
BarTab 2.0
BugMeNot 2.2
CoolPreviews 3.1.0625
Copy Archive 0.2
Download Statusbar 0.9.7
DownloadHelper 4.8
Extension List Dumper 1.14.8
FabTabs 1.3.5
Fasterfox Lite 3.8.2Lite
feedly 2.x
Find All 3.1
fire2chDat 0.1
FireDownload 2.0.1
FireGestures 1.5.7
FoxyTunes 4.0.6
FoxyTunes Skin - iControlsFT 1.5
Googlepedia 0.6.3
Greasemonkey 0.8.20100408.6
Hide Tabbar 0.7.3
Hide/Show Google left-hand menu 1.1.1
IE Tab Plus 1.92.20100607
Image Toolbar 0.6.8
Japanize 0.8.11
Java Console 6.0.16
Java Quick Starter 1.0
Less Spam, please 0.3
Memory Fox 1.4.4
Menu and Button Icons 4.4
Menu Editor 1.2.6
Microsoft .NET Framework Assistant 0.0.0
NewLiveWall! 0.9.8
NoScript 2.0.1
Organize Status Bar 0.6.4
Personal Menu 4.3.2
Personas 1.5.3
PhZilla 3.5.2B
Restart Button 0.1.3
Save-To-Read 0.3.1.1
Scroll on Flash 0.1.9
SearchLoad Options 0.5.7
SQLite Optimizer 0.7.7
Stylish 1.0.11
surfclarity 1.1.2
Tab Mix Plus 0.3.8.4
TinEye Reverse Image Search 1.0
UrlbarExt 1.6.1
VertTabbar 2.8.2
テキストリンク 3.1.2009110201

さてどこから消すか

Permalink | トラックバック(3) | 18:33

2010-04-04

■http://anond.hatelabo.jp/20100403084111

元増田だが

xucker IE使っても、手動でURLを検索エンジンに登録できるからな。それに他所からリンク貼られていない孤立したURLは、インデックスなかなかされない。普通に企業内でリンクが貼られていたとしか思えない。

「例のキャッシュを拾ったのはGoogleだけ」っていう事実をどう説明するんだろうな。

事実というと語弊があるか、「YahooやBingや百度では、キャッシュの存在が確認されていない」ということについて。

普通に企業内でリンク貼られてたら、YahooやBingや百度だって拾ってもおかしくないのに、

「問題のURLを拾ったのはGoogleだけ」だしなぁ。

というか、「普通に企業内で管理画面にリンク張られていた」のと「手動でURLを検索エンジンに登録してしまう」のが、

「Google ChromeがURLをGoogleに教えたからロボットが拾った」っていう可能性を相殺するほどでかいとでも思ってるんだろうかな。

・・・ここまで書いて気づいたんだが、ひょっとしたらGoogle Chromeじゃなくて、Google Bookmarkかも知れんなｗ

さすがにGmailってこともないだろうが。

Permalink | トラックバック(1) | 12:59

2009-12-08

■iPhoneが凄いことはわかってるが買うに至らない俺が書いてみるよ

いまさらiPhoneの何がすごいのか分からないおじさまたちのための覚書を見て思った。布教するにしては勘違いしすぎてないか? 僕らはiPhoneがこれまでの携帯とどこが違うのかわかってないわけじゃないと思うんだ。むしろいままでやってきたことが出来ないのではないかと心配しているんだ。

FOMA ケータイの特徴

タッチパネルは、ついているものもあるけど基本は10キー
赤外線は、あるけど、FOMA同士だと電話帳やBookmarkの交換はFelicaでやってる。赤外線って面倒じゃん?
アプリと、ケータイ専用サイトの種類がハンパない
むしろアプリや専用サイトを使いこなさないとゴミ以下の存在になる
アプリはいろんなサイトに点在しているので探すのが難しいこともある。情弱はAppStoreつかえ。
ケータイサイトしか見れない、って思ってる人も多いかもしれないけど、iモードブラウザで普通に Wikipediaとか見ている。

まあ最近はブラウザだけでコトが済むことが多くなって、アプリをつかう頻度ずいぶん減ったんだ

正直、上のリンク先のエントリの「いいアプリ」で紹介されている奴のほとんどはiモード携帯でもできることなんだよね。

しかもアプリなんかつかわなくてもブラウザで出来ちゃう奴も多い。食べログや乗換案内なんてまさにそう。

乗換案内はRESTなので検索結果をブックマーク登録しておけばいつでも次の電車が何分後かがすぐにわかる。

乗換案内が「東京マスターには不要」ってiPhone ユーザが思ってるならそれは時刻まで考慮した検索をできていない、経路探索しかやっていないということなので非常に不安になる。

そういうこともひっくるめて、iモード携帯だったらブラウザで普通に出来ることをやるために

iPhoneではアプリ起動が必要で、その度にブラウザを終了して、ってのは結構しんどいんじゃないかなーという気がする。

iPhoneでTwitterやりながら他のページ見る、とか普通にできるの?

まあ画面小さいからFOMAでもブラウザタブ切り替えながらって感じになるけど、その切り替えが迅速にできないと使えねーなーってならない?

Skypeができるのは正直うらやましいんだけど、相手がiPhoneのときのSkypeのチャットってどうにも気を使うんで微妙なんだよね。

こっちはブラウザで他のブログとかみながら片手間にSkypeやってるんだけど相手はどういう感じでやってるんだろうとか考えるとどうにもね。

Permalink | トラックバック(1) | 00:39

2009-12-01

■削除？

自分の書いた記事にトラックバック付いてるなーと思ってクリックしたら

真っ白でanond:　としか書かれてない、でもbookmark数は539人もいる所に飛んだんだけど

これは書いた人か他の人が記事を消したということなの？

Permalink | トラックバック(1) | 16:05

2009-11-01

■てすと

増田で:bookmarkは使える？

Permalink | トラックバック(0) | 15:08

2009-10-08

■今使っているFirefox アドオンまとめ

・2chブラウザで開く　https://addons.mozilla.org/ja/firefox/addon/11022

・Adblock Plus　https://addons.mozilla.org/ja/firefox/addon/1865

・All-in-One Sidebar　https://addons.mozilla.org/ja/firefox/addon/1027

・Better YouTube　https://addons.mozilla.org/ja/firefox/addon/6460

・Check4Change　https://addons.mozilla.org/ja/firefox/addon/3028

・Context Search　https://addons.mozilla.org/ja/firefox/addon/240

・Video DownloadHelper　https://addons.mozilla.org/ja/firefox/addon/3006

・dragdropupload　https://addons.mozilla.org/ja/firefox/addon/2190

・FireGestures　https://addons.mozilla.org/ja/firefox/addon/6366

・FoxTab　https://addons.mozilla.org/ja/firefox/addon/8879

・Google Toolbar for Firefox　http://www.google.com/tools/firefox/toolbar/FT2/intl/ja/

・Greasemonkey　https://addons.mozilla.org/ja/firefox/addon/748

・Hatena Bookmark　https://addons.mozilla.org/ja/firefox/addon/11285/

・IE Tab　https://addons.mozilla.org/ja/firefox/addon/1419

・IE View　https://addons.mozilla.org/ja/firefox/addon/35

・Japanize　http://japanize.31tools.com/

・Menu Editor　https://addons.mozilla.org/ja/firefox/addon/710

・Resizeable Textarea　https://addons.mozilla.org/ja/firefox/addon/3818

・ScrapBook　https://addons.mozilla.org/ja/firefox/addon/427

・Screengrab　https://addons.mozilla.org/ja/firefox/addon/1146

・User Agent Switcher　https://addons.mozilla.org/ja/firefox/addon/59

・テキストリンク (Text Link)　https://addons.mozilla.org/ja/firefox/addon/1939

・ブックマークを新しいタブで開く (Open Bookmarks in New Tab)　https://addons.mozilla.org/ja/firefox/addon/13784

Greasemonkeyスプリクト

・AutoPagerize　http://autopagerize.net/

・Loopy for YouTube　http://userscripts.org/scripts/show/28832

Permalink | トラックバック(2) | 08:33

2009-06-20

■梅田望夫が夢見た世界

Linked In "Digital Marketing"グループでのある会話。

Share knowledge and receive knowledge...

I'm experimenting with Huddle workspaces in my Linkedin profile.

I'm starting to list all the free, or low fee, marketing tools worth looking at...

I'm using an excel sheet in Huddle as a starter.

Drop me an email and i'll grant you access to it, all i ask in return is that you contribute to the list to make it more comprehensive.

“There is no delight in owning anything unshared.”

(Roman philosopher, mid-1st century AD)

---

Hi Peter,

Great idea and I love your quote about sharing.

Funnily enough I have been searching free tools today and here are a few goodies I am happy to share with you and the group.

1. http://www.keotag.com/ - searches tags on blogs and social bookmarking sites. (been having plenty of fun with this one and it's seems v. useful).

2. http://boardtracker.com/ - Searches posts on bullitin boards / forums for mentions of keywords / brand terms.

3. http://www.trendrr.com/ - enables you to track trends and provides some very valuable competitive analysis functionality.

4. http://user namecheck.com/ This tool is essential for brand name protection. It lets you search a wide range of social sites to see if anyone is using your brand term / name as their profile ID. If they are not then I would suggest you register your brand / business name even if you do not plan to use the site to protect your business from damage. If your name is taken and not being used the chances are it is being squatted by a chancer. I had this issue on twitter with my social site for business people marzar.com but the nice folks at twitter reverted the name to me as the trade mark owner as soon as I contacted them in regards to the issue.

5. http://hellotxt.com update your status from one place across multiple social sites.

6. http://www.twilert.com/ Seems to be a number of tools to monitor twitter but this one seems to be pretty useful. Twilert is a Twitter application that lets you receive regular email updates of tweets containing your brand, product, service, well any keyword you like really.

7. http://www.backtype.com/ Monitors comments left on blog posts monitoring posts for sentiment may not be enough and issues and or insights often come from the comments posted by readers.

8. http://socialmenti on.com/ Again allows you to search blog posts, comments, news, events, images, bookmarks, microblogs and video all at once or on their own. This is a very useful tool and when I searched on my brand terms it came back with results that the other tools did not pick up on. In particular I found the bookmark search to be of value.

9. http://www.s amepoint.com conversation search engine again came back with differing results to the other tools listed above.

10. http://www.marzar.com free to use business networing platform. Many members are involved with online marketing and or are senior business people. The audience is similar to Linkedin but the functionality differs. I built this site and I am working hard towards the next release of our platform now that we are funded.

Hope that this list posted publicly to the group helps others :)

Regards,

John

---

Wow John you rock I haven't heard of any of these!

---

Darren,

Thanks :) you are welcome I only added 10 but I could have listed at least 50 if I had the time. I hope you find this list of use.

John

---

...（以下、グレート！とかサンクス！といったコメントが続く）

Permalink | トラックバック(0) | 04:34

■梅田望夫が夢見た世界

～～Share knowledge and receive knowledge...

I'm experimenting with Huddle workspaces in my Linkedin profile.

I'm starting to list all the free, or low fee, marketing tools worth looking at...

I'm using an excel sheet in Huddle as a starter.

Drop me an email and i'll grant you access to it, all i ask in return is that you contribute to the list to make it more comprehensive.

“There is no delight in owning anything unshared.”

(Roman philosopher, mid-1st century AD)

Posted 6 months ago | Reply Privately

Peter Abraham

Digital Marketing & E-commerce Professional, Director Econsultancy.com (80,000 professionals) Twitter:peterjabraham

See all Peter’s discussions »

Comments (32)

John Horsley

Internet Evangelist email john@marzar.com 9000+

Hi Peter,

Great idea and I love your quote about sharing.

Funnily enough I have been searching free tools today and here are a few goodies I am happy to share with you and the group.

1. http://www.keotag.com/ - searches tags on blogs and social bookmarking sites. (been having plenty of fun with this one and it's seems v. useful).

2. http://boardtracker.com/ - Searches posts on bullitin boards / forums for mentions of keywords / brand terms.

3. http://www.trendrr.com/ - enables you to track trends and provides some very valuable competitive analysis functionality.

4. http://user namecheck.com/ This tool is essential for brand name protection. It lets you search a wide range of social sites to see if anyone is using your brand term / name as their profile ID. If they are not then I would suggest you register your brand / business name even if you do not plan to use the site to protect your business from damage. If your name is taken and not being used the chances are it is being squatted by a chancer. I had this issue on twitter with my social site for business people marzar.com but the nice folks at twitter reverted the name to me as the trade mark owner as soon as I contacted them in regards to the issue.

5. http://hellotxt.com update your status from one place across multiple social sites.

6. http://www.twilert.com/ Seems to be a number of tools to monitor twitter but this one seems to be pretty useful. Twilert is a Twitter application that lets you receive regular email updates of tweets containing your brand, product, service, well any keyword you like really.

7. http://www.backtype.com/ Monitors comments left on blog posts monitoring posts for sentiment may not be enough and issues and or insights often come from the comments posted by readers.

8. http://socialmenti on.com/ Again allows you to search blog posts, comments, news, events, images, bookmarks, microblogs and video all at once or on their own. This is a very useful tool and when I searched on my brand terms it came back with results that the other tools did not pick up on. In particular I found the bookmark search to be of value.

9. http://www.s amepoint.com conversation search engine again came back with differing results to the other tools listed above.

10. http://www.marzar.com free to use business networing platform. Many members are involved with online marketing and or are senior business people. The audience is similar to Linkedin but the functionality differs. I built this site and I am working hard towards the next release of our platform now that we are funded.

Hope that this list posted publicly to the group helps others :)

Regards,

John

Posted 6 months ago | Reply Privately

Darren Monroe

Chief Operating Officer/ President

Wow John you rock I haven't heard of any of these!

Posted 6 months ago | Reply Privately

John Horsley

Internet Evangelist email john@marzar.com 9000+

Darren,

Thanks :) you are welcome I only added 10 but I could have listed at least 50 if I had the time. I hope you find this list of use.

John

Posted 6 months ago | Reply Privately

Steve Momorella

Owner, TEKgroup

Great list! Wow, I'd certainly be interested in seeing more if you have them posted somewhere. Thanks for sharing.

Posted 6 months ago | Reply Privately

Karla Ferrer

Brand Specialist at IBM

Bravo for this sharing! thanks a lot.. I will take a look