Monthly Archives: 11月 2018

2018-11-14 ,

Google Calendarで過ぎた日の色を変える(2018)

Google Calendarで過ぎた日の色を変える が動かなくなって久しいので調べて書き直しました。

DOMを見たところ、カレンダーの各セルにdata-datekeyという属性があったのでこれを使えば簡単そうだなと。 このdatekeyの数字の意味については Googleカレンダーのdata-datekeyの謎 で。

次のようなユーザースクリプトを作ってGreasemonkeyなりTampermonkeyで使えばOKでした。

(function(){
    'use strict';

    var timer = null;
    function schedule(){
        if(timer){
            clearTimeout(timer);
        }
        timer = setTimeout(update, 200);
    }

    function update(){
        const PAST_COLOR = "#eeeeee";
        const TODAY_COLOR = "#ffffaa";

        const now = new Date();
        const todayKey = (now.getFullYear()-1970)*512+(now.getMonth()+1)*32+now.getDate();
  
        const cells = Array.prototype.slice.call(document.querySelectorAll("[data-datekey]"));
        cells.forEach((e)=>{
            if(e.dataset.datekey < todayKey){
                e.style.backgroundColor = PAST_COLOR;
            }
            else if(e.dataset.datekey == todayKey){
                e.style.backgroundColor = TODAY_COLOR;
            }
        });
    }

    var observer = new MutationObserver(schedule);
    observer.observe(document.body, {childList:true, subtree:true});

    update();
})();

DOMが書き換わってから100msだと切り替えたときにたまに元に戻ってしまうことがあったので200msにしました。

2018-11-14

Googleカレンダーのdata-datekeyの謎

Google Calendarで過ぎた日の色を変えるが大分前から動かなくなっているので新しいカレンダーのデザインを調べたのですが、日付のセルに data-datekey という属性が指定されているのに気がつきました。

今日11月14日だと data-datekey="24942" となっています。

最初はどこかの起点から経過日数かと思ったのですが、逆算してみると1950年8月1日??

よく見てみると、月の間や年の間で日数が飛んでいます。ははぁ、これは y*Y+m*M+d みたいな形式だなぁ。

24609 2018-01-01
24927 2018-10-31
24929 2018-11-01
24958 2018-11-30
24961 2018-12-01
24991 2018-12-31
25121 2019-01-01

うーん……2018年1月1日から2019年1月1日が 25121-24609=512 (=2^9)、11月1日から12月1日が 24961-24929=32 (=2^5)。

  • 1年で512
  • 1月で32
  • 1日で1

つまり

(y-1970)*512 + m*32 + d

※(m、dは1から始まる月、日)

ビット演算でやるなら

((y-1970)<<9) | (m<<5) | d

ですね。

2018-11-04

2018秋の新番組

今期はこれはといったものはありませんがそれなりなものはいくつか。

△→○ 09/30(日) 22:30 TOKYO MX DOUBLE DECKER! ダグ&キリル
10/01(月) 22:00 TOKYO MX Thunderbolt Fantasy 東離劍遊紀2
× 10/01(月) 22:30 TOKYO MX あかねさす少女
10/01(月) 24:00 TOKYO MX 転生したらスライムだった件
10/01(月) 25:00 TOKYO MX 宇宙戦艦ティラミスII
× 10/01(月) 26:20 テレビ東京 軒轅剣 蒼き曜
△→× 10/02(火) 17:55 テレビ東京系 爆釣(ばくつり)バーハンター
10/02(火) 25:00 BS11 異世界居酒屋~古都アイテーリアの居酒屋のぶ~
○→△ 10/02(火) 25:00 TOKYO MX 人外さんの嫁
○→× 10/02(火) 25:29 日本テレビ 風が強く吹いている
× 10/03(水) 17:55 テレビ東京系 トロールズ-シング・ダンス・ハグ!-
10/03(水) 22:24 TOKYO MX ほら、耳がみえてるよ!
△→× 10/03(水) 24:00 TOKYO MX ソラとウミのアイダ
10/03(水) 25:05 TOKYO MX RErideD(リライデッド) -刻越えのデリダ--
△→× 10/04(木) 24:00 TOKYO MX ゾンビランドサガ
10/04(木) 25:05 TOKYO MX でびどる! コチンPa!
10/04(木) 25:28 TBS 学園BASARA
× 10/04(木) 25:58 TBS BAKUMATSU ~恋愛幕末カレシ 外伝~
10/05(金) 17:55 テレビ東京系 イナズマイレブン オリオンの刻印
○→× 10/05(金) 22:00 TOKYO MX 火ノ丸相撲
10/05(金) 22:30 BSスカパー グラゼニ シーズン2
△→× 10/05(金) 22:30 TOKYO MX やがて君になる
△→× 10/05(金) 24:00 TOKYO MX 抱かれたい男1位に脅されています。
10/05(金) 24:30 TOKYO MX とある魔術の禁書目録Ⅲ
10/05(金) 25:05 TOKYO MX ジョジョの奇妙な冒険 第5部 -黄金の風-
× 10/05(金) 25:23 テレビ東京 宇宙戦艦ヤマト2202 愛の戦士たち
△→× 10/05(金) 25:25 TBS 寄宿学校のジュリエット
△→× 10/05(金) 25:35 TOKYO MX おこしやす、ちとせちゃん
10/05(金) 25:40 TOKYO MX うちのメイドがウザすぎる!
10/05(金) 25:55 TBS 色づく世界の明日から
10/06(土) GYAO! お酒は夫婦になってから 第14話(未放送話)
△→× 10/06(土) 07:55 TOKYO MX ほしの島のにゃんこ
10/06(土) 09:20 NHK Eテレ ピングー in ザ・シティ
△→× 10/06(土) 17:30 日本テレビ系 逆転裁判 Season2 その「真実」異議あり!
△→× 10/06(土) 17:35 NHK Eテレ ラディアン
10/06(土) 22:00 TOKYO MX となりの吸血鬼さん
10/06(土) 23:30 TOKYO MX 青春ブタ野郎はバニーガール先輩の夢を見ない
10/06(土) 24:00 TOKYO MX ソードアート・オンライン -アリシゼーション- (第3期)
△→× 10/06(土) 25:00 GYAO! その時、カノジョは
10/06(土) 25:00 TOKYO MX SSSS.GRIDMAN
10/06(土) 25:30 TOKYO MX ゴブリンスレイヤー
10/07(日) 06:54 テレビ東京 愛玩怪獣
10/07(日) 07:00 テレビ東京系 FAIRY TAIL(フェアリーテイル) ファイナルシリーズ
△→× 10/07(日) 22:00 TOKYO MX ユリシーズ ジャンヌ・ダルクと錬金の騎士
10/07(日) 23:30 TOKYO MX RELEASE THE SPYCE
× 10/07(日) 24:00 TOKYO MX アニマエール!
10/07(日) 25:00 TOKYO MX 終電後、カプセルホテルで、上司に微熱伝わる夜。
10/07(日) 25:35 TOKYO MX ガイコツ書店員 本田さん
10/07(日) 25:50 TOKYO MX ひもてはうす
10/08(月) 23:00 TOKYO MX ゴールデンカムイ 第二期
10/08(月) 24:30 TOKYO MX 蒼天の拳 REGENESIS 第2期
○→△ 10/08(月) 25:10 TOKYO MX 狐狸之声
10/08(月) 25:25 TOKYO MX おとなの防具屋さん
10/08(月) 26:40 Amazon Prime 走り続けてよかったって。
10/09(火) 21:54 TOKYO MX アイドルマスター SideM 理由あってMini!
10/09(火) 23:00 TOKYO MX 東京喰種 トーキョーグール:re (第2期)
△→× 10/09(火) 25:40 TOKYO MX CONCEPTION 俺の子供を産んでくれ!
△→× 10/10(水) 25:35 TOKYO MX 俺が好きなのは妹だけど妹じゃない
10/11(木) 22:30 TOKYO MX からくりサーカス
× 10/11(木) 23:30 TOKYO MX メルクストーリア -無気力少年と瓶の中の少女-
10/12(金) 26:10 TOKYO MX 閃乱カグラ SHINOVI MASTER -東京妖魔篇-(第2期)
10/13(土) 24:30 TOKYO MX ベルゼブブ嬢のお気に召すまま。
10/17(水) 24:55 フジテレビ Ingress
10/21(日) 24:10 NHK総合 ツルネ-風舞高校弓道部-
10/25(木) 22:00 TOKYO MX 叛逆性ミリオンーアーサー
10/26(金) Netflix 悪魔城ドラキュラ(キャッスルヴァニア) 第2シーズン

2~3話時点でのお気に入り: