親バカエンジニアのナレッジ帳

webのエンジニアをやっており、日頃の開発で詰まったことや書き残しておきたいことを載せています。

AMP

はてなブログのAMPページで記事ごとに手動でAdsenseを設置!

はてなブログのAMPページ はてなブログでは、有料アカウントであるPROになるとページをAMPに対応させることができます。 AMPページは高速にページを表示することが可能で、ユーザにとってすぐに情報を見れるような仕組みでありSEOにも効果がある(対応しない…

AMPページではてなブックマークのシェアボタンを動的に設置

AMPページではシェアボタンを置きたくなることが多い もはやwebページでは必ずと言ってもいいくらいシェアボタンを設置しますよね。 影響力のあるユーザに拡散してもらえれば一気にPV数を増やすことができます。特にAMP対応のページを作る場合、SEOを意識し…

Spring BootでページごとにSPAとAMPを切り分ける方法

Spring BootでSPAとAMPの併用 Spring Bootでは基本的にフロント側はThymeleafを使用し、サーバサイドで取得した変数を活用して描画させますが、HTMLの組み方によってはAMPページもThymeleafで作成することができます。 一方SPAはSingle Page Application(シ…