読者です 読者をやめる 読者になる 読者になる

「痛いニュース」は異常

雑記

anond.hatelabo.jp

こんな増田があったので、書きかけだった記事を仕上げてみる。

痛いニュースはかつて「これは痛いニュースに載る」なんて言い回しもあったくらいに、一番古い記事は2005年12月で10年以上運営されている老舗のまとめブログだ。2chの運営との癒着やらバックマージンの噂もあるがその辺はよく知らないので特に言及しない。

下記挙げる数字は2016/6/15 14時頃の集計。なお、この統計はプログラムのバグ等によって実際とは全く違ったものである可能性もあるので、内容を一切保証するものではない。

というか、自分がそう思えるくらい驚いた。

直近5739記事中で10記事以上ホットエントリ入りしたサイト

blog.livedoor.jpのみ下位ディレクトリを含めてある。

URL ホットエントリ入した数
anond.hatelabo.jp 614
togetter.com 295
www.asahi.com 232
www3.nhk.or.jp 222
blog.livedoor.jp/dqnplus(痛いニュース 151
headlines.yahoo.co.jp 134
gigazine.net 109
www.itmedia.co.jp 101
d.hatena.ne.jp 73
toyokeizai.net 63
bylines.news.yahoo.co.jp 62
mainichi.jp 57
qiita.com 57
www.sankei.com 56
www.hahalife0.com 47
kabumatome.doorblog.jp(全力2階建) 44
nlab.itmedia.co.jp 43
twitter.com 41
japanese.engadget.com 40
speakerdeck.com 33
www.buzzfeed.com 31
www.publickey1.jp 31
www.nikkei.com 31
b.hatena.ne.jp 29
www.slideshare.net 27
this.kiji.is 26
portal.nifty.com 26
zasshi.news.yahoo.co.jp 26
jp.techcrunch.com 26
www.kandosaori.com 25
www.gizmodo.jp 25
www.lifehacker.jp 24
business.nikkeibp.co.jp 24
enter101.hatenablog.com 24
delete-all.hatenablog.com 24
coliss.com 23
alfalfalfa.com(アルファルファモザイク 23
hitamu.hatenablog.com 22
wired.jp 22
www.yomiuri.co.jp 22
hrktksm.hatenablog.com 21
www.mikinote.com 21
dabunmaker.hatenablog.com 21
www.in-activism.com 20
gendai.ismedia.jp 19
www.huffingtonpost.jp 19
potatostudio.hatenablog.com 18
news.yahoo.co.jp 18
postd.cc 18
www.afpbb.com 18
www.anizm.xyz 18
karapaia.livedoor.biz 17
www.youtube.com 17
note.mu 15
pc.watch.impress.co.jp 15
next.rikunabi.com 15
ameblo.jp 14
blog.livedoor.jp/itsoku(IT速報) 14
p-shirokuma.hatenadiary.com 14
www.zenmashiniki.com 14
diamond.jp 14
www.cloudsalon.net 14
www.nikkansports.com 14
lineblog.me 14
azanaerunawano5to4.hatenablog.com 13
dev.classmethod.jp 13
matome.naver.jp 13
www.yutorism.jp 13
omocoro.jp 13
www.pojihiguma.com 13
www.dokusyo-geek-ki.com 12
www.forest.impress.co.jp 12
www.newsweekjapan.jp 12
www.akisane.com 12
www.4gamer.net 12
watto.hatenablog.com 11
dokushohon.hatenablog.com 11
ascii.jp 11
natalie.mu 11
blog.livedoor.jp/nwknews(nwk) 11
biz-journal.jp 11
www.outward-matrix.com 11
developer.hatenastaff.com 11
withnews.jp 11
r.gnavi.co.jp 11
www.ituore.com 11

まとめブログだけまとめると

  • 痛いニュース 151
  • 全力2階建て 44
  • アルファモザイク 23
  • IT速報 14
  • 哲学ニュースnwk 11

となる。

痛いニュースの異常さがお分かりいただけたと思う。あと、はてブのメインコンテンツは増田。

かつてはハム速なども比較的よくホットエントリ入りしていたが、2chから転載禁止を言い渡された結果、「自分のブログのコメントを自分でまとめる」という悲しさがハンパないサイトに変貌し全く見かけなくなった。

この2chからの転載禁止騒動の時、他にやらおん・はちま・刃・ニュー速VIPに対しても転載が禁止され、主語は大きいが「2chまとめブログってクソだな」というのが皆の共通認識だと思ってた。

考えうる理由

b.hatena.ne.jp

ブックマークを見ると色んな意見がある。

実は単に上がるだけでなく、bh.mgzl.jpでの記事スコアもそこそこある。これは、それなりに読者数の多いユーザーが素早く多くブクマしているということに他ならない。主観だが、中堅ユーザーが非常に多いように感じる。上位カルマ保持者がブクマしているのはあまり見ない。

これは、”はてブ民”が実際のはてブユーザーとは剥離乖離しているだけだと思っている。特に普段ブコメをつけないはてブユーザーは少なくない。要するに主語がでけぇってことなのだが、この剥離乖離は大きいと思う。

スパム説も捨てがたいが、何かデータを取ったわけではないので、なんとも言えない。確かに無言ブクマは多いが、ホットエントリ入りする記事としてはそこまで偏った割合ではないと思う。

つまり俺にはよく分からん。

痛いニュースはマジで異常

2chまとめブログ死すべし、慈悲はない」派も「別に面白かったらブクマするよ」派もその他の考えも別に構わないが、痛いニュースは異常と言っていいほどホットエントリーに入っている。

これは単に痛いニュースが良いサイトだからなのか、何か闇の力が働いているのかは先にも述べたが俺には分からない。

兎も角まとめブログ群の中でもホットエントリ入りする記事の中でも、痛いニュースは特異な存在ということだけは伝えておきたかった。

MyYahooというかiGoogle的なものに関するメモ

雑記

「My Yahoo!」サービス終了のお知らせ ( その他インターネット ) - My Yahoo!スタッフブログ - Yahoo!ブログ

MyYahooというかiGoogleっぽいもの自分用に作ってみようかなぁ。

2016/06/14 20:58
b.hatena.ne.jp

こんなこと言ってるけど、iGoogleが終わった時にああいう感じのを作ろうとして技量が足らなすぎて挫折した。確かjQueryとかで頑張ろうとしてたと思う。

自分がサービス作る時は「自分が欲しいもの」を作るのが基本なので、あんまりまじめに考えずにサックリ自分用に作ってもいいのかもしれん。

実装に関するアイディアとかのメモ

例によって箇条書き思考垂れ流しメモなのであまり信ぴょう性はない

全体的なこと

  • Webブラウザの「ホームページ」に相応しい物にしたい
  • プラットフォーム的に枠だけ設計する
  • 天気とかRSSリーダーとか各機能はモジュール化して読み込ませる
    • モジュール間でのやり取りは無しにしたい(複雑性の排除)
    • 欲しくなった時に作ればいい、その機能が欲しい人が作ればいい
    • GoogleのサービスとかTwitterとか認証が必要なのはどうしよう
      • 案1)フレームワーク側で提供する(ユーザーは1度の認証で済むから嬉しい)
        • Twitterとかだとモジュールごとに不要な権限まで必要になる?
      • 案2)モジュール側で提供する(作るのが楽)

フロントエンド

  • Reactに限らず今風なフレームワーク
    • やっぱRSSとかメールとかTwitterとかリアルタイムでやりたいよね
  • 通知機能…?(API無くなる件)
    • ソフト通知(ブラウザの通知の対義語)でいいんじゃないの
      • ページタイトルとかファビコンで頑張る系
  • ドラッグアンドドロップでレイアウトかえられるあの感じ
  • デザインとかかえられるあの感じ
    • やるとしたら当面はプリセットのみで…(CSSの編集とかやらない)
  • できればスマホでも…

バックエンド

  • まずはバックエンドが不要な感じにしたい(スモールスタート)
    • なので認証とかは後回し?
    • loacalStorage先輩頑張れ
  • サービスとしてリリースするならまともなバックエンドが必要
    • 少なくともさくらのスタンダードじゃあかん
    • ランニングコストどうするの
      • Donateボタンを置く(多分足らない)
  • nodeとかで作ったほうが楽なんじゃないの

欲しいモジュール

欲しいモジュールは作るとしたら自分が欲しいものから作りたい

基本的に上の方にあるのが優先度が高い感じ

自分が絶対欲しい

自分はRSSリーダーに膨大な量がぶち込んであるので、RSSRSSリーダーFeedly)で読みたい派

  • 検索(Google、Bing、etc)
  • SpeedDial(何がなんでも欲しい)
  • はてな(できればbh.mgzl.jpがいい)
  • Gmail

基本としておさえておきたい

本当に必要か分からんけど、なんかよくある感じのやつ

あったら嬉しいな

本当に嬉しいかどうかは[要出典]

  • Twitter系機能(タイムラインを見る、つぶやく機能)
  • Pocket(APIあったっけ?サービスは使ってるけどよく知らない)
  • 超簡易メモ帳(編集、保存等基本的な機能が必要なので、実装例的に欲しいかな)
  • Evernote…とか要らんか

ここまで書いての感想

  • めっちゃ工数かかるやん
  • スマホでもちゃんとパフォーマンス出るの?
    • Twitterとかはオミットだな…
  • でも作るのめっちゃたのしそう(ただし、プラットフォームの出来次第)
  • OSS?俺コミュニティの運営とかできないよ?(既にサービスがヒットした気でいる)

tom.mgzl.jp v2.0.2

tom.mgzl.jp tom.mgzl.jpの更新履歴

やり残したことだけ修正

更新内容

  • Titleタグの対応
  • 各階のブクマ数を表示

tom.mgzl.jpを作りなおしました

tom.mgzl.jp

なんかメタブタワーそのものが燃えるという珍しい現象が起きていたので、前々からやるやる言っていたTower of Metab(ToM)を作りなおしました。

メタブタワーのコメントを一覧で見れるサービスです。基本的にIDコール合戦をほっこり眺める為のツールなので、IDコールがあるコメントのみを表示したりできます。

技術的な話

bh.mgzl.jpとほぼ同じES2015+Babel+Reactで作りました。前のバージョンはAngularJSを使っていたけれどReactの方が使ってて楽しいので良かった(小並)。

仕組みは単にはてブAPIをぐるぐる回しているだけです。サーバーへの保存もなし、以前はsettionStorageに一時的に検索結果を保存したりしていたけれど止めました。

あとメタブページのURLを入れても地上階から登ることが出来るようになりました。ただ、はてブの仕様上オリジナルのURLが途切れてしまっている場合は上手く行きません。

メタブの頂上

気がついたらまたメタブの頂上が変わってました。実は以前のバージョンは頂上だけは決め打ちだったので、今回のバージョンからは純粋に到達可能な頂上が表示されるようになりました。IDコール合戦の残骸が見られて楽しいですね。

デザイン

実はブコメ欄ははてブのコメント一覧にだいたい揃えてあります。大体なのは面倒くさいからです。

感想

物を作るのは楽しいですね。実はReactってこういうライトなサービスでも作るのは楽なんじゃないかと思います。この程度のサービスでES2015+Babel+Reactってのは大仰なんじゃないかって気もしますが。趣味サイトなんで、その辺の手段と目的論は余り意味が無いですね。

追記

細かい所結構抜けてるのを見つけてしまったけど、明日以降にしよう。

本当のベターなホットエントリーのアイディア

bh.mgzl.jp

bookmark.hatenastaff.com

これを読んでふと思ったのだが、「お気に入られ数の上位X%がブクマしているホットエントリの記事」を出したら良さそうな気がしている。

実装の実現性

各ユーザーのブックマークはRSSATOMで取得ができる。(参考

ただ、どのくらいのユーザーを収集対象にするかが問題で、bh.mgzl.jpではだいたい27,000ユーザーくらいを捕捉している。これは、ホットエントリーや新着でブックマークをしたことがあるユーザーだ。例えばこれの1%となると、270ユーザーのフィードを監視することになる。

270ユーザーのフィードを毎回パースするのは辛いので、どこかでフィードを統合したい。複数のフィードを束ねる方法として以前はYahoo!Pipesがあったが今はないし、代替サービスも微妙だし、自前でやったほうがいいだろう。

厳密に言うとパースして統合するのは難しくないが、フェッチするのが辛いかな。はてななら検索クエリってわけでもないので、5分毎に270リクエストぐらい送っても大丈夫だとは思うが。

問題点など

お気に入られ数上位ユーザーがブクマしている記事ってほぼホットエントリーと同じじゃないかという気がひしひしとする。或いははてブのお気に入り機能を使えばいいじゃんというね。

上位ユーザーの新着、つまり上位ユーザーのブクマからホットエントリー入りしているものを除いたものは割りと有用性がありそう。

やるの?

実はbh.mglz.jpについてはいま根本的にクソ記事を上げない方法に行き詰っていて悩んでいる。かといってこれが「いいアイディアだぜ!!!!」という気もしていない。うーむ。

Reactに心酔してjQueryを捨てるべきか、或いはいつ古道具を売り払うかの話

React.js界隈の人に聞きたい

はてなブックマーク - ReactJS界隈の人に聞きたい

この辺を読んでbh.mgzl.jpでもReactを使っているので思ったことなどを書いてみる。雰囲気的には増田に概ね同意したい。

SPA前夜

SPAが使える道具になったのはlocation.hashを使ったテクニックやHistoryAPIが実際にモダンブラウザで動くようになったこの数年の話で、それまではそういう選択肢すらなかった。あったとしても、URLが変わらない不完全なものだった。 だから、1つのURLで1つの状態を表現するためには実際にページ遷移をさせるしか無かった。もちろんGmailとか例外的な物はあったけれど誰にでも実装できるようなものではなかった。

それが誰にでも使えるようになったのは、jQuery.pjaxのようなライブラリ(のプラグイン)が出てきてからだったと思う。だがjQueryのDOM書き換えは単純であまり効率的ではないので、例えば1000行あるリストをテキストボックスに入力した文字で逐次絞り込むみたいな機能はパフォーマンスが出なかった。特にCPUとメモリの限られるスマホでは。

だからこそ、SPAという選択肢は非常に限られたものだったし、jQueryMobileで巨大なWebアプリケーションを作るのは色々な面で難しかった。

我々は新たな道具を手に入れた

そこにAngularJSやReact.jsが登場したことによって、誰もが選びうる選択肢の1つとしてSPAが加わった。今まで自分のような凡人が作れなかった物が作れるようになったのだ。歓喜以外の何物でもない。

だがライブラリは道具だ。道具は必要な時に必要な物を選んで使わなければならない。4tトラックを手に入れたからといって原付きバイクが不要にはならないだろう。

AngularJS 1.xの失望もあり、もしかするとReact.jsが空飛ぶ車ではないかという希望を持ちたい気持ちは分かる。実際にjQueryは空飛ぶ車だったし、それに乗ることができたことに感謝もしている。

React.jsに乗るべきか

今はまだReact.jsが空飛ぶ車であるかは分からない。だが少しぐらい乗っておいて損はない。JavaScriptを書ける(≠jQueryを書ける)人間にとっては学習コストも大したことが無いし、今乗っておくことに損はない。

だが実際にその道具を使うかどうかはまた別の話だ。SPAという概念やReact.jsといったライブラリは単に選択すべき道具の1つに過ぎない。

新たな道具を手に入れたからと言って、古道具を捨てて新しいものしか使わないのは愚かである。ことさら技術という道具においては、実際に場所をとるわけでもないのだから本当に不要になったその時に捨てればいい話だ。

「5年後のビジョンは何だ?」「あ?ねぇよそんなもん。」

しかしフロントエンドをやっている人間で、5年後のビジョンを持っている人は少ないだろう。それを持っている人は非常に優れたエンジニアとして賞賛していい。

昔から(当時は単にWebデザイナーやコーダーと呼ばれていた)フロントエンドエンジニアは常に「今」と戦ってきた。ブラウザは更新され続け、新たな概念のデバイスが誕生する。

そもそも「今どきのアプリケーション」は環境の変化によって5年も持たない。どうせ5年後には作りなおすことになるので、だったらいま使える道具は使っても構わないだろう。そういう意味でReact.jsはよい道具である。

つまり5年後のビジョンなどくそ食らえだ。これだけ環境の変化が激しいと5年後の保守コストを見積もることなど不可能に近い。少なくとも自分は諦めた。5年後の話は5年後にしよう。まずは明日の納期の話だ。

(そう言って5年後にまた受注する、というのは別のお話。)

bh.mgzl.jpがv4.2.0になりました

bh.mgzl.jp bh.mgzl.jpの更新履歴

更新内容

  • フィルタリング機能の追加
  • UIの調整、一部項目を「詳細設定」の中に移動
  • 更新情報を表示

フィルタリング機能

先日の記事に書いたとおりスコアなどが低い記事をフィルタリングして表示しないようにする機能を追加しました。
フィルタリングは「なし」「スマート」「ユーザー」の3種類で、ホットエントリと新着の両方それぞれに設定することができます。
「スマート」は主に直近50件(表示されている記事)の偏差値によってフィルタリングします。人気と新着でパラメーターを変えてあります。
「ユーザー」は任意に設定したブクマ数・スコア・スコアブクマ比によってそれ未満の記事を表示しなくなります。お好みの設定が可能です。

UIの調整

フィルタリング機能追加によって必要なインターフェイスが増えたので、詳細設定という項目にまとめました。 それに伴い内部的にも設定は1つのlocalStrageのitemに保存するようにしました。(これは単純に管理の問題。)
また、表示の設定も詳細設定の中に移動しました。

更新情報を表示

このブログに書いた更新情報が自動的に表示されるようになりました。

追記
書き忘れていましたが、詳細設定の中で記事を開く時に新しいウィンドウで開くかどうかが選べるようになりました。

更に追記
文章がグダグダすぎたので直しました。