ボンタン飴
プログラミングとかLinux関連のこととかなんかそんなようなことのメモ書き程度な感じ。もし何か役に立ったなら「ありがとよ」とだけでも言っていただけるとすごく嬉しいです。
2023年9月20日水曜日
MoneyForwardの口座の更新ボタンが遅いから改善要望を出したらとんでもないことになった
2020年11月17日火曜日
サイトの表示高速化のためにPage Speed Insightsを利用しましたとさ。
1.レンダリングを妨げるリソースの除外
2.適切なサイズの画像
3.効率的な画像フォーマット
2020年11月16日月曜日
Googleアナリティクスでイベントを送信する。
アナリティクス数年見てなかったけど、だいぶ進化しているようですね。
進化して色々機能が増えてて、逆に見方がまだよくわからないですが・・・w
なんか独自のイベントを送信して測定できるようなので試しにやってみました。
イベントを送信ってのは、サイト内の特定のページをみたり、フォームを送信したり、リンクをクリックしたとかを検知することができるということですね。
やり方としては、この辺書いてある通りなんですが
新バージョンのアナリティクス(GA4)で管理→データストリームから詳細を開いて
タグの設定手順の「グローバル サイトタグ(gtag.js)」ってところにコードがあるのでこれをまずheadタグ内に貼り付けます。
リンクをクリックとかだったらリンクにonclick="gtag('event','xyz');"とかやればひとまずそれっぽくなりますが、こちらのドキュメントにあるようにイベントコールバック関数の実装とかした方がいいです。
このドキュメントほぼコピペでいけるんじゃねえかな(適当)
私は今のところ使い道がないので試しに触っただけなのでやってないですが一応検知はできてました。
(逃してるのもあるかもしれないけど逃したら逃したことすらわからないぜ)
要望がどっかから聞こえてきたらもっと詳しく解説するかもしれない(気分)
ネトゲ廃人になりたいので投資について勉強しなおしています。
2020年10月31日土曜日
このサイト明るすぎて目が痛い!って時に使うディスプレイの設定を変えずに画面を暗くするブックマークレット。
たぶん需要はほとんどない、いやむしろ全くないと思う無駄スクリプトのご紹介です。
本スクリプトご紹介する前にブックマークレットというものについて軽く説明しておきます。
ブックマークレットというのはブックマークの機能を利用してURLのとこにjavascriptなどの?コードを入力しておくことでブックマークを利用するかのように、スクリプトを手軽に実行できる裏技的なものです。
例えばどんなことができるのかというと
- 通常はリピート再生できないYouTube動画をリピート再生する
- YouTubeの動画ページで起動すると、通常はない「ダウンロード」ボタンが出現します。
とかできるようですね。
もっと詳しい説明と上記のようなブックマークレットのご紹介はこちらのサイトにありました。
このようにブックマークレットも誰かが配布してくれてたりするので、こんなのできないかな~?って思ったら探してみてもいいかもしれません。
もちろん自分で作っても良いでしょう。
さてそれでは今回のスクリプトはこちらです。
下記をドラッグアンドドロップでブックマークバーに追加すれば使えるはず!
スクリプトの中身としては下記になります。
javascript:
if (document.getElementById('ranaRuta')) {
document.getElementById('ranaRuta').remove();
} else {
let d = document.createElement('div');
d.id = 'ranaRuta';
d.style.cssText = 'top:0; left:0; width:100%; position: fixed; height:100%; background-color:black; opacity:0.5; z-index:10000; ';
let b = document.getElementsByTagName('body')[0];
b.insertBefore(d, b.firstChild);
}
(あ、なんかすげえ見づらいけど、ま、いいか)
真っ黒だけど半透明なdivで画面全部覆ってだけです。
divで覆ってしまうので画面内のボタンとか押せなくなります。
もう一度使うと元に戻りますので戻してから操作してください。
下記のcssの部分をいじれば色をかえたり、明るさを調節できますね。
top:0; left:0; width:100%; position: fixed; height:100%; background-color:black; opacity:0.5; z-index:10000;
一体なんのためにつくったのか、それは画面が明るすぎると目が痛いけど、ディスプレイの設定をいちいち変えるのが面倒だからです。