ラベル hatena の投稿を表示しています。 すべての投稿を表示
ラベル hatena の投稿を表示しています。 すべての投稿を表示

2013年7月10日水曜日

サービス連携による情報収集の進化(あるいは退化)について

個人的な変遷を

  1. 原始時代
    はてなブックマーク ホットエントリーなど(PC)
  2. 石器時代(道具を使うことを覚える)
    はてなブックマーク、その他のRSS+Pipes(バックグラウンド)

    Google Reader(PC)
  3. 古代(スマホにより機動力を獲得)
    はてなブックマーク、その他のRSS+Pipes(バックグラウンド)

    Google Reader(PC、スマホ)
  4. 近代(PocketとiPad miniで文明開化)
    はてなブックマーク、その他のRSS+Pipes(バックグラウンド)

    Google Reader(スマホ、PC)

    IFTTT(バックグラウンド)

    Pocket(iPad、スマホ)
  5. 現代
    はてなブックマーク、その他のRSS+Pipes(バックグラウンド)

    Feedly(スマホ、iPad)

    Pocket(iPad、スマホ)

一連の流れからPCが無くなるなんて。思えば遠くへ来たもんだ。

2010年6月14日月曜日

Google Reader plus Hatenaで「リスト表示」でもコメントを表示する方法

Firefox用GreasemonkeyのGoogle Reader plus Hatenaは、Googleリーダーに はてなブックマークのブックマーク数やリンクが付けてくれる便利なスクリプト。
Googleリーダーでの表示方法が「全文表示」の場合は、はてなブックマークのコメントを取得して記事の下に表示するという機能もある。
しかし、表示方法が「リスト表示」の場合は、このコメント表示機能が動かない。

下記に「リスト表示」でも動かす方法が書いてあったが、自分の環境ではこの方法では動かなかった。(GoogleリーダーのHTML構成が変わった?)
googleリーダー内ではてなブックマークのコメントを参照したいです。 Google Reader plus Hatenaというグリモン... - 人力検索はてな


そこで、自分の環境で「リスト表示」でも はてなブックマークを表示する方法のメモ。

  • 172行目を下記のように変更

    //var entryURL = findNode( eventTarget, 'ancestor::div[@class=...

    var entryURL = findNode( eventTarget, 'ancestor::div[@id="current-entry"] //a[@class="entry-title-link"]/@href' ) ;
  • 200行目を下記のように変更

    //eval("(" + x.responseText + ")");

    eval(x.responseText);


全文表示では動かなくなるかもしれないが、リスト表示しか使わないのでこれでいいや。

2009年6月24日水曜日

SEO 8か条+2

経験上、学んだSEOのコツ。

  1. タイトル要素には、検索で入力されるであろうキーワードを数個を、入力されるであろう順番に並べる。タイトルは20~30字程度で、かつ、検索結果に並んだときに検索者が見たくなる文にする
  2. h1~h3要素には、検索で入力されるであろうキーワードを数個を、入力されるであろう順番に並べる
  3. ページ内のテキストは多いほうが良い。(Text, Text, Text!)かつ、何らかの分野に特化する
  4. 内部リンクを網の目のように多くする
  5. リンク(内部リンクも外部からのリンクも)に使う文字列は、検索で入力されるであろうキーワードを数個を、入力されるであろう順番に並べる。画像をリンクにする場合には、画像のalt属性にその文を入れる
  6. リンク(内部リンクも外部からのリンクも)は、リンク元のページの本文の中に埋め込まれている方がより良い
  7. トップページから末端ページまでたどり着くステップを少なくする
  8. コンテンツを1つのドメインに集める。サブドメインに分けない


あと、外部からのリンクは多いほうが良いが、現実問題としてはなかなか難しい。
はてなダイアリーがSEO上強いのは、上記のうち 3、4、6、8 に該当するから。(もちろんはてなブックマークからの多大な恩恵もあるが。)


おまけ:携帯サイトの場合
  1. 携帯サイトは、モバイルサイトマップをGoogleとYahooに登録する
  2. 携帯サイトは、携帯サイトからのリンクを貼る

2009年2月6日金曜日

衝撃スクープ!はてなが話題のPaaSでクラウドに参入!近日中に新サービスHatena::Serversをリリースか!?

これがそのスクリーンショット。


...

かと思ったら、はてな内部で使っているサービスらしい。
はてなでの仮想化技術の使い方@AMDセミナー - とあるはてな社員の日記内の一コマ。

どうもお騒がせしました。

最近EC2のことが頭から離れないもので...

2008年11月14日金曜日

携帯サイト向けクローラのUser Agent一覧

手元の専用ログから、モバイルサイト向けの検索エンジン等のクローラ(Bot)のUser Agentを洗い出し。2008年6月~11月頃のもの。


Google(AdSense絡みも含む。ただしNokiaは集計していない)

  • DoCoMo/1.0/N505i/c20/TB/W20H10 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
  • DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
  • DoCoMo/2.0 SH905i(c100;TB;W24H16) (compatible; Mediapartners-Google/2.1; +http://www.google.com/bot.html)
  • KDDI-CA34 UP.Browser/6.2.0.10.2.2 (GUI) MMP/2.0 (compatible; Mediapartners-Google/2.1; +http://www.google.com/bot.html)
  • SoftBank/1.0/911SH/SHJ001 Browser/NetFront/3.3 Profile/MIDP-2.0
    Configuration/CLDC-1.1 (compatible; Mediapartners-Google/2.1;
    +http://www.google.com/bot.html)


Yahoo!
  • DoCoMo/2.0 SH902i (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)
  • DoCoMo/2.0 N905i (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)
  • KDDI-CA23 UP.Browser/6.2.0.5 (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)
  • KDDI-CA33 UP.Browser/6.2.0.10.4 (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)
  • Vodafone/1.0/V705SH (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)
  • J-PHONE/2.0/J-SH03 (compatible; Y!J-SRD/1.0; http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html)


goo
  • DoCoMo/2.0 P900i(c100;TB;W24H11)(compatible; ichiro/mobile goo; +http://help.goo.ne.jp/door/crawler.html)
  • DoCoMo/2.0 N905i(c100;TB;W24H16)(compatible; mobile goo; +http://emu.mobile.goo.ne.jp/)


livedoor
  • DoCoMo/2.0 SH905i(c100;TB;W24H16) (compatible;* livedoor-Yill/1.0; *+http://helpguide.livedoor.com/help/search/qa/grp627)


はてな
  • DoCoMo/2.0 D903i(c100;TB;W28H20) (compatible; Hatena-Mobile-Gateway/1.2; +http://mgw.hatena.ne.jp/help)


DeNA
  • DoCoMo/2.0 N902iS(c100;TB;W24H12)(compatible; moba-crawler; http://crawler.dena.jp/)



雑感:
  • docomoのみを偽装しているとこが多い
  • auはCASIO製が人気、それ以外はN905iとSHARP製が人気。なぜ?
  • docomoは902と905が多い
  • Yahoo!はJ-Phoneまでフォローしている一方、SoftBankがまだ無い?親子断絶?
  • Googlebot-Mobileはdocomoしか無い?
  • あれ?F☆Routeが来てない...



参考:
 Google Japan Blog: Google モバイル検索についてのウェブマスター向け情報
 Utilz: 携帯クローラ
 モバイル検索サイト クローラー一覧 - sin-news.com
 携帯サイトオーナーズClub 携帯クローラ user-agent 一覧
 携帯検索エンジンのクローラーのメモ ([黒]黒豚備忘録)
 User Agentリスト - Mozilla Firefox まとめサイト

2008年4月18日金曜日

はてなブックマークコメントを表示したい

masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.jsが楽しげなのでこのブログにも導入しようとしたが、うまくいかなかった。

誰かウィジェット作ってくれないかな...。

2008年4月6日日曜日

ブログを携帯から見たときにリンクや外部画像を使えるブログサービスの調査

大手のブログサービスにおいて、携帯電話から見た時に次の2点について使えるかどうかの調査。

  1. 外部サイトへのリンク
  2. 外部サーバ上の画像ファイルの表示


デフォルトの設定でどうなるかを調べたので、もしかしたら設定をすれば変えられる部分もあるかもしれない。


リンクも画像も使えるブログ
  • yaplog!
  • JUGEM
  • Blogger
  • Yahoo!ブログ
    • 画像やリンクを書くためにはWiki文法で書く必要あり
  • はてなダイアリー
  • Seesaaブログ
    • 画像はそのまま表示せずにリンクになる
    • リンク内に画像を含む場合、リンク先に遷移できない (画像表示へのリンクになってしまう)
  • エキサイトブログ
    • リンクは直接遷移ではなく、意思確認ページを挟む
    • 意思確認ページから、URLのメール送信が可能
  • ココログ
    • リンクも画像も直接遷移ではなく、意思確認ページを挟む
    • リンク内に画像を含む場合、画像を表示できない


リンクのみ使えるブログ
  • livedoorブログ
    • リンクは直接遷移ではなく、意思確認ページ(巨大な広告あり)を挟む


画像のみ使えるブログ
  • FC2ブログ
    • 画像はそのまま表示せずにリンクになる


リンクも画像も使えないブログ
  • アメーバブログ
  • 楽天ブログ
  • gooブログ
  • nowa


携帯で見たときに外部リンクで意思確認ページのワンクッションを入れたくない場合、yaplog!、JUGEM、Seesaaあたりが良さそう。
Yahoo!は使いづらいし、はてなは癖が強いから。はてなモバイルゲートウェイを活用するならはてなでもいいかも。

2008年3月15日土曜日

「はてな」で見る、IEバージョン別のスクリーンショットの比較

IE7バージョンをさかのぼっていって、IEの変遷を見つつ、はてなのトップページがどのバージョンまで見られるか試してみる。
(最初はYahoo! Japanでスクリーンショットを撮ってみたが、あまりにも無難に対応しているのでやめた。)

実験に使ったIE7は、インストールしてからほとんど設定等を変更していないものを使っている。
IE6以前についてはMultipleIEsのものを使っている。


IE7
以前のIEと比べると上部のUIが大幅に変わった。メニューバーが隠れるのでWindowが広く使える。検索窓が標準で付いている。フィードに対応している。


IE6
上部メニューのアイコンがソフト。

IE5.5
シンプル。はてなではここまで対応しているようだ。

IE5.0
はてなではJavaScriptのエラーが発生。(左下の黄色い三角マーク。)また、「注目のキーワード」のところが表示されていない。

IE4
上部メニューにMailがある。もはやはてなは見られない。

IE3
手元のWindowsXPで起動すると、すぐ異常終了してしまうので確認できなかった。

2007年8月28日火曜日

はてな使ったり勝ったり負けたり

 ブログのタイトル下の1行紹介で。

元ネタ
 はてな使ったら負けかなと思っている (最速インターフェース研究会
 はてなを使わないままライブドアへ入社。

それに対して
 のわつかったら負け確定 (りこたん斥候所
 はてな社員のNOWAのページ。確定ですか。

おまけ
 (はてなでない)今の自分は勝ってると思う。 (蕪浅録奏

2007年4月23日月曜日

Firefox2.0に乗り換え インストールメモ

 Phoenix/Firebirdの頃に期待を裏切られたトラウマから頑なにFirefoxを無視し続けてきたけど、思い切ってOperaからFirefoxに乗り換えることにした。職場も含めて3つのPCにセットアップするのでなるべく素のまま使いたい。



Firefox本体

 まずはFirefox本体をダウンロード。このサイトの右上Firefoxのサイトからどうぞ。



Firefox設定変更

 次に設定変更。
 ちなみによく出てくる"about:config"とは、URLを入力する欄に"about:config"と入力すること。

window.oepn()を別タブで開く
 デフォルトでは別Windowで開いてしまい使いづらいので同一Window、別タブで開くようにする。
Another 朝顔日記 - window.open() の挙動

メモリ消費量を減らす
 必要に応じて。気休め程度かな?
FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法 - GIGAZINE



Extension(=機能拡張=アドオン)

 いよいよExtensionをインストール。入れたものと参考サイトは以下のとおり。

マウスジェスチャ
 必須。マウスジェスチャ無しのWebブラウザはちょっと辛い。
Viva! ubuntu:Firefoxのマウスジェスチャ、こりゃ便利!「All-in-One gestures」 - livedoor Blog(ブログ)

Greasemonkey
 必須。Firefoxの代名詞的アドオン。Greasemonkeyってデフォルトで使えると思ってたんだけど、単なるExtensionの1つなんだね。
Greasespot

はてなブックマークカウンタ
 とても便利。これのおかげではてなバーを追い出せた。
miniturbo.org::Product はてなブックマークカウンタ

del.icio.us連携
 なかなか便利。これがFirefoxに乗り換えるきっかけだった。
Going My Way: 検索速度が速くなり、Firefox のカスタムキーワード機能も利用可能な Firefox 用 Add-ons 「 del.icio.us Bookmarks 」

Googleツールバー
 便利。見ているサイトをBloggerやGmailへ送るのが楽。入れるときには最新版をチェック。
Google Toolbar for Firefox

アンカータグ生成
 便利。通常のリンク用と別Windowで開くリンク用を設定。
Make Link : CopyURL+ よりも使いやすい Firefox 拡張機能 : PamGau

ページ内検索を日本語でインクリメンタル検索
 慣れると便利そう。とりあえず試用中。
XUL Apps > XUL/Migemo [Forked Edition] - outsider reflex

JavaScriptのデバグ
 Webサイトを作るなら。使い始めたばかりで、まだ使いこなせていない。
IT戦記 - FireBug の新しいバージョンが便利すぎる件について

HTML構文チェック
 必要に応じて。Webサイトを作るなら。HTML Validatorを入れた。
少しきびしいHTML構文チェック « BirDesign

User-Agent設定
 必要に応じて。携帯向けサイト作るなら。
携帯電話サイト作成ツール・Firefox + user agent switcher

IEで開く
 必要に応じて。
IE View - Launch pages in IE from Firefox

※この他にもExtension探すならこのサイトが参考になる。
Mozilla Firefox Extension @2ch



Greasemonkey

 次はGreasemonkey。入れたものと参考サイトは以下のとおり。

Google検索結果にはてなブックマーク数を表示
 無くてもいいけど、あるとちょっといい。
いぬビーム - Google x はてブ(Greasemonkey版)

del.icio.usにfaviconを表示
 ちょっといい。うん。
fav.icio.us2 – Userscripts.org

Google Calendar関連
・現在時刻に赤いラインを表示
・天気予報を表示
 Google Calendarを使うなら。
Googleカレンダーをもっと便利に使うための13のツール&Tips | P O P * P O P



 いったん設定したけどやっぱりやめた設定は以下のとおり。

リファラ無効
 使いづらくなるサイトがあるのでやめた。
Mozilla Japan ナレッジベース - リファラを無効にする



 いったん入れたけどやっぱりアンインストールしたExtensionは以下のとおり。

はてなツールバー
 はてなはブックマーク数&コメントを見る以外は使わないのでちょっと装備過剰。もうちょっとシンプルなのを探したらはてなブックマークカウンタがあった。なのでアンインストール。
Hatenabar(Firefox Extension)

User-Agentやリファラ等の制御
 便利かなと思ったけどそんなに使わない。アンインストール。
mozdev.org - prefbar: index

アンカータグ生成
 カスタマイズがちょっと面倒。Firefox2.0で使えてRLINKも使えるのがあったけど、Make Linkの方が便利だからアンインストール。
copy url+ 1.3.3 改(RLINK 対応版) — takanory.net



 いったん入れたけどやっぱりアンインストールしたGreasemonkeyは以下のとおり。

似たdel.icio.usユーザーを探す
 悪くないけど使わない。
かせいさんとこ - del.icio.usで似た趣向のユーザを探すGreasemonkey



OperaからFirefoxに乗り換えた感想

 Firefoxは昔に比べてページのレンダリングがかなり速くなった。でもOperaに比べるとまだちょっと遅い。
 Google Mapsなど、一部のサイトはOperaよりFirefoxの方が表示が速い。最適化されてるんだろう。
 Operaではデフォルトであった機能(HTML Validチェックとか)が無くてExtention入れるのがちょっと面倒。
 del.icio.usのブックマーク一覧上でタグなどが編集できるようになったのがとても嬉しい。Operaでは編集してSaveしても反映されなかった。
 ExtensionとかGreasemonkeyとか、やっぱり便利だね。


2007/04/27 追記:続報記事 Firefoxカスタマイズ状況 2007/04/27 書きました。

2007年3月18日日曜日

はてなは本気でhatenaになるんだと感じた

 ITmedia News:はてな米国法人、元Googleの日本事業責任者を取締役にということで、リチャード・チェンさんという人は知らないけど記事を読む限り凄腕っぽいので、J近藤がアメリカに行ったのは自転車旅行の続きではなく、本気で世界企業を目指すつもりなんだと実感した。

 リチャード・チェンにとってはてなに入る理由は何だろう。(梅田望夫に唆されたから?) "日本のdel.icio.us"なら将来的にIPOか買収で収益が上げられると見込んだのかな。

2007年2月12日月曜日

日本のSBM/ソーシャルニュースは、はてな一人勝ち?

 日本のSBM/ソーシャルニュースの現状についての記事があった。

ソーシャルブックマークサービス一覧とその考察(その2)|神泉で働く社長のアメブロ

 はてブは一番とは思っていたがこんなにダントツなんだ。人気記事はCSS/JavaScriptとはてな関連ばっかりだけど。Web開発/制作者以外には使いづらいんじゃないかなぁ。内容が偏ってて。
 Buzzurlって何だろう?バスURL?って思ったらECナビニュースが改名したんだ。そういえばどっかにそんなこと書いてあった気もする。バザールって読ませるんだ悪くない名前だね。

2007年1月27日土曜日

はてなセリフはなぜ成功したのか

 先日日経新聞の夕刊のWebについての何かのランキングで、はてなセリフが1位になっていた。たしかにこれは作るほうも加工するほうも見るほうもYouTube何かより楽で手軽だ。

人気のセリフ - はてなセリフ

 誰かが「CGMは1%の人が作り、10%の人がそれを豊かにし、残りの人は見るだけ」というようなことを言ったらしいが、それに当てはめると、はてなセリフは10%のところへの参加がおそろしく簡単になっている。そして豊かにする人(セリフを入力する人)が多ければそれでコンテンツは面白くなる。この図式は見事だ。著作権とかそこらへんをはてなが今後どうするかはみものだが。

 なんか最近はてながらみばっかだ。

脱・はてな

 以前は、はてなのサービスを結構使っていたが、ここ数ヶ月ではてな離れが進んだ。


  • アンテナ → Google Readerへ。一部はアンテナのRSSをGoogle Readerで読んでいる

  • ブックマーク → del.icio.usへ

  • ダイアリー → Blogger, JUGEMへ。JUGEMは無料でもAmazonアソシエイトが使いやすくていいね


SBMもGoogleを使えばすっきりするのかな?

2007年1月7日日曜日

個人的なブックマークレットまとめ その2

個人的なブックマークレットまとめ に追加。

サイト内はてなブックマーク一覧

javascript:(function(){var a='http://b.hatena.ne.jp/entrylist?url=';var b='&sort=count';var h=location.host;var p=location.protocol;var d=location.href.match(/^http:\/\/d\.hatena\.ne\.jp\/[^\/]+\//);var u='';if (d){u=(encodeURIComponent)?encodeURIComponent(d):encodeURI(d);}else{u=(encodeURIComponent)?encodeURIComponent(p+'//'+h+'/'):encodeURI(p+'//'+h+'/');}location.href=a+u+b;})();

はてなアンテナに追加
javascript:location.href='http://a.hatena.ne.jp/append?'+location.href;


BloggerのBlog This!は古いBlogger用なのか思うように使えないので使っていない。
不便なので何とかならんものか。

2007年1月1日月曜日

個人的なブックマークレットまとめ

今使っているブラウザに入っているブックマークレット。

  • del.icio.us投稿
    javascript:location.href='http://del.icio.us/post?v=4;url='+encodeURIComponent(location.href)+';title='+encodeURIComponent(document.title)

  • del.icio.us History一覧
    javascript:location.href='http://del.icio.us/url?v=4;url='+encodeURIComponent(location.href)

  • はてなブックマーク一覧
    javascript:window.open('http://b.hatena.ne.jp/entry/'+escape(location.href), '_blank');undefined;

  • これGmail!
    javascript:(function(){x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) {Q=y.getSelection();} else if (x.getSelection) {Q=x.getSelection();};m='https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&cc=&bcc=&su=[G] '+encodeURIComponent(x.title)+'&body='+encodeURIComponent(Q)+encodeURIComponent('\n\n')+encodeURIComponent(x.location);y.open(m,'addwindow','status=no,toolbar=no,width=575,height=510,resizable=yes');})();

  • ブログ アーカイブ

    tags