LoginSignup
3
2

More than 5 years have passed since last update.

がっこうぐらし!公式サイトの昼夜切り替えブックマークレット

Last updated at Posted at 2015-09-11

概要

アニメ「がっこうぐらし!」の公式サイトは訪れる時間帯によって雰囲気が変わります。ということでその昼夜のバージョンを切り替えるブックマークレットを作りました。

ブックマークレット

javascript:!function(){if("gakkougurashi.com"==location.hostname){var i=location.pathname.split("/")[1],o=$("body").hasClass("morning");$("body").toggleClass("morning",!o).toggleClass("night",o),$("#main_img").children("img").attr("src","/core_sys/images/main/"+("question"==i?"cont/---/---"+(o?"---":""):"top/main_img"+(o?"_ni":""))+".jpg"),o?$("#side_top,#side_bottom").remove():$("#side").prepend('<div id="side_top"></div>').append('<div id="side_bottom"></div>'),"chara"==i&&$("#clbgo1,#clbgo2,#clbgo3,#clbgo4,#clbgo5,#clbgo6,#clbgo7,#clbgo8").each(function(){this.src=o?this.src.replace(/\.jpg$/,"ni.jpg"):this.src.replace(/ni\.jpg$/,".jpg")}),"staffcast"==i&&$("#com_img1,#com_img2,#com_img3,#com_img4,#com_img5").children("img").each(function(){this.src=o?this.src.replace(/\.png$/,"ni.png"):this.src.replace(/ni\.png$/,".png")})}}();

登録の仕方

  1. まずこのページをブックマークに登録します。
  2. 上記コードをコピーします。
  3. 今登録したブックマークを編集する画面を開きます。
  4. タイトルは好きな名前にし、URLのところに先ほどコピーしたコードをペーストします。

使い方

  1. がっこうぐらし!公式サイトを開きます。
  2. ブックマーク画面を開き、登録したブックマークレットを開きます。
  3. 昼夜のバージョンが入れ替わります。2をすることで繰り返し使えます。

元ソース

jQueryが使えるので使いました。キャラクター、スタッフ・キャスト、???のページは個別に対応が必要でした。

(function() {
  if (location.hostname !== "gakkougurashi.com") return;
  var path = location.pathname.split("/")[1];
  var morning = $("body").hasClass("morning");
  $("body").toggleClass("morning", !morning).toggleClass("night", morning);
  if (path !== "question") {
    $("#main_img").children("img").attr("src", "/core_sys/images/main/top/main_img" + (morning ? "_ni" : "") + ".jpg");
  } else {
    $("#main_img").children("img").attr("src", "/core_sys/images/main/cont/---/---" + (morning ? "---" : "") + ".jpg");
  }
  if (morning) {
    $("#side_top,#side_bottom").remove();
  } else {
    $("#side").prepend('<div id="side_top"></div>').append('<div id="side_bottom"></div>');
  }
  if (path === "chara") {
    $("#clbgo1,#clbgo2,#clbgo3,#clbgo4,#clbgo5,#clbgo6,#clbgo7,#clbgo8").each(function() {
      if (morning) {
        this.src = this.src.replace(/\.jpg$/, "ni.jpg");
      } else {
        this.src = this.src.replace(/ni\.jpg$/, ".jpg");
      }
    });
  }
  if (path === "staffcast") {
    $("#com_img1,#com_img2,#com_img3,#com_img4,#com_img5").children("img").each(function() {
      if (morning) {
        this.src = this.src.replace(/\.png$/, "ni.png");
      } else {
        this.src = this.src.replace(/ni\.png$/, ".png");
      }
    });
  }
})();

その他

10月17日 ブックマークレットを更新しました。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2