放送履歴取得スクリプト

ツイキャス放送履歴取得スクリプト

※ツイキャスのバージョンアップで動かなくなることが予測されるので、気づいたらりしゃるまでよろしっく！
※2019/1/2：1個目がスキップされる不具合を修正
※2019/2/25：公式のコード変更で使えなくなっていたので修正
＜説明長くなってぱっと見えないですが使い方は↓↓↓↓の方にありまｓ＞
概説
・ツイキャスの放送履歴のページを自動でさかのぼって一覧を取得してくれるスクリプトです。
　自分や気になる方のアカウントの放送履歴ページから実行しデータを取得します。
・履歴データを得られるので、googleスプレッドシートなどの併用で、履歴のソートや検索などフィルタリングが可能にできる。
　※PC用。
制作意図とか
・放送履歴2000件とかある方もいる中、公式の履歴は９件ずつ表示で過去の見るのが大変なので一覧したかった。
仕組みとか
・履歴ページを自動で渡り歩いて９件ずつデータを収集していき、簡易的に表にして表示＆CSV(tab区切り形式)っぽくしたのも表示。
　コピーして表計算ソフト等に貼り付ければ、セル分けされた状態でそのまま利用可能となる。
用途など
・自分の大量過去放送を、あるいはあの方の大量の過去放送を、精査／整理など。
　スプレッドシート等に移したあとは録画有無での仕分けなども可能。書き込みも可能なので備考欄をはじめやりたい放題。
・リンクから放送ページにすぐに飛べるので、聴き返してタイトル付けなおしたり、録画の公開／非公開の切り替え、削除など、わりと手軽に実現可能に。
・再生数やコメント数の多い順に並べ替えて、人気のあった動画を探してみる。
・放送タイトルを検索。（すべての放送のタイトルが並ぶので、キーワードでの検索も可能。
　（公式だと表示された9件のみしか検索対象にできないのでとても不可能なことをやってのけｒ））

使い方
※PC用です、利用する場合は以下の操作をおこないます。
①ツイキャスの履歴を作成したいアカウントのページを開く。（例：https://twitcasting.tv/risyaru2/
　②履歴を開く（「ライブ履歴」をクリック）
③コンソールの表示
・Chromeの場合→Ctrl+Shift+J
・Firefoxの場合→Ctrl+Shift+K
④コードの実行
・パターンＡ：下記からコピーしたものをコンソールの入力欄にペーストしてEnter！
・パターンＢ※：コンソールの入力欄で「↑」キーを押してEnter！(※コンソールは過去に実行したコードの履歴を呼び出す機能があり、このスクリプトを実行した直後などは、「↑」キーを押せばコピペすること無くコードを呼び出せます。
⑤放置（完了するとメッセージがポップするので、それまではほっといてyoutubeでも眺めて暇を潰そう（）
⑥以上。簡易一覧と、貼り付け用データのコピーボタンが表示されます。コピーしたデータはエクセルやgoogleスプレッドシート等に貼り付けすると履歴一覧表として使えるようになります。
※↓BOX内をクリック後、[Ctrl+A]で全て選択、[Ctrl+C]でコピーが完了します。

//CASLIST 20190224
let rollnum = 100000; //"20181018ris
var username = $('.username').text() //"20181018ris
var copytext="No\turl\tタイトル\t録画\t日時\t長さ\t長さ並替用\t視聴数\tコメント数\tアカウント\t備考\n"
let buttonhtml='<input type="button" value="表示切替" onclick="'+"$('.norec').closest('tr').toggle()"+'">'
var listhtml="<style>table { border-collapse: collapse; margin:auto;}"
+"table th, table td { border: solid 1px gray; text-align:center;padding:1px; }"
+".rec:link { color: #000; } .rec:visited { color: #000; }"
+".rec:hover { color: #000; } .rec:active { color: #000; }</style>"
listhtml+="<h2 style='text-align:center'>"+$(".tw-submenu-header").html()+$(".tw-submenu li")[1].textContent+"</h2>"
  +"<div><table><tr><th colspan='7'>簡易リスト"　+buttonhtml+"</th></tr><tr><th>"+"No</th><th><a href='/'>タイトル</th><th>録画</th><th>日時</th><th>長さ</th><th>視聴数</th><th>コメント数</th></tr>"
var pnum=0
var afterurl =""
var content_amount = parseInt($(".tw-submenu li")[1].textContent.replace(/\D/g, ''))
var looplim = Math.ceil(content_amount/9)

//"子ウィンドウ設置
$('body').prepend('<iframe id="subpage" src="https://twitcasting.tv" width="100%" height="720px"/>')
var subpage = $('#subpage').contents()

//"ベースURL文字列精製
var baseurl = location.href.split("/show/")[0]+"/show/"//（現在のurl文字列の"*/show/*"を"*/show/"に変更。
baseurl = baseurl.replace("//show/", "/show/")
//"子ウィンドウのURL指定・変更
sub_page_change(baseurl+pnum);//"再起有り

var loopman = setInterval(function(){
  if(pnum >= looplim || pnum >= rollnum) //"20181018ris
  {
    clearInterval(loopman);
    console.log(copytext);
    document.body.innerHTML="<div style='width:90%;margin:30px 5% 30px 5%;'><input type='button' onclick='"+'$("#txer")[0].select(); document.execCommand("copy")'+"' value='↓コピー'/>　※コピー用<br /><textarea id='txer' style='width:100%; overflow:hidden;'>"+copytext+"</textarea></div>"+listhtml+"</table></div>"
    $('a').attr('target' , '_blank');
  }
},2000)

//　子ウィンドウのURL指定・変更関数
function sub_page_change(url){
  //子ウィンドウのURLを指定
  $('#subpage').off('load')
  $('#subpage').attr('src',url).load(function(){
    subpage = $('#subpage').contents()
    //子ウィンドウのスタイルを操作
    $(".largethumb",subpage).hide()
    //子ウィンドウからデータを取得
    let tmpstr=""
    let tmphtml=""
    let container = $(".moviethumb",subpage)
    let lim = container.length
    //.hasclass("sticker")//録画有無
    let url = $(".movie_thumb_link",subpage)//.find('.child-image')
    let title = $(".title",subpage)
    let info = $(".comment>div span",subpage)
    let ln = lim*4-info.length;//"60分以内の履歴を回避 //"20181027ris
    let cn=""
    for(let i=0;i<lim;i++)
    {
      if(i<ln/2) continue;//"60分以内の履歴を回避 //"20181027ris

cn = title.eq(i).text()
      tmphtml+="<tr><td>"+content_amount+"</td><td><a href='"
        +"https://twitcasting.tv"+url.eq(i).attr('href')+"'>"//"20181027
        +cn+"</a></td>"
        +"<td><a class='rec' href='"+"https://twitcasting.tv"+url.eq(i).attr('href')+"'>" //"20181027
      tmpstr+=content_amount--+"\t" //"管理番号
        +"https://twitcasting.tv/"+url.eq(i).attr('href')+"\t" //"URL
        +cn+"\t" //"タイトル
      cn=cn.split('(');cn=cn[cn.length-1].split(')')[0]
      if(container.eq(i).find('.sticker').length){
        tmphtml+="録画"; tmpstr+="録画";} //"録画有無
      else tmphtml+="<i class='norec'></i>"
      tmphtml+="</a></td><td>"
        +info.eq(i*4+3-ln).text()+"</td><td>" //"日時
        +info.eq(i*4+0-ln).text().split(' ')[1]+"</td><td>" //"長さ
        +info.eq(i*4+1-ln).text().replace(/\D/g, '')+"</td><td>" //"視聴数
        +cn+"</td></tr>"
      tmpstr+="\t" //"録画ない場合も空で次へ
        +info.eq(i*4+3-ln).text()+"\t" //"日時
        +info.eq(i*4+0-ln).text().split(' ')[1]+".\t" //"長さ
        +info.eq(i*4+0-ln).text().replace(/\D/g, '')+"\t" //"長さ並替用
        +info.eq(i*4+1-ln).text().replace(/\D/g, '')+"\t" //"視聴数
        +cn+"\t" //"コメント数
        +username+"\t" //"放送アカウント//"20181018ris
        +"\n" //"備考欄
      console.log("["+i+"]:"+pnum+"/"+looplim)
    }
    copytext+=tmpstr
    listhtml+=tmphtml

//"次のページへ移動
    if(++pnum < looplim){
      $('.paging>a',subpage).each(function() {
        afterurl= this.getAttribute('href')
        if(afterurl.indexOf("/"+pnum+"-")!=-1) {
          afterurl=afterurl.split("-")[1]
          return false;
        }
      })
      sub_page_change(baseurl+pnum+"-"+afterurl);
    }
  })
}