僕の利用しているSNS宣伝

僕のやっているSNSを宣伝しようと思うんだ

今日はSNSの宣伝をしていこうと思います。そうです、ついに僕もTwitterをね……はじめて……しまって…………ないんですね……。ただ、ブログだけでなくSNS通じてネット上で交流とか親睦を深めていくとかはやっていきたいなって思ってるので、昔に登録したSNSの宣伝とかをしていこうと思います。

そう、こいつだ！
Ando (@andou666) — 3749 answers, 171 likes | ASKfm
質問インタビュー系SNSのAsk.fmだ！みんなよろしくな！

おわり

これだけだと面白くないのでなんか作ったものを載せておきます

Ask.fmなんですけどデフォルトだと画像はURL貼り付けられるだけで一々中身を確認しに行かないといけません。なので、左の状態の質問を右のような画像表示させた状態にするTampermonkey用のユーザスクリプトを作りました。

プライバシー問題になるかは分かりませんが質問の方一応モザイクかけときました。

以下クソコード

(function() {
    'use strict';
    // 読込時
    let changes = document.querySelectorAll('a[rel="nofollow noopener"]');
    changes.forEach((el)=>{
        if(!el.innerHTML.match(/<img/)){
            el.innerHTML ='<img width="100%" src="'+el.innerText+'"/>';
        }
    });

    // 無限スクロールへの対応
    ( function loop(){
        requestAnimationFrame( loop );
            // スクロールイベント負荷対応
            var timer ;
            window.addEventListener('scroll', () => {
                clearTimeout( timer );
                timer = setTimeout(()=>{
                    let matches = document.querySelectorAll('a[rel="nofollow noopener"]');
                    matches.forEach((el)=>{
                        if(!el.innerHTML.match(/<img/)){
                            el.innerHTML ='<img width="100%" src="'+el.innerText+'"/>';
                        }
                    });
                    // console.dir(matches); // 確認用
                }, 500);
            });
    } )();
    // Your code here...
})();

無限スクロールに試行錯誤してるんですけどいまいち負荷に対してどう対応すればいいのかよく分からないでいる…。あとそこのコード修正に気をとられて画像のマッチングも怪しい仕様になってます。現状なぜかImgurリンクの人ばかりでイレギュラーな事態に遭遇していないので放置してます。

おわり