砂の声

はてなという無名都市を彷徨う旅人の記録。・・・・・・という厨二設定で行う、はてなサービスの不平不満ネタアイデア等書き連ねるブログです。

はてブが来春壊れている事はありそう。

f:id:houyhnhm:20181204092409p:plain
しなもんがいない世界


はてなのシステム基盤がしょぼいのか、色々な機能が削減されているが、そもそもIDコールくらいでどうにかなるような開発リソースってなんぞという話でもある。
もうはてなに常駐している開発者っていないのかなと思わせるリニューアル速度でもあり、また、伝統的にはてなはユーザーに対してのアウトプットが「問題が起こってから」行うという駄目なところもあって、代替サービスが構築されればサッサと移りたいとは思う。
お気に入りのソーシャルグラフさえ引っ越せればいいのだけど、そろそろ「はてなエクソダス」考えないと。
はてな運営が手斧でシステムを破壊する日も近い。

はてブの表示がまたイケてないので。

お気に入りページをStylishでいじる

body{
    min-width:0;
}
div#header{
    width:100%;
}
form.gh-searchbox{
    display:none;
}
ul.gh-service-menu li:nth-of-type(2),
ul.gh-service-menu li:nth-of-type(3),
ul.gh-service-menu li:nth-of-type(4){
    display:none;
}
div.left-container{
    display:none ;
}
div.center-container{
    margin-left:0;
    width:100%;
    max-width:none;
}
li.bookmark-item{
    max-height:5em;
    overflow-y:scroll;
}

div.right-container{
    display:none ;
}

はてブの無駄に長いヘッダーとかイライラするのでメニュー減らした。
あとで読むとかブックマークとか常に表示させるメニューとしては不要だと思う。
スクロールの中にスクロール表示するのはいやだし、昔はコメント部分がひとまとめされてたのでそこだけスクロールにしてたのだけど、今構造が破壊されているのでこうする他ない。

はてなブックマークのAPIを弄る。

bookmark.hatenastaff.com
このような形ではてなの公式ページが勝手に変わる為、もはやStylyshでは足りないという判断から、はてなブックマークAPIの活用を図る事を検討中。


なお、ブックマーク参照とかするサンプルページとして、
A さんの件について - naoyaのはてなダイアリー
https://twitter.com/neenya00/status/899105175930941440

を利用。

エントリのブクマページ情報取得

はてなブックマークエントリー情報取得API - Hatena Developer Center

ここではjsonliteを使います。

http://b.hatena.ne.jp/entry/jsonlite/http://d.hatena.ne.jp/naoya/20170725/1500942772

{
  "count":2282
  ,"bookmarks":
    [{"timestamp":"2017/08/21 06:47:54","comment":"","user":"mipatamu","tags":[]}
    ,{"timestamp":"2017/08/18 09:03:33","comment":"","user":"caopatbc","tags":[]}
    ,{"timestamp":"2017/08/18 07:04:04","comment":"","user":"mitatabek","tags":[]}
    ,{"timestamp":"2017/08/17 10:01:16","comment":"","user":"uzumaki2283","tags":[]}
    ,{"timestamp":"2017/08/17 08:33:09","comment":"","user":"sakikadoit","tags":["\u306f\u3066\u306a","\u4eba\u751f"]}
    ,{"timestamp":"2017/08/10 10:08:36","comment":"","user":"lleidou","tags":[]}
    ,{"timestamp":"2017/08/10 07:26:39","comment":"","user":"tsumegus","tags":[]}
    ,{"timestamp":"2017/08/09 10:11:36","comment":"","user":"asayoi256","tags":[]}
    ,{"timestamp":"2017/08/09 10:06:29","comment":"","user":"hideeeeeeeeeeeeee","tags":[]}
    ,{"timestamp":"2017/08/09 09:40:31","comment":"","user":"morokato63","tags":["\u306f\u3066\u306a","\u4eba\u751f","\u7537\u5973"]}
    ,{"timestamp":"2017/08/08 10:18:36","comment":"","user":"taxi45","tags":[]}
    :
    :
    ,{"timestamp":"2017/07/25 10:03:24","comment":"\u30aa\u30c3","user":"Lian","tags":["\u30f2\u30c1"]}
    ,{"timestamp":"2017/07/25 09:52:48","comment":"","user":"shonanboy","tags":[]}]
  ,"url":"http://d.hatena.ne.jp/naoya/20170725/1500942772"
  ,"eid":342372615
  ,"title":"A \u3055\u3093\u306e\u4ef6\u306b\u3064\u3044\u3066 - naoya\u306e\u306f\u3066\u306a\u30c0\u30a4\u30a2\u30ea\u30fc"
  ,"screenshot":"http://screenshot.hatena.ne.jp/images/200x150/d/9/d/4/d/958fb92d4e06ee288e5b82df8d3e0927a77.jpg"
  ,"entry_url":"http://b.hatena.ne.jp/entry/d.hatena.ne.jp/naoya/20170725/1500942772"
}||<

[http://b.hatena.ne.jp/entry/jsonlite/https://twitter.com/neenya00/status/899105175930941440]
>||
{"count":2
,"bookmarks":
  [{"timestamp":"2017/08/22 16:48:58","comment":"https://www.gyokuhokan.jp/","user":"houyhnhm","tags":["\u306a\u304a\u306b\u3083\u3093","\u79d2\u901f\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8"]}]
  ,"url":"http://twitter.com/neenya00/status/899105175930941440"
  ,"eid":343803339
  ,"title":"\u306a\u304a\u3084\u3055\u3093\u3078\u3055\u3093\u306e\u30c4\u30a4\u30fc\u30c8: \"\u306a\u304a\u3084\u3055\u3093 \u306a\u304a\u3084\u3055\u3093\u3068\u4f0a\u8c46\u306e\u7389\u5cf0\u9928\u306b\u884c\u3063\u305f\u601d\u3044\u51fa\u3092\u66f8\u3044\u305f\u3089\u3001\u4eca\u671d\u306f\u306a\u304a\u3084\u3055\u3093\u304c\u5922\u306b\u51fa\u3066\u304d\u3066\u5e78\u305b\u3067\u3057\u305f\u3002\u4eca\u3067\u3082\u5927\u597d\u304d\u3067\u3059\u3002 \u304a\u8fd4\u4e8b\u3092\u304a\u5f85\u305f\u305b\u3057\u3066"
  ,"screenshot":"http://screenshot.hatena.ne.jp/images/200x150/7/a/b/b/f/7b8dd3c69974d25f8f8c1f14a4991b7c41f.jpg"
  ,"entry_url":"http://b.hatena.ne.jp/entry/twitter.com/neenya00/status/899105175930941440"
}

ブクマしているユーザの一覧(おそらく公開する設定のブクマのみに絞り込まれてますが)が取得出来ます。

はてブアプリのUIが謎。

わざとかと思うほどアンチパターン突っ込んでくるのやめてほしい。

目が滑るメニュー。

「ホーム(総合)」

「For You」

「お気に入り」

「関心ワード」

-------------

「世の中」

いや、For Youとお気に入りの間に区切り入れろよとは思うよ。

「For You」みたいなはてながユーザに押し付けてくるのは別に好きにすりゃいいけどそれはてブのトップみたいな何かでしょ。

 

いや、もうお気に入りしか触らんようにしてなるべく不愉快減らそうとは思うけど、「ホーム(総合)」と「For You」を並べられると不愉快感が半端ない。ダサい。

 

謎の栞マークが浮かんでるのにイラッとする。

マイブックマーク、なのは今は分かるけどさ。

一瞬何なのか分かんなかったよ。勲章?

 

何でメニューからは行けないの?何でエントリリストではアイコンで主張してくるの?何なの?死ぬの?

 

 

意味が分からないんだよ。何でエントリリストからショートカットで飛べるようになってるのか全く意味が分からないんだよ。

普通は改善していくもんだけど。

何というか。

UIが毎度変で改善されてる気にならない。

 

やはり、リベンジポルノだけでテクノロジーに分類されるのは、ちょっとおかしいぞはてなブックマークのカテゴリ判別。

タイトルで言い終わった。


次は・・・・・・やめとくか。

はてなブックマーク改造の今後。

alazif.hateblo.jp
alazif.hateblo.jp
の続き。

現在の見た目。

f:id:houyhnhm:20170704152719p:plain

やりたい事

  • 記事のタイトル近くにボタンおいて、コメントとか要約の折りたたみ
  • メニューバーの機能アップ
    • お気に入りへのリンクとかを。
    • ここもリンク並べるんじゃなくて、ワンクリックで開くようなメニューにしたい。


やはりJSがいるんだろうかな。

こんな感じだろうか。

alazif.hateblo.jp
anond.hatelabo.jp

確かに2カラムにこだわる事もないなー。

なお、お気に入りへは、

http://b.hatena.ne.jp/my/favorite

とすると、myを自分のIDに変えたURLにリダイレクトされる。

/* 増田ネタ
https://anond.hatelabo.jp/20170704003736
*/

.wrapper-container-inner {
  width: 90%;
}

#center-container {
  width: 100%;
  margin:0;
}

#left-container, #right-container, .entry-image-block {
  display: none;
}

.wrapper-container-inner.left-column-line {
  background-image: none;
}
.entry-block blockquote {
  display: none;   
}
/**/

ul.entry-comment{
    max-height:100px;
    overflow:auto;
}
a.entry-link:visited{
    color:#883388 !important;
}

コメント表示の圧縮(3人目からスクロールさせる)のは、昔からやってた。
訪問後訪問前の区別は結構してた(ただこれブラウザ単位の記憶でしかないが)。
他、全体的に文字が大きいので、zoomいれようかと思ったけど、まあそれブラウザの機能で出来るので保留。


あとは、ほぼヘッダが使えない子になってしまったのでどうすっかなあ。

見た目をStylishで変える。

bookmark.hatenastaff.com
強制的に変えられてしまったので。


ユーザとしては、

  • API使って画面作る

他、

という方法がある。


過去を完全再現とはいかないのだが・・・・・・

f:id:houyhnhm:20170703181547p:plain
として
f:id:houyhnhm:20170703181609p:plain
な感じ。


因みにVivaldiなのだが、Chromeでもやれると思う。

正規表現

http://b[.]hatena[.]ne[.]jp/.+/favorite

CSS内容

li.hotentry,li.interest,li.unread_bookmark,div#appstore-link,div#follow-official-account,div#right-container{
    display:none;
    width:0%;
    margin:0;
    padding:0;
}
div#center-container{
	width:720px;
}


ul.entry-comment{
    max-height:60px;
    overflow:auto;
}
.entry-title a:visited{
    color:red;
}
.entry-title a:hover{
    background-color:#EEEEEE;
}

色々やりすぎているような気もするが、ユーザサイドで動作させてるんで問題なかろう。


本命はGreasemonkeyでいじる(クリッカブルなの作るのがいいかと思うので)までのツナギ。

はてなブックマークアプリの改定が、久々の「これはいい」というものが。

動線が不慣れでまだイマイチしっくり感はないのだけど。

コメント一覧機能がやっと出来た。

そう。それもスクロールとか読み込みとかでなくて、タブで出来ているのは良い。いや、遷移中に読み込むような作りでも良かったけど。
この画面がメインに来ると大変ありがたいのだけど。


そう、ツッコミ入れるなら「反応」タブの画面かな。あの画面、「ブックマークユーザ」の羅列はちょっと工夫した方がいいんじゃないかと思う。お気に入りユーザのコメントはさっと見れるのはありがたい所はあるんだけど、そうなると「お気に入り」の画面の所のコメントとダブる。いっその事、お気に入り画面には記事と人アイコンだけでもいいかも知れない。となると、そこの画面からの遷移はブクマページの方がいいよね、とか。
PCの画面とあえて合わせる必要はない。


とはいえ、今回の改造は大変使いやすくなった。

スターがだいぶ押しやすくなった。

これはちょっと前からだけど、ただ、如何せんあの面倒くさいUIを覚えてしまっていて指があんまり動かないんだわこれが。
もう少しスターつけていきたいとは思う。

ブコメ入力が少し不安定。

なのだけど、これはGoogleの入力側の問題かも知れない。

しかし、オシャレ感は本当にないなー。

ニュースアプリの難しい所かもだが、機能を追求すると無骨になりがちで、はてブアプリもそんな所がある。いや、PC版のホッテントリは意味ないよ。あれがスマホで、PC版はむしろ機能もゴリゴリ追求したらいいし。


今回タブになったが、オシャレ感を出すならそこの切り替えをスワップとかでもいいかもとは思うんだよ。画面の端っこに案内でもつけてさ。スマホのランチャーみたいな感じで。そういう操作性を追求してもいいんではないかなーと。ただ、どうしてもそういう操作性には時代性があるので、難しいけど。
あと、はてなのDNAとして、エッジが立ったようなUIは苦手としているのがあるので、これ多分トップのセンスが変わらないと無理だと思う。フォントのエイリアスをやたら気にする世代だと思うしね。

はてなツールバーや、はてなスクリーンショットが消えている。

Firefox対象外という事なんでしょうか。
それとも、ブックマークと通知以外はもうやらない、ぐらいな感じでしょうかね。


会社のリソースは確かに無限ではないし、選択と集中は必要です。


と言うと、聞こえはいいんですが、早い話が、メンテナンス出来ないという事です。
もうWeb企業という訳でもなく、今後、会社としても「はてな保守」「はてな博打」「はてな出稼ぎ」ぐらいに分離してくとは思います。
で、正直な所、はてな保守からはリソースが引っこ抜かれてくのはもう仕方ないんです。商売上、拡大が望めない領域であり、ここ十年くらいは敗北の歴史だったり、インターンのネタ程度としか認識されてないですから。


色々、タイアップして金稼ぐプロジェクト起こすのは分かるんですが、ドンドン、技術の会社、サービスプロバイダでなくなっていてイベント屋に近くなってきてるような気がします。まあ、仕方がないのは分かるんですがね。自社サービスの再発明でリソース食い過ぎて、というのもあるでしょうし、正直今そこまでWebサービスに超えたら面白くなりそうなキャズムがないんですよねー。
そうこうしているうちに、創業者が引退の世代になってくるし。会社の成長というのは、個人の成長を超えないと話にならんのですが、そこら辺がちと弱いのよなあ。Web企業一般そうですが。