「はてなブックマーク」の記事 - Crieit

Twitterアンケートではてブについて聞いた件の考察

2019-04-28T23:10:50+09:00

Crieitにて次に開発すべき内容について非常に悩んで何も進まない状態だったのでTwitterでアンケートを試してみました。ほとんど回答なんてないだろうと思ってましたが、自分的には思いがけず結構多くの方に回答して頂けたようで本当に感謝＆参考になりました。Twitterアンケートって匿名だしワンクリックで手軽だから本当にそのへんの軽さのおかげっぽいのですごい。

プログラミングをやったことある方に質問です。はてなブックマークって…
— だら@技術系投稿サービスや100の質問メーカー運営中 (@dala00) April 27, 2019

背景

Crieitの開発で次は何を進めようかずっと悩むばかりで手が止まっていました。具体的に何を悩んでいたかというと、うちのサービスは検索流入が主なアクセス獲得方法となっているため、下記のような課題があります。

その主となるアクセスユーザーは多分Crieit上で何もアクションせず素通り
アクションを行うのはそれ以外のTwitter等からアクセスされた方が主になると思うので、割合的には少ない

そのためその課題を解決するための一つの方法として、主なアクセス獲得方法となっている検索流入ユーザーが気軽に何かしらのアクションができる仕組みを作れないかとずっと考えていました。

解決案

記事詳細ページの好きなところに付箋を貼ることができると良いんじゃないかなと思いました。これだけで下記のような多くの事が望めるのでは…と。

付箋した箇所をあとで見返すことができるのでリピートしてくれる可能性が出てくる
記事を書いた人も「いいね」やはてブとは別のフィードバックになり嬉しい
ついでに感想も書けるようにすると上記の効果が増大し、且つそのままTwitterシェアできるようにすれば拡散にも役立ちそう。また、新たなコンテンツにもなる
付箋機能を使うためにユーザー登録してくれる

もともとロードマップにいくつかアイデアを書いていたのですが、ちょうどそれらのいくつかにマッチするような内容でもありました。

問題点

ただ、この付箋機能には問題点があります。それはレスポンシブなサービス且つ投稿された記事では不可能ということです。

レスポンシブであるがゆえに、付箋の位置はアクセスした人それぞれによって変わってしまうため特定ができません。では位置ではなく段落毎に付箋を付けられるようにしようかとも思いましたが、そもそも段落も記事の編集で変わったり消えたりする可能性があるためやはりメリットが薄れてしまいます。

延々と悩む

そんなこんなでここで延々と悩み始めました。

とりあえず作ってみればいいんじゃないか
でも結構作るの大変そうだし駄目だったときの時間のロスも大きそうだし…。
そもそも段落毎にボタンとかあったら邪魔じゃない？（これはまあ自由位置でも同様ではあるけど…）
もういっそストック的な機能でいいんじゃない？　前述の機能とテーブル構成殆ど変わらない（位置情報があるかどうかの違い）っぽいし
それだったらそもそもはてブでいいんじゃないの？　そこに時間かける必要ある？

浮かんだ疑問

そこまで考えてふと思いました、そもそも、プログラミングしてる人って全員はてなブックマーク使ってるのか…と。

使っているのであれば、もっとはてなブックマークのボタンゴリ押しする形でUIとか変えれば良いんじゃないか、という気がしましたし、もしそれほど使われてないんだったらQiitaみたいに独自にブックマーク機能を作って、検索で来た人が簡単にサービス上にストックしておける機能を作ってあげたほうがいいんじゃないか、と思いました。

ただ、こんなのははっきり言って実際どうなのか全く想像できななかったので、Twitterアンケートしてみたらどうだろう…？　とふと思いました。回答はあまりされないだろうけど、まあとりあえずいいか、という感じで。

結果と考察

結果、先程のツイートの通り、はてなブックマークを使っている人の割合は想像していたものに比べものすごく低いことが分かりました。4人に1人くらいしか使っていないという結果のようです。もちろんユーザー属性が偏っているので確実に正しい結果とは言えませんが、むしろ偏ってる中でこれくらいということであれば結構本当なのでは…という気がしました。

自分的にはやはりみんな使っているものだと思っていたのでかなり意外な結果でした。とはいえ自分もさほどブックマークはしませんし、どちらかというと見る専的な感じですので、実際にはさほど意外な結果では無いのかもしれません。

というか「ブクマする」じゃなくて「使う」という曖昧な言葉にしたのは間違ったかな、と思ったのですが、この結果だとあまりどちらの書き方でも問題ない感じになったので幸いでした。

ということで、はてブボタンをゴリ押しするUIに変える、というのは完全に間違いで、とりあえずCrieit内に独自のストック機能をつけてあげる、という対応が今一番望ましいのではないかという判断となりました。とりあえずそこだけ作っておけばあとで位置を加えられるようにする拡張はすぐできそうですし。

まあこれが本当にいま一番すべきこと＆多くのことを解決することなのかは完全に空想上の話のためよくわからないですが、とにかく悩んでいたことがスッキリしたことが一番ありがたいことでした。回答していただいた方全員にとても感謝です。

QiitaにはてなブックマークとPocketボタンを設置するためのスクリプトを作成してみた

2019-02-09T15:50:38+09:00

Qiitaの記事にもはてなブックマークとPocketのボタンが欲しいですよね。
そこで、それらのボタンと同じ機能を持つリンクを生成するためのJavaScriptスクリプトを書きました。
Qiitaの記事編集画面で開発者用ツールを開き、以下のJavaScriptをコピペして実行して下さい。
実行すると結果がクリップボードにコピーされます。

const userId = Qiita.user.url_name
const itemId = window.location.href.split('/').splice(-2,1)[0]
const hatebuURL = `//b.hatena.ne.jp/add?mode=confirm&url=https://qiita.com/${userId}/items/${itemId}`
const pocketURL = `//getpocket.com/edit?url=https://qiita.com/${userId}/items/${itemId}`
const  htmlToElement = (html)=> {
  var template = document.createElement('template');
  html = html.trim(); // Never return a text node of whitespace as the result
  template.innerHTML = html;
  return template.content.firstChild;
}
const copyToClipboard = str => {
    if(!str || typeof(str) != "string") {
      return "";
    }
    //elmはtextareaノード
    var elm =htmlToElement("" + str + "")
    //strを含んだtextareaをbodyタグの末尾に設置
    document.body.appendChild(elm);
    //select()でtextarea内の文字を選択
    elm.select();
    //rangeでtextarea内の文字を選択
    var range = document.createRange();
    range.selectNodeContents(elm);
    var sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
    elm.setSelectionRange(0, 999999);
    //execCommandを実施
    document.execCommand("copy");
    //textareaを削除
    document.body.removeChild(elm);
  };

copyToClipboard(`## はてなブックマーク・Pocketはこちらから
[はてなブックマークに追加](${hatebuURL})
[Pocketに追加](${pocketURL})`)
alert('コピーしました。')

コピーされた内容をQiitaのエディターの一番下に貼り付けて下さい。
このようになります。

はてなブックマーク・Pocketはこちらから

はてなブックマークに追加
 Pocketに追加

　最後に

いかがでしたか？
どなたかこのコードを元にしてChrome拡張を作って頂けると泣いて喜びます。
さて、今後はこのリンクを記事の一番下に掲載しておくことにします。ありがとうございました。

はてなブックマーク・Pocketはこちらから

はてなブックマークに追加
 Pocketに追加

はてなブックマークの新着エントリーに表示されない場合の対処

2018-09-11T06:45:42+09:00

先日当サービスに投稿した記事にはてなブックマークが9件ほど付きました。ところが、なぜかはてなブックマークのサービス上の新着エントリーに表示がされていませんでした。

今までの経験上3件以上ついていれば基本的にはてなブックマークの新着エントリーに表示されます。新着トップに表示されていなくても、ページを辿っていくと見つかります。そのためさすがに辿っても見つからないのはおかしいのではないかと思い、スパム判定されている可能性などがないかを調べてみました。

ちなみに表示されていなかったのは下記の記事です。（ちなみにタイトルなどで検索した場合の検索結果等には表示されます）

なぜCrieitを作ろうと思ったか

スパム判定される基準

スパムについての対応方法についてははてなブックマークの方で考え方が公開されています。

はてなブックマークにおけるスパム行為の考え方および対応について

基本的に、自分がブックマークするのは問題ありません。それより多く、つまり自分の複数アカウントでブックマークをつけたり、他の仲間と共謀してブックマークを増やしたりするのはNGのため、スパム扱いとなり表示されなくなります。

やっていたこと

僕がやっていたことは、自分が記事を書いた時にその記事に対して一つだけブックマークをつけていました。これは多分問題無いのではないかと思います。上記ページにもその旨が書かれています。

ご自身が運営するウェブサイトを自身のアカウントでブックマークする行為については、特に問題としておらず、表示制限措置や利用停止などの対象とはしておりません。

ただ、下記のような記述もあります。

広告、宣伝および検索サイト最適化を目的としてブックマークする行為

ただし、ご自身が運営されているウェブサイトをブックマークする場合でも、運営ウェブサイトの内容や態様によりスパム目的であると判断できる場合や、機械的な高頻度のブックマークなど、通常の利用を逸脱していると判断できる場合には、表示制限措置や利用停止などの対象となる場合がございますので、ご注意ください。

そのためもしかしたらこのあたりに自動的に引っかかり、制限がかかった可能性があるかな、という気がしました。引用部分を総合すると結局どっちなんだよ？　という部分も出てきますが…。

対処方法

色々可能性は考えられました。スパムの可能性もあるし、複雑な表示アルゴリズムの問題のためたまたま表示されない類のものだった等。ただ、表示制限がかかっている可能性もあることを考えると放置していても仕方がないので、何にしろ問い合わせをすることにし、色々と考えました。

自分でつけたブックマークを全部削除した

とにかく全部削除しました。まだそこまで多い記事数があるわけではなかったのが救いです。

結局これが本当に必要かどうかはわからないのですが、「個人」＝「サービス運営者」の場合は注意が必要な可能性もあるのかもしれません。

また、当サービスを運営する上で、運営者自身が１ブックマークをつけることは特に何のメリットもありません。そもそも１あるかないかで記事の質や拡散の強さが変わることもありませんので。長期的に運営していき大量の記事を書くことを考えると、流行る記事は流行るし、流行らない記事は流行らないですし、単なる誤差でしかありません。

万が一にでもこれがスパムの要因となる可能性があるのであれば、一つたりともブックマークをつける意味はないと考えました。今後も当サービス内では自分では一切ブックマークをつけません。今後作成する別のサービスなども同様です。

問い合わせを行う

前述の準備を行い、はてなブックマークに問い合わせを行いました。

表示されていないためスパム判定されている可能性はないか
もし運営者が自分でブックマークをつけたことが問題であれば全部削除したため見直してほしい
今後僕自身が自分のサービスで付けることはない

返答待ち

返答待ちの間、やはりちょっとショックでちょいちょい新着履歴を辿ったりしていました。しかしやはり表示されておらず。もしかしたらテクノロジーカテゴリーではあるけど内容的にテクノロジーではないので総合新着に表示されていたりするかな？　などと思い大量の総合新着を辿ってみたりもしましたがやはり表示されていませんでした。

そして月日は流れ…

返答が来た

ついに返答が来ました。１週間位待つかな、と思っていたので割と早かったです。

返答内容としては、念の為確認しておく、とのこと。ただ、スパム判定の詳細を知られたくないので表示制限がかかっているか、かかっていた場合に解除するか、解除しないか、等は一切教えない、とのことでした。これは元々調べて見つけていた情報のとおりでした。

そして仕事が終わり、時間ができた時に再度新着エントリーの履歴をたどっていきました。すると…

なんと表示されていました！

まとめ

なんとか表示されるようになり、安心しました。色々投稿できるサービスなのにはてなブックマークに表示されないというのは意味不明すぎますので。

ただ、結局のところアルゴリズムの問題でたまたま表示されておらずようやく表示されるようになっただけか、はてな側での対応があって表示されるようになったのかは分かりません。

とにかくはてなとしても多くのスパムに対応するため自動で色々なことを行っているはずですので、たとえ誤判定等があったとしても仕方がないことではあります。そのため最も重要なことは、その時に問い合わせでちゃんと解決できるよう、クリーンな方法でサービスを運営しているかどうか、というところではないかと思います。

「はてなブックマーク」の記事 - Crieit

Twitterアンケートではてブについて聞いた件の考察

QiitaにはてなブックマークとPocketボタンを設置するためのスクリプトを作成してみた

はてなブックマークの新着エントリーに表示されない場合の対処

QiitaにはてなブックマークとPocketボタンを設置するためのスクリプトを作成してみた