インストール
字幕表示
字幕表示
テーブル化
↑ふたつのリンクを、それぞれブックマークツールバーにドラッグ&ドロップ
文字化け修正
文字コードを変更する
拡張機能
をインストール
使い方
配信ページに行く。
字幕をオフ→日本語
ページを再読み込み
字幕表示のブックマークをクリック
拡張機能で、文字コードをUnicode(UTF8)に
字幕が表示されてから、「テーブル化」をクリック。
右下で検索ができる
おまけで、テーブルの下にWordCloudが見れる。
%7Blet%20head%3Ddocument.querySelector('head')%3Bhead.innerHTML%3D'%3Cstyle%3E'%2B%20%60%20.light-table-filter%7Bposition%3Afixed%3Bbottom%3A0%3Bright%3A0%3Bwidth%3A300px%3Bborder%3A3px%20solid%20%23328693%3B%7Dtable%20a%3Alink%7Bcolor%3A%20%23666%3Bfont-weight%3A%20bold%3Btext-decoration%3Anone%3B%7Dtable%20a%3Avisited%7Bcolor%3A%20%23999999%3Bfont-weight%3Abold%3Btext-decoration%3Anone%3B%7Dtable%20a%3Aactive%2Ctable%20a%3Ahover%7Bcolor%3A%20%23bd5a35%3Btext-decoration%3Aunderline%3B%7Dtable%7Bfont-family%3AArial%2CHelvetica%2Csans-serif%3Bcolor%3A%23666%3Bfont-size%3A12px%3Btext-shadow%3A%201px%201px%200px%20%23fff%3Bbackground%3A%23eaebec%3Bmargin%3A20px%3Bborder%3A%23ccc%201px%20solid%3B-moz-border-radius%3A3px%3B-webkit-border-radius%3A3px%3Bborder-radius%3A3px%3B-moz-box-shadow%3A%200%201px%202px%20%23d1d1d1%3B-webkit-box-shadow%3A%200%201px%202px%20%23d1d1d1%3Bbox-shadow%3A%200%201px%202px%20%23d1d1d1%3B%7Dtable%20th%7Bpadding%3A2px%202px%202px%202px%3Bborder-top%3A1px%20solid%20%23fafafa%3Bborder-bottom%3A1px%20solid%20%23e0e0e0%3Bbackground%3A%20%23ededed%3Bbackground%3A%20-webkit-gradient(linear%2Cleft%20top%2Cleft%20bottom%2Cfrom(%23ededed)%2Cto(%23ebebeb))%3Bbackground%3A%20-moz-linear-gradient(top%2C%23ededed%2C%23ebebeb)%3B%7Dtable%20th%3Afirst-child%7Btext-align%3A%20left%3Bpadding-left%3A20px%3B%7Dtable%20tr%3Afirst-child%20th%3Afirst-child%7B-moz-border-radius-topleft%3A3px%3B-webkit-border-top-left-radius%3A3px%3Bborder-top-left-radius%3A3px%3B%7Dtable%20tr%3Afirst-child%20th%3Alast-child%7B-moz-border-radius-topright%3A3px%3B-webkit-border-top-right-radius%3A3px%3Bborder-top-right-radius%3A3px%3B%7Dtable%20tr%7Btext-align%3A%20left%3Bpadding-left%3A2px%3B%7Dtable%20td%3Afirst-child%7Btext-align%3A%20left%3Bpadding-left%3A2px%3Bborder-left%3A%200%3B%7Dtable%20td%7Bpadding%3A8px%3Bborder-top%3A%201px%20solid%20%23ffffff%3Bborder-bottom%3A1px%20solid%20%23e0e0e0%3Bborder-left%3A%201px%20solid%20%23e0e0e0%3Bbackground%3A%20%23fafafa%3Bbackground%3A%20-webkit-gradient(linear%2Cleft%20top%2Cleft%20bottom%2Cfrom(%23fbfbfb)%2Cto(%23fafafa))%3Bbackground%3A%20-moz-linear-gradient(top%2C%23fbfbfb%2C%23fafafa)%3B%7Dtable%20tr.even%20td%7Bbackground%3A%20%23f6f6f6%3Bbackground%3A%20-webkit-gradient(linear%2Cleft%20top%2Cleft%20bottom%2Cfrom(%23f8f8f8)%2Cto(%23f6f6f6))%3Bbackground%3A%20-moz-linear-gradient(top%2C%23f8f8f8%2C%23f6f6f6)%3B%7Dtable%20tr%3Alast-child%20td%7Bborder-bottom%3A0%3B%7Dtable%20tr%3Alast-child%20td%3Afirst-child%7B-moz-border-radius-bottomleft%3A3px%3B-webkit-border-bottom-left-radius%3A3px%3Bborder-bottom-left-radius%3A3px%3B%7Dtable%20tr%3Alast-child%20td%3Alast-child%7B-moz-border-radius-bottomright%3A3px%3B-webkit-border-bottom-right-radius%3A3px%3Bborder-bottom-right-radius%3A3px%3B%7Dtable%20tr%3Ahover%20td%7Bbackground%3A%20%23f2f2f2%3Bbackground%3A%20-webkit-gradient(linear%2Cleft%20top%2Cleft%20bottom%2Cfrom(%23f2f2f2)%2Cto(%23f0f0f0))%3Bbackground%3A%20-moz-linear-gradient(top%2C%23f2f2f2%2C%23f0f0f0)%3B%7D%60%2B%20'%3C%2Fstyle%3E'%3Blet%20wordClound%3Ddocument.createElement('word-cloud')%3Bdocument.body.append(wordClound)%3BwordClound.style%3D%22display%3Ablock%3Bwidth%3A640px%3Bheight%3A640px%3B%22%3Blet%20section%3Ddocument.createElement('section')%3Bdocument.body.prepend(section)%3Bsection.classList.add('container')%3Bsection.innerHTML%3D'%3Cinput%20type%3D%22search%22%20class%3D%22light-table-filter%22%20data-table%3D%22order-table%22%20placeholder%3D%22%E6%A4%9C%E7%B4%A2%22%20%2F%3E'%3Blet%20table%3Ddocument.createElement('table')%3Bsection.append(table)%3Btable.classList.add('order-table')%3Blet%20thead%3Ddocument.createElement('thead')%3Btable.append(thead)%3Blet%20tbody%3Ddocument.createElement('tbody')%3Btable.append(tbody)%3Bthead.innerHTML%3D'%3Ctr%3E%3Cth%3E%E7%95%AA%E5%8F%B7%3C%2Fth%3E%3Cth%3E%E9%96%8B%E5%A7%8B%3C%2Fth%3E%3Cth%3E%E7%B5%82%E4%BA%86%3C%2Fth%3E%3Cth%3E%E6%9C%AC%E6%96%87%3C%2Fth%3E%3Ctr%3E'%3Blet%20pre%3Ddocument.querySelector('pre')%3Blet%20subs%3Dpre.innerHTML.split('%5Cn%5Cn')%3Bpre.remove()%3Blet%20form%3Ddocument.createElement('form')%3Bform.id%3D%22form%22%3Bform.innerHTML%3D%60%20%3Cform%20id%3D%22form%22%3E%20%3Cinput%20id%3D%22input%22%20placeholder%3D%22%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D%E3%82%92%E5%85%A5%E5%8A%9B%22%20value%3D%22%22%3E%20%3C%2Finput%3E%20%3Cbutton%20type%3D%22submit%22%3E%20SVG%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%20%3C%2Fbutton%3E%20%3C%2Fform%3E%20%60%3Bdocument.body.append(form)%3Blet%20texts%3D%5B%5D%3Bfor(let%20sub%20of%20subs)%7Blet%20cells%3Dsub.split('%5Cn')%3Blet%20tr%3Ddocument.createElement('tr')%3Blet%20timing%3Dcells%5B1%5D.split('--%26gt%3B')%3Blet%20begin%3Dtiming%5B0%5D%3Blet%20end%3Dtiming%5B1%5D%3Blet%20subText%3Dcells.splice(cells.length-2).join('%5Cn')%3Btr.innerHTML%3D'%3Ctr%3E'%2B%20'%3Ctd%3E'%2Bcells%5B0%5D%2B'%3C%2Ftd%3E'%2B%20'%3Ctd%3E'%2Bbegin%2B'%3C%2Ftd%3E'%2B%20'%3Ctd%3E'%2Bend%2B'%3C%2Ftd%3E'%2B%20'%3Ctd%3E'%2BsubText%2B'%3C%2Ftd%3E'%2B%20'%3C%2Ftr%3E'%3Btbody.append(tr)%3Btexts.push(subText)%3B%7DwordClound.innerText%3Dtexts.join(%22%5Cn%22)%3Bvar%20LightTableFilter%3D(function(Arr)%7Bvar%20_input%3Bfunction%20_onInputEvent(e)%7B_input%3De.target%3Bvar%20tables%3Ddocument.getElementsByClassName(_input.getAttribute('data-table'))%3BArr.forEach.call(tables%2Cfunction(table)%7BArr.forEach.call(table.tBodies%2Cfunction(tbody)%7BArr.forEach.call(tbody.rows%2C_filter)%3B%7D)%3B%7D)%3B%7Dfunction%20_filter(row)%7Bvar%20text%3Drow.textContent.toLowerCase()%2Cval%3D_input.value.toLowerCase()%3Brow.style.display%3Dtext.indexOf(val)%3D%3D%3D-1%20%3F%20'none'%20%3A%20'table-row'%3B%7Dreturn%7Binit%3A%20function()%7Bvar%20inputs%3Ddocument.getElementsByClassName('light-table-filter')%3BArr.forEach.call(inputs%2Cfunction(input)%7Binput.oninput%3D_onInputEvent%3B%7D)%3B%7D%7D%3B%7D)(Array.prototype)%3BLightTableFilter.init()%3Blet%20script%3Ddocument.createElement('script')%3Bscript.type%3D'module'%3Bscript.src%3D%22https%3A%2F%2Fcode4fukui.github.io%2Fword-cloud%2Fword-cloud.js%22%3Bdocument.body.append(script)%3Bconst%20formElem%3Ddocument.getElementById('form')%3Bconst%20input%3Ddocument.getElementById('input')%3BformElem.addEventListener('submit'%2C(e)%3D%3E%7Be.preventDefault()%3BdownloadSvg(%60%24%7Binput.value%7D.svg%60)%3B%7D)%3Bfunction%20downloadSvg(filename)%7Bconst%20svg%3Ddocument.querySelector(%22svg%22)%3Bsvg.id%3D%22svg%22%3Bconst%20svgNode%3Ddocument.getElementById('svg')%3Bconst%20svgText%3Dnew%20XMLSerializer().serializeToString(svgNode)%3Bconst%20svgBlob%3Dnew%20Blob(%5BsvgText%5D%2C%7Btype%3A%20'image%2Fsvg%2Bxml%3Bcharset%3Dutf-8'%7D)%3Bconst%20svgUrl%3DURL.createObjectURL(svgBlob)%3Bconst%20a%3Ddocument.createElement('a')%3Ba.href%3DsvgUrl%3Ba.download%3Dfilename%3Bdocument.body.appendChild(a)%3Ba.click()%3Bdocument.body.removeChild(a)%3BURL.revokeObjectURL(svgUrl)%3B%7D%7D)(document)%3Bvoid(0);){kind=link}