らいちのヒミツ基地

公然のひみつ基地です

MENU

はてなブログでトップページを判定する方法

Introduction

こんにちは。阿豆らいち(@AzuLitchi)です。

今回は、はてなブログのトップページを判定する方法についての解説です。

 

はてなブログでトップページを判定する方法

Minimal Greenさんのこちらの記事の・・・

blog.minimal-green.com

// URLがトップページのとき実行

if(location.href=='http://example.com/'){

    $('#main-inner').before($('.toppage-add'));

このコードを見たらいちが、TwitterでMinimal Greenさんに絡み始めました。 

f:id:AzuLitchi:20171109005434j:plain

f:id:AzuLitchi:20171109005440j:plain

f:id:AzuLitchi:20171109005444j:plain

f:id:AzuLitchi:20171109005447j:plain

f:id:AzuLitchi:20171109005451j:plain

f:id:AzuLitchi:20171109005459j:plain

f:id:AzuLitchi:20171109005502j:plain

面倒くさいことを回避するためならどんな面倒もいとわない!

 

そして数時間後・・・ 

f:id:AzuLitchi:20171109005505j:plain

結局URLで判定です。はてなの管理画面のURLも判定するようにしただけ。

私のコードは一部不具合ありましたがMinimal Greenさんが直してくれました。

 

こちらのjQueryコードをフッタに埋めてトップページかどうか判定できます。

var TopUrl = $(location).attr('protocol') +'//'+ $(location).attr('host')+'/';
var myUrl = location.href;
if(myUrl==TopUrl || myUrl==TopUrl+'preview/index_design'){
    // URLがトップページのとき実行するコード
}

 

これで、インデックス形式のトップページをページ送りすると消える、本当のトップページだけに表示させるアイテムなどを配置したりできます。

 

早速、過去のスプラトゥーン記事で書いたカラーイラストをランダムに一枚表示するJavaScriptを埋め込んでみました。

http://azulitchi.hatenablog.jp/

f:id:AzuLitchi:20171109010204j:plain

トップページのヒミツ基地感がじわじわ増して来たと思います。

 

これも、わかる人ならばこのブログのトップページのHTMLとCSSとJavaScriptはソース読んで使ってもらってもOKです。

但しそのコードを改変なくそのままコピペして記事に転載するのはNGです(改良してコードを紹介される分には構いません)。

 


 

面倒くさいことを回避するためならどんな面倒もいとわない!

は、割とホントに普段の仕事の時の信条としています。

 

Excelのシートから大量のdivカード作る作業がちょう面倒だったので、csvをphpで読んでhtmlを出力するスクリプトをゴリゴリ書いてみたりとか…

 

そういう面倒なことをして、次に同じ作業依頼が来た時には面倒なことから回避したいのです。自作ツールの数だけ作業が速くなるのです。

 

・・・同じ作業を依頼されないこともままありますが。

 

 

それではまた…さよならいち!・∀・)ノ