はてなブックマークのスマホページが地味に使いにくくなっていく

Pressoがいまいち肌に合わなかった自分にとって、はてなブックマークのスマホページが生命線だったりするのですが、ここ最近地味に地味に使いにくくなってて困る。

いままでは「もっと読む」を押してページ遷移したあとに間違って他のページにアクセスしても「戻る」で遷移後のページが表示されたのが、最近は必ず1ページ目に戻る。

実に広告を誤クリックしやすいUIであるはてなブックマークにおいて、間違って広告押しても正しい位置に戻れるのは地味に大事だっただけにこの仕様辛い。5ページくらい読み進めてからこれ食らうともう戻る気がなくなります。

その後もブックマーク数のタッチエリアが狭くなり狙って押しにくくなったとかいう地味な変更もありつつ、最近起きた極めつけがこれ。

ブックマークコメントのうちスターが一番多いコメントが表示されるんだけどこれがどうにも違和感。先にネタバレされるような感覚に加え、まるでスターが一番多いコメントがはてなにとっての公式コメントみたいに見える。

はてなブックマークはいろんな視点の人がコメントする多様性が面白くて、だからこそ人気コメントだけでなく新着コメントもかならず見るようにしてるんだけど、このUIだとスター多いことが正義! みたいに見えてしまってなんとも居心地悪い感じ。

また、得てしてはてブでスター集めやすいコメントは過激な発言が多くて、それゆえにブックマークされたサイトの解説としてもあんまり適切でないよう感じるのですよね。はてブページみたいに10個くらいコメントならんでると少しは多様性あっていいのですが。

あんまり身の回りでそういう意見聞かないんだけどみんなもうPressoつかってるのかな。個人的にはどんどん見るのが辛くなってるのでコメント非表示機能お願いしたいです。

Googleで検索したページから検索結果一覧に戻れなくて困ってた人ははてなのChrome拡張を疑え→直った!(イマココ

これはあまりに衝撃すぎたので紹介エントリ−。詳しくは以下URLにて。

はてなブックマークのChrome Extensionを外した ? どこか遠くでのんびり怠惰に暮らしたい
http://misc.mat2uken.net/blog/2013/05/16/no_hateb_chrome_extension.html

【追記】はてなブックマーク拡張のオプション設定でも対応できるっぽい

拡張のオプションで「Web ページにはてなブックマークの情報を表示しない」を選択するとひとまず解消するっぽいです。/ Googleの検索結果も変な気がする

はてなブックマーク – はてなブックマークのChrome Extensionを外した ? どこか遠くでのんびり怠惰に暮らしたい
http://b.hatena.ne.jp/entry/misc.mat2uken.net/blog/2013/05/16/no_hateb_chrome_extension.html

【さらに追記】はてな公式対応で直ったよ!

Chrome拡張の不具合を修正しました – はてなブックマーク開発ブログ
http://bookmark.hatenastaff.com/entry/2013/05/24/143939

はてなブックマークのリニューアルについて思うところ

いつもならFacebookに吐き出しておしまいなのですが思ったところをつらつらと。

はてなブックマーク – 人気エントリー
http://b.hatena.ne.jp/hotentry

賛否両論というか否のほうが多そうなこのリニューアルですが、個人的な疑問はこういう横方向にも視線を動かさないと行けない画面構成。Pinterest以来、こういうタイル型のUIが流行している感あるだけど、これって何かしらの効果あるのかな。ユーザー的には縦にも横にも目線を動かさなければいけないのでかなり読みにくいのですが。まあ縦の高さが合っているだけ、大きさもバラバラすぎるCakesに比べるといくぶんかマシですが。

ユーザー体験はひとそれぞれなので「こっちのほうが見やすい!」という人もいるかもですが、こういう構成にするとPVが上がる、とかあるのかな。ただユーザーが使いにくいのにPVとか滞在時間が上がるんだとしたらなんというか本末転倒よねえ。記事の本文にAdSenseぶっ込んだらそりゃ広告収入増えるけど読んでる人には読みにくいだろうよ、的な。

カラフルなのは慣れでなんとかなりそうだけど、はてブ数とタイトルが写真挟んで別々なのは、どの話題がどれくらいのはてブ数なのかを把握しにくい。

全般的に、どうしてこういうUIを選択したのかを理詰めで聞いてみたいなあと思わせるリニューアルでした。タイル型のデザインってどうしてこうも採用されるのかな。見た目がおしゃれっぽい以外の理由でユーザーが便利になる方向のメリットが見いだせないので、デザイン系の人のご意見伺いたいところです。

とはいえいいところもあって、トップなんかはいくつかのコメントが抜粋されて出ているところにちょっと興味あり。ここは知らない人じゃなくて、ログインしてたら友達のコメントが優先されて出るマイホットエントリー的な仕様がうれしいなあ。もうちょっと自分よりにカスタマイズされたマイホットエントリー型のリニューアル方向がいいなと思いつつ、はてなブックマークリニューアルと言えばあの人というご意見番の発言も楽しみにしたいところであります。

はてブ使いのブロガーはチェックしておくべき隠されたもう1つの「新着ブックマーク」機能

ブログリハビリをかねてさくっとオマージュエントリー。

知られざる、はてなブックマークの「新着ブックマーク」を見る方法
http://www.msng.info/archives/2012/07/hatena-bookmarklist.php

この新着ブックマーク、便利と言えば便利なのだけれど、あくまで「新着ブックマーク」なので、新しくブックマークされた記事はいいのだけれど、すでにブックマークされている記事についた新着をチェックする、ということができないのが残念なところ。新着記事だったらブログのトップとかにも常に出ているので割と気がつきやすかったりするし、たいていの場合新着ブックマークは新着記事についたりするものなので、むしろ「過去の記事も含めて新しいブックマークついたらチェックしたい!」と思うのは誰しもが思うところでありましょう。

では勢いだけではてな10周年イベントのぞきに京都まで特攻するようなはてなラヴァーはどうしているかというと、モバイル版のはてなブックマークを使います。

はてなブックマークモバイル(PCからは見られません)
http://b.hatena.ne.jp/mobile/

この携帯電話向けブックマーク、ログインすると新着ブックマークをすべてチェックできる素敵な機能が搭載されているのです。スマートフォン版にもPC版にもない、携帯電話版にのみひそやかに搭載されてるところが奥ゆかしいね。

Untitled

クリックするとそれぞれの新着ブログを読めます。過去はてなブックマークされていて新たにブックマークがついた記事もこれなら大丈夫。なお、一度見ると新着情報はリセットされ、また次アクセスしたときに登録されている新着ブックマーク数が表示されます。

Untitled

はてなブックマークは自分としてもソーシャルブックマークとして使う一方、ブログへ寄せられた意見を確認する場としても大変便利に使っているので、ぜひともこの機能はPC版やスマートフォン版にも実装して欲しいところ。運営者的にも「はてなブックマークのアカウントとブログを一致させる」ことができるんで、これの登録進めばいろいろ面白いことできるとおもうのよねー。あのブログやってる人のはてなブックマークを表示、とか、セルクマしてるブログは非表示にしちゃう、とかとか。

というわけではてな様、ぜひこの機能のPC版、スマートフォン版対応をお願いいたします。

まあ実際はスマホで見られるからさほど困ってないけどね。

新はてなブックマークが待望の「マイホットエントリー」搭載!

あまりにうれしいので勢いで書いちゃう!

本日より招待制で始まった新はてなブックマークのUI、ありがたいことに招待いただいて使うことができました。はてなブログと違い、こちらは既存のはてなブックマークを新しいUIで見られるだけでなく、一度設定したユーザーのブックマークはほかの人が見ても新UIで閲覧できます。

私のブックマークはこちら。

はてなブックマーク – カイ史伝
http://b.hatena.ne.jp/kai3desu/

今回の新はてなブックマークではデザインが一新しただけでなく、新機能をいくつも搭載。そのうちの1つが、私が常日頃から欲しい欲しいと言い続けていた「マイホットエントリー」であります。

はてなブックマークのヘビーユーザーはよくランキングではなくお気に入りを見ると言われており、実際問題自分が知っている友達のブックマークのほうがデータとしても面白かったりするのですが、これまでのお気に入り機能は1ブックマークごと表示されるため、友達がたくさん登録しているブックマークもその人数分表示されてしまうのが難点でした。また、ぜんぶ1つ1つ表示することの弊害として、全体のランキングはわかっても「友達の間でブックマークした数でのランキング」が見られないということも。

そこで登場した今回のマイホットエントリーは、自分の友達の間で話題になっているブックマークをまとめて表示してくれるようになりました。これ、これだよ欲しかったの!

nhtn

ただ若干残念なのは、TwitterやFacebookからもデータを取ってきているため、Twitterにちょっと投げたURLもまとめて入ってくることと、Twitterフォロワーの数も混ざること。個人的にははてなブックマークはTwitterよりも「ちゃんとブックマークしている人」に絞り込んでお気に入り登録しているので、ここにTwitter入ってくるとちょっと欲しい情報とずれちゃう。このあたりはまだベータっぽいので、ストックのはてなブックマークとフローのTwitterの違いを分かっているはてなならきっとTwitterとお気に入りなどを分類できる機能も搭載されると信じて待つことにします。

あとぜひ欲しいのはTwitterやFacebookのユーザーではてなブックマーク使っている人を抽出してお気に入り登録できる機能かな。前述のとおりはてなブックマークの登録とTwitterでURLを流すのは全然違う行為なので、あくまで「はてなブックマーク」のユーザーに絞り込んで登録したい。これがさらにマイホットエントリー内で登録数でランキングできるともっとうれしいな。

最近はソーシャルという言葉が流行ですが、一番大事なソーシャルは他人ではなく身近な友人・知人というソーシャルグラフだと思っていて、そういう点で知らない誰かによるランキングではなく、友達の間で盛り上がっている情報が見られるようになる今回の機能は素晴らしい。ぜひこの方向で突き進んでいってほしいと思います。

このほかにも、以前から実装されていたユーザーのお勧め機能に加えて、キーワードを登録しておいておすすめのブックマークを教えてくれるインタレストなんて機能も。これも人ベースでなく登録したブックマークベースでリコメンドしてくれる面白い機能ですね。

あとはすごい昔のエントリーでも書いたんだけど、1つのブックマークをみんなで作れるみたいなグループ機能あったりすると、「ほげほげのまとめ」みたいなのもみんなで作れるようになってうれしいと思います!

 たとえば会社の仲間でグループ1つ作っておいて、会社の周りでおいしい店を共有していくとか、ニンテンドーDSで面白い新作ゲームの情報を共有していくとか。で、そのグループを更にフィードで配信すると他の人も楽しめたりと広がる可能性もある。更にグループにディスカッション用の掲示板とかあるとコミュニケーションもできる。そこまでやっちゃうとソーシャルブックマークじゃないかもしれないけど。

カイ氏伝: はてなブックマークの次の姿を考える
http://blogging.from.tv/archives/000165.html

はーテンションあがったわー。

はてなブックマークストラップが届いたよ

みんな大好きはてなブックマークストラップが発売されたということで勢いよく買ってみた!

はてなブックマークストラップ【50個限定】&はてなオリジナルTシャツ2009の販売を開始しました – はてなブックマーク日記 – 機能変更、お知らせなど
http://hatena.g.hatena.ne.jp/hatenabookmark/20090618/1245317772

はてなブックマークストラップ【50個限定】&はてなオリジナルTシャツ2009の販売を開始しました – はてなブックマーク日記 – 機能変更、お知らせなど
http://hatena.g.hatena.ne.jp/hatenabookmark/20090618/1245317772

お値段は1個800円なんだけど、はてなブックマークプラス会員は10%引きで720円。これならたくさん買って差額で売り抜けるとお金持ちになれるね! 限定50個というレアアイテムです。

木曜に頼んだら月曜日にはもう届いてた。てことは逆算すると金曜には発送作業してるっぽいね。手際がよいよいよいよいよいよい(残響音含む)

20090623004050

封を開けるとスタッフからのお手紙にペタっとストラップが貼り付けてあった。

20090623005020.jpg

デザインはこんな感じ。

20090623004237.jpg

裏面はブックマークボタンの「B!」デザイン。シンプルでこっちのほうが好きかな。

20090623004252.jpg

今まで使ってたmixiストラップとサイズ比較。mixiストラップも個人的にはちょいと短いんだけど、はてなブックマークストラップはさらに短いね。

20090623004332.jpg

しかし限定50個というレアアイテムだということなので、大事に大事に明日から使っていきたいと思いますよ。とはいえストラップは消耗品で、長いこと使ってるといつの日かストラップの紐が切れちゃうんですよね・・・・・・。

だから勢いで4個買ってみた! これなら仲間の正義超人が3人まで倒れてもオッケーだぜ!

20090623005124.jpg

はてなブックマーク新バージョンのパブリックベータに対応したよ

 いやたいしたことはしてないんだけどね。エントリーのタイトル脇に表示されるはてブ数のリンク先をはてなブックマークパブリックベータにしました。単にURLを

<a href=”http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>”><img src=”http://b.hatena.ne.jp/entry/image/large/<?php the_permalink(); ?>” border=”0″></a>

から

<a href=”http://bbeta.hatena.ne.jp/entry/<?php the_permalink(); ?>”><img src=”http://b.hatena.ne.jp/entry/image/large/<?php the_permalink(); ?>” border=”0″></a>

にしただけです。正式版公開ではまた直さなきゃなんだけど、とりあえず自分がよくはてブ数からはてなブックマーク見に行くのでこれやっておくと便利なんだな。見ていただく方も新バージョンのほうが華やかなので楽しいかなと思います。

「ブログにはてブのコメントを表示」をWordPressで導入

さっそくやってみた! これ前からやりたかったの!

masuidrive on rails – ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/

導入の仕方はかなり簡単で、JavaScriptファイルをダウンロードして自分のブログにアップロードし、あとはHTML追記するだけですが一応こまかいところ補足。

まずはコピペ部分ですが、手動の修正箇所が1カ所だけあります。よく読めば当然ですが、以下の赤字の部分ね。

<script type= “text/javascript”>/*<![CDATA[*/
// var hatena_bookmark_anywhere_limit = 10; // 表示する件数
// var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
// var hatena_bookmark_anywhere_collapse; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
// var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
/*]]>*/</script>
<script src=”[設置パス]hatena-bookmark-anywhere.js” type=”text/javascript” charset=”utf-8″></script>
<div id=”hatena_bookmark_anywhere”></div>

ここはダウンロードしてファイル名を「hatena-bookmark-anywhere.js」に変更したJavaScriptファイルの置き場所を指定。うちは http://bloggingfrom.tv/wp/ の直下においたので、ここの表記は http://bloggingg.from.tv/wp/hatena-bookmark-anywhere.js になります。

張る場所ですが、<div>要素は別にできるそうなので、最後の1行のみを<body>内に、その前の<script>部分を<head>内に記述します。

WordPressの管理画面から「表示」「テーマエディタ」を選択。ちなみにうちのWordPressのバージョンは「ME2.2.3」ね。

<head>はその名の通り「ヘッダー」にあるので、</head>直前とかに以下の部分を置きます。要は最後の一行以外ね。日本語も単なるコメントなのでそのまま張っちゃってOK。

<script type= “text/javascript”>/*<![CDATA[*/
// var hatena_bookmark_anywhere_limit = 10; // 表示する件数
// var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
// var hatena_bookmark_anywhere_collapse; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
// var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
/*]]>*/</script>
<script src=”[設置パス]hatena-bookmark-anywhere.js” type=”text/javascript” charset=”utf-8″></script>

続いてはてなぶックマークのコメントを表示したいところに最後の一行を張る。うちはブログのコメント前に置きたかったのでこんなかんじ。表示場所は好きに選ぶとよいかと。

<?php the_content(‘<p class=”serif”>Read the rest of this entry ?</p>’); ?>

<div id=”hatena_bookmark_anywhere”></div>

<?php wp_link_pages(array(‘before’ => ‘<p><strong>Pages:</strong> ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>

これで見事はてなブックマークのコメントが表示されましたよ! パチパチパチ。

はてなブックマークのコメントをブログに表示機能というのは以前から欲しかったんだけど、前にそういうのが作られたとき転載云々の問題でなくなった、みたいな話を聞いたことがあった(聞いただけなので真実かどうかはしらない)。でもはてなブックマークのotsuneさんのコメント見ると大丈夫っぽい?

otsune いわゆる d:id:suVene のアレ機能。ちなみにはてな規約的にはブックマークコメントのマッシュアップは許諾Okと明記してるはず

はてなブックマーク – masuidrive on rails – ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://b.hatena.ne.jp/entry/http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/

ちょっと表示がもたつくけど、はてなブックマークのほうが気軽にコメントできるし、自分でコントロールできるからいい、という人もいるので、はてなブックマークでついたコメントをブログでも表示できるのはかなり嬉しい。この機能作ってくれた作者さんに今一度感謝であります。