善か悪か twitterで一括フォローするブックマークレットを使いやすいように改造した

# 注意
2019/05/27現在このブックマークレットは
Twitter社の対策により使えなくなっていますテヘペロ！

# はじめに
[JavaScript Advent Calendar 2017 \- Qiita](https://qiita.com/advent-calendar/2017/javascript)の19日目の記事です。

小ネタですが空いてたので失礼します:bride_with_veil:

# 導入
みなさんはtwitter利用していますか？？
twitterを利用しているときにこんな事ないですか？

- 「この人がフォローしている人興味深い！全員フォローしよう！」←善
- 「とりあえず無作為にフォローしまくってやろう！」←悪
- 「twitterの関係をリセットしたい...フォロワー全員リフォローしよう...」←闇

<font color="Red">
＿人人人人人人人人人人人人人人人人人人人人人人人＿
＞　とりあえず1件1件クリックするのめんどくさい　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
</font>

そんなことないですか？
ググったらいつものブックマークレットが出てくるので、使いやすいようにカスタマイズしてみました。
※悪用はしないように:japanese_goblin:


# いつものブックマークレット
とりあえず検索して一番上に出てくる（2017/12/19現在）ものがこちら。

```js
javascript:(function(d){function l(){(function($){$('.follow-button').trigger('click');})(jQuery)}if(typeof jQuery=='undefined'){var j=d.createElement('script');j.type='text/javascript';j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';d.body.appendChild(j);j.onload=l}else{l()}})(document);
```

ワンラインじゃないとこんな感じ

```js
javascript:(
  function(d){
    function l(){(
      function($){
        $('.follow-button').trigger('click');
      }
    )(jQuery)}
    if(typeof jQuery=='undefined'){
      var j=d.createElement('script');
      j.type='text/javascript';
      j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
      d.body.appendChild(j);
      j.onload=l
    }else{
      l()
    }
  }
)(document);
```
参照：[スマホでTwitterの一括フォローをやっちゃうよ。ブックマークレットだよ。](http://www.nurumayu.net/twitter/bookmarklet/)

これを使うと一括フォローできます。

がっ！しかし！

**「すでにフォローしている人はリフォローされてしまう」**

という欠点を持ち合わせています。

# カスタマイズしてみた
本当にちょろっと手をくわえただけです。

## フォローしていない人のみフォローするブックマークレット
フォローしていないユーザーのフォローボタンには``not-following``クラスがつきます。

```js
javascript:(function(d){function l(){(function($){$('.not-following .follow-button').trigger('click');})(jQuery)}if(typeof jQuery=='undefined'){var j=d.createElement('script');j.type='text/javascript';j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';d.body.appendChild(j);j.onload=l}else{l()}})(document);
```
ワンラインじゃないとこんな感じ

```js
javascript:(
  function(d){
    function l(){(
      function($){
        $('.not-following .follow-button').trigger('click');
      }
    )(jQuery)}
    if(typeof jQuery=='undefined'){
      var j=d.createElement('script');
      j.type='text/javascript';
      j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
      d.body.appendChild(j);
      j.onload=l
    }else{
      l()
    }
  }
)(document);
```

## フォローしている人のみリムーブするブックマークレット
フォローしているユーザーのフォローボタンには``following``クラスがつきます。

```js
javascript:(function(d){function l(){(function($){$('.following .follow-button').trigger('click');})(jQuery)}if(typeof jQuery=='undefined'){var j=d.createElement('script');j.type='text/javascript';j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';d.body.appendChild(j);j.onload=l}else{l()}})(document);
```
ワンラインじゃないとこんな感じ

```js
javascript:(
  function(d){
    function l(){(
      function($){
        $('.following .follow-button').trigger('click');
      }
    )(jQuery)}
    if(typeof jQuery=='undefined'){
      var j=d.createElement('script');
      j.type='text/javascript';
      j.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
      d.body.appendChild(j);
      j.onload=l
    }else{
      l()
    }
  }
)(document);
```

# 最後に
ブックマークレットって面白いですね。
手軽にブラウザの単純作業を自動化できます。
**JavaScriptが書ける人はね！！**