Webサイト開いたときに上部に告知的な何かでてくるようにしたら何か使えないかなとか思って

勝手に既存のサイトをいじりたいときあるよね

はい、おはようございます。僕です。最近既存のWebサイトに自分の欲しい情報をねじ込むなどをやりたいなって思ったのでそれやります。

まずはこれをみてくれ。

はてなブログにはてなブログ読んでねというもの追加してみました。今回は試しにやっているだけなので特に中身はありません。本当は適当なAPI引っ張ってきたりして情報を独自に組み合わせるとかやりたかったけども今回それやりたいわけでないのでこれで……。

ものとしてはこんな感じのものを挿入してます。

(function() {
    'use strict';
    window.addEventListener('load', (event) => {
        const myTag = document.querySelector("body");
        myTag.insertAdjacentHTML('afterbegin', '<h1>はてなブログを読もう</h1>');
    });
})();

ただヘッダーとかが固定されているケースだとbody直下に置いても良い感じに表示されない……。良い感じにする方法ないかな……。

でもinsertAdjacentHTML()、こういうのを使ってやると好きなところにタグをねじ込めるっぽいので何かメモ的なもの挿入したいときにいいかもしれない。
参考
element.insertAdjacentHTML - Web API | MDN

ということでこれで僕好みの何かにカスタマイズしていきたい。フフフ……。

ちなみに利用しているツールはこれとかで動かしてます。
inujini.hatenablog.com

おわり