2016-05-31

はてなブログの記事のページャーが改善(スマートフォンのみ)

はてなブログ

スマートフォンのみですが、はてなブログの記事のページャーが改善されて、縦並びになったりサムネイルがついたり、前後関係がわかりやすくなるよう日付も表示されるようになりました。

staff.hatenablog.com

編集画面のプレビュー(スマートフォン)から確認。

f:id:splicom:20160531224044j:plain

自分が以前書いたスクリプトは不要になったかと思いましたが、スマートフォンのみの対応なのでPCではまだ使えます。日付や前後関係の表示についてはPCもぜひ対応していただきたいです…

sprint-life.hatenablog.com

2016-03-10

はてなブログで自分のブログの読者一覧が追加

はてなブログ

はてなブログで自分のブログの読者になっているユーザーの一覧が見れるようになりました。

staff.hatenablog.com

自分もだいぶ前にaboutのページから読者一覧を出力するスクリプトを書いたんですが、現在は読者が100人以上？のブログだと表示数に制限+ランダムという仕様に。この変更にともなって一覧が見たいという要望が増えたものと思われます。

sprint-life.hatenablog.com

表示されるのは読者(ユーザーID)と購読開始日時(何日前など)

f:id:splicom:20160310225115j:plain

上の画像はウインドウを縮めてますが、表示欄には余裕がありそうなので、「購読中のブログ」みたいに最新記事のタイトルと読者登録(または解除)のボタンもあると便利だと思います。便利にしすぎると誘導目的の読者登録を助長してしまうのかもしれませんが…

2016-02-22

はてなブログで「購読中のブログ」の一覧をブログカード形式で取得する

はてなブログ JavaScript

以前書いたスクリプトで取得する内容を変えているだけなので追記にした方がよかったかもしれませんが。記事を書いた当時はまだブログカードがなかった(と思う)ので。

sprint-life.hatenablog.com

購読中のブログのページで実行するとこんな感じで一覧が出力されます。PCのブラウザが前提です。

f:id:splicom:20160222223846j:plain

ユーザーID、ブログカード形式のリンク、ブログの最新記事のタイトルを表示していますが、編集方法が見たままモードだとリンクが使えないかもしれません。

var page_number = 1; // 「購読中のブログ」の最後のページ数(URLのantenna?page=にある数字)
var page_index = 1;
var blog_count = 0;

var header = document.getElementById("main-header");
var textarea = document.createElement("textarea");
textarea.cols = 150;
textarea.rows = 10;
header.appendChild(textarea);

var req = new XMLHttpRequest();

req.onreadystatechange = function() {
  if (req.readyState == 4 && req.status == 200) {
    var dom = document.createElement("dom");
    dom.innerHTML = req.responseText;
    dom.getElementsByClassName("admin-subscribe-wrapper-right").item(0).remove();

    var users = dom.querySelectorAll("a.entry-unit-user-name");
    var entries = dom.querySelectorAll("h3.entry-unit-entry-title");

    for(var j=0; j<users.length; j++) {
      // users[j].textがユーザーID、users[j]がURL、entries[j].innerTextが最新記事のタイトル
      textarea.value += "id:" + users[j].text.trim() + "\n" + "[" + users[j] + ":embed:cite]" + "\n" + entries[j].innerText.trim() + "\n\n";
      blog_count++;
    }
    page_index++;
    if(page_index <= page_number) {
      var url = "http://blog.hatena.ne.jp/-/antenna?page=" + page_index;
      req.open('GET',url, true);
      req.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
      req.send();
    }else{
      textarea.value += "購読中のブログは" + blog_count + "件です";
    }
  }
}

req.open('GET',"http://blog.hatena.ne.jp/-/antenna", true);
req.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
req.send();