カテゴリ毎じゃなくてスレッドのミュートがしたい

[1 二次元好きの匿名さん 22/04/03(日) 23:10:01]

だけど管理人ちゃんの手を煩わせることはしたくない……




というわけで機能自作の時間だおらー

[2 二次元好きの匿名さん 22/04/03(日) 23:10:40]

作っちまうのかい？…

[3 二次元好きの匿名さん 22/04/03(日) 23:11:18]

その流れで専ブラ作って❤️

[4 二次元好きの匿名さん 22/04/03(日) 23:11:55]

しょうがないね…

だから微力ながら応援したい

[5 二次元好きの匿名さん 22/04/03(日) 23:12:13]

このスレでは「カテゴリ毎じゃなくてスレ毎のミュート機能」を実現する

過去にここで教えてもらったTempermokeyなるchromeの拡張機能を使う方法でやっていく

Tempermokeyをchromeに入れるやり方は↓のスレの2,4に書いたのでそこを見てほしい

削除されたレスからの安価は消してほしい……｜あにまん掲示板

※俺がすけべイラストくれくれ失敗したスレ

ちなみに俺はPC環境前提で話すが、このスレによるとスマホ環境でも同じようなことができるらしい

あにまん開発部その2｜あにまん掲示板

※こっちは俺じゃない人のスレ

[6 二次元好きの匿名さん 22/04/03(日) 23:20:25]

>>5のすけべ失敗のほうのスレ内5の画面(新規UserScriptの編集画面)までいって

↓を張り付ければまあ準備完了

無題のドキュメント

[8 二次元好きの匿名さん 22/04/03(日) 23:26:13]

>>6のscriptが有効な状態で各スレを表示するとスレタイ横に画像赤枠のような★マークが表示される

[9 二次元好きの匿名さん 22/04/03(日) 23:28:06]

そしてその★マークをクリックするとこうして色が変化する
この色が「このスレッドはもうミュートされました」の色だ

[10 二次元好きの匿名さん 22/04/03(日) 23:32:20]

で、>>9のようにミュートしたいスレの★を赤くした後でスレ一覧に戻ると

この画像上みたいな感じで対象スレが非表示になっている

ちなみに、この例では表示領域だけあって中身が表示されないって動きにしてるけど

そもそも表示領域ごと消すことも可能(後で説明)

[11 二次元好きの匿名さん 22/04/03(日) 23:35:00]

スゲェ…

[12 二次元好きの匿名さん 22/04/03(日) 23:35:45]

PC限定なのね...

[13 二次元好きの匿名さん 22/04/03(日) 23:36:29]

こんな場末で能力発揮しなくていいから...（良心）

[14 二次元好きの匿名さん 22/04/03(日) 23:38:21]

以上だ

>>10でいった「表示領域ごと消す」は>>6のソースにあるfunction removeMuteTarget()の中の

「.css("visibility","hidden")」を「.remove()」にするだけでいい

>>12

>>5のスレの俺と関係ないスレ建ててくれた御仁がスマホでも同じようなことやれる方法を紹介してくれてるぞ

[16 二次元好きの匿名さん 22/04/03(日) 23:39:48]

ありがとう

[17 二次元好きの匿名さん 22/04/03(日) 23:41:48]

次に気が向いたらレスミュートの機能も実装試してみるかゲー(モチベ↑)

[18 二次元好きの匿名さん 22/04/03(日) 23:44:01]

関係ない通りすがりの人間だけどcustomblockerを紹介しておくね。

これはざっくりいうと特定のワードに反応してそれを枠ごと消すよ。（見えなくなる感じ）

乱立とか次から次へとスレが来るときはこっちを使うといい。

使い方は拡張機能を入れて鉛筆マークみたいのをおして後は以下の画像みたいに青い枠にワード打ち込んでadd→帆ｚんで追加する感じ。わかりにくかったらすまんな！

詳しい紹介スレがあったんだけどお気に入り100超えて見失っちゃったんだよね…。

https://chrome.google.com/webstore/detail/customblocker/elnfhbjabfcepfnaeoehffgmifcfjlha?hl=ja

[19 二次元好きの匿名さん 22/04/03(日) 23:57:06]

ちなみに>>9の状態で★マークを押すとミュートが解除できるけど(誤クリック対策)

スレミュートにした後でそのスレ閉じるとミュート解除する機会なくなる

まあそもそも意図してミュートしたスレを解除したいってこともないだろうけど

その状況でどうしても解除したければurl直打ちで対象スレ表示→解除とかが必要だね

>>18

お役立ち情報のご紹介ありがとー

[20 二次元好きの匿名さん 22/04/04(月) 00:02:00]

>>19

クロムならシークレットウィンドウにすれば（特別な設定しない限り）拡張機能仕事しないからそっちからなら見れるね、だからシークレットウィンドウでスレタイ検索してＵＲＬ見つけてから引っ張り出すのが丸いかもね

[21 二次元好きの匿名さん 22/04/04(月) 00:12:03]

>>20

知らなかったそんなの……

シークレットでスレ表示→シークレットじゃないほうにurlコピーしてペー

やったほうがよさそうねサンクス

[22 二次元好きの匿名さん 22/04/04(月) 08:58:03]

あれミュートしたあとも再表示できるならミュートボタンの色を初期表示で青にしてんの駄目かも
今日の夜あたりに余力あればちょっと修正するか

それはそれとしてみんなまた俺に紹介するすけべイラスト選んでてくれ

今回は女の子と挿入されてないtntnが一緒に描かれてるやつ
※ftnrではない

いわゆる見せ槍とか、あと今から入れるぞって感じで宛てがわれてるやつとかそういうの
※ftnrではない

よろしく頼む
※断じてftnrではない

[23 二次元好きの匿名さん 22/04/04(月) 10:05:24]

>>18

紹介スレはこちらかな

なんか個人的に困ったスレッドがあるなとお思いのそこの貴方

[24 二次元好きの匿名さん 22/04/04(月) 10:17:01]

>>23

スレの最後にトレーナー消そうとしたらポケモントレーナーまで消えるってあるけど

正規表現いけるならポケモントレーナー残してそうじゃないトレーナー消せるはずだよな

^(?!.*ポケモン).*トレーナー

みたいな感じで

[25 二次元好きの匿名さん 22/04/04(月) 18:34:33]

保守

[26 二次元好きの匿名さん 22/04/04(月) 19:21:35]

無題のドキュメント

[27 二次元好きの匿名さん 22/04/04(月) 19:23:00]

>>26

ボタン初期表示の色の修正完了

[28 二次元好きの匿名さん 22/04/04(月) 19:24:06]

ありがとうあにまんまん

[29 二次元好きの匿名さん 22/04/05(火) 00:17:40]

こう目の前に突き付けてる感じのやつとか

#アイドルマスターシンデレラガールズ 🍆 - hogey(NK-2000)のイラスト - pixiv

この1枚目みたいにこれから入れますって感じのやつとか

#雪音クリス 雪音クリスskeb - Siuのイラスト - pixiv

[30 二次元好きの匿名さん 22/04/05(火) 10:55:41]

#ホロライブ 【C99】新刊サンﾋﾟｭﾙ - atahutaのイラスト - pixiv

#ランスシリーズ 千姫(催眠)② - 世界一位のイラスト - pixiv

#アンジュ・カトリーナ アヘ顔練習Ange - 大伴ヤキのイラスト - pixiv

#オリジナル C95新刊サンプル - Nanaeのイラスト - pixiv

#C99 C99新刊『ケガレボシ・青』表紙・サンプル - 左藤空気のイラスト - pixiv

#アズールレーン シリアス - 駄肉のイラスト - pixiv

#라스트오리진 宝蓮ちゃん - にゅうみのイラスト - pixiv

#巨乳 DT オジサマと遊んであげる - 大伴ヤキのイラスト - pixiv

保守がわりにすくないけど

[31 二次元好きの匿名さん 22/04/05(火) 19:07:30]

>>30

少ないだなんてとんでもねぇ

ありがてぇよ

[32 二次元好きの匿名さん 22/04/05(火) 19:09:42]

みんなはどんなスレをミュートしたかな？
教えてね！

[33 二次元好きの匿名さん 22/04/05(火) 19:11:00]

>>32

教えてほしいのはミュートしたスレじゃなくてすけべイラストだぁ

[34 二次元好きの匿名さん 22/04/05(火) 19:12:45]

>>32

どう考えても良くないことになりそうな…

[35 二次元好きの匿名さん 22/04/05(火) 23:25:56]

すけべイラストを待つ間に処理の解説する

script自体は>>26参照してくれ

ところで「Tempermokey」とか書いちゃってるけど「Tampermonkey」なんだよね

ずっと間違って書いてた>>1は恥ずかしい奴なんだ

[36 二次元好きの匿名さん 22/04/05(火) 23:26:30]

間違いはさておき解説

まずは1-10行目のコメントと定数共から

といっても1-10行目のコメントは↓スレ34にも書いた通り「このscriptってどんなもの？」みたいな情報

nameとmatchくらいしか気にしない

スレミュート機能はスレ一覧で適用するもんだからmatchは「h ttps://bbs.animanch.com/*」にして

スレ一覧のurl(正確には掲示板内の全url)に一致・処理適用されるようにしてる

削除されたレスからの安価は消してほしい……｜あにまん掲示板

定数(const XXとか書いてるやつ)はソースにもコメント書いてるけど

・スレミュートの最大数(最大120スレをミュート可)

・スレミュートのcookie寿命(スレミュートのcookie設定・更新後に1年有効)

・スレミュートのcookieのkey(スレミュートのcookieの名前)

・スレミュートのcookieのpath(スレミュートのcookieの有効範囲(掲示板全体))

・スレミュート用ボタンのid(画面表示するスレミュート用ボタンのid)

を意味している

[37 二次元好きの匿名さん 22/04/05(火) 23:28:37]

次はページ読込完了後に行われる処理$(function(){})

こいつはページ読込完了後に1回だけ行われる処理で、
ソースにコメントある通りミュート対象のスレを非表示にしたり
スレタイ横にミュートボタン表示したり(各スレ表示時)
ミュートボタンにクリックイベント設定(ボタンクリック時ミュートする/しないを切替)したり
cookieの寿命を延長したりの処理を呼び出してる

掲示板内のスレ一覧なり各スレなり表示したらこいつが動くんで、
その度にcookieの寿命が定数COOKIE_THREAD_MUTE_MAX_AGEで定義してる値に延長される

[38 二次元好きの匿名さん 22/04/05(火) 23:32:37]

ミュートボタン追加関数createMuteButton()

各スレ表示時にスレタイ横にミュートボタンを表示している

※>>8の画像の赤枠内の★マーク

ボタンはとりあえず色を青(css("color","#00f"))して、その後でもし表示中のスレがミュート設定されてたら

赤を赤(css("color", "#f00"))に変更してる

※引数muteTargetsでミュート対象スレの情報は呼出元からもらってる

for(let muteTarget of muteTargetArray)でミュート対象スレの情報を確認しつつ、

ミュート対象スレ共の中に表示中のスレのurl(urlの中のスレID)と一致するものがあれば

表示中のスレはミュート対象だってことで色を赤くしてループ処理forからbreakで抜けている

※こいつがミュート対象だってわかった時点で以降のループを行う必要がないため

[39 二次元好きの匿名さん 22/04/05(火) 23:36:53]

ミュート状態切替関数changeMuteFlag()

スレタイ横に表示されているミュートボタンをクリックした時に実行される

getCookieValueByKey()でミュート対象スレを取得、表示中のスレのurl(スレのID)を比較して

現状のミュート対象スレに表示中のスレがない(muteCookieValueが変数regExpとmatchしない)
→ミュート対象にないのでミュート対象として新規登録
現状のミュート対象スレに表示中のスレがある(muteCookieValueが変数regExpとmatchする)
→ミュート対象にあるのでミュート対象から除外

という挙動をしている
ちなみにgetCookieValueByKey()で取得したミュート対象スレの情報は
[ミュート対象スレ1のID],[ミュート対象スレ2のID],[ミュート対象スレ3のID]...
という具合に「,」区切りで登録されている(後ろにあるやつほど新しく登録されたもの)

仮にミュート対象スレが定数COOKIE_THREAD_MUTE_MAX_COUNTの数だけ登録されている状態で
他のスレをミュート対象にしようとすると先頭のgetCookieValueByKey()で取得したミュート対象スレの
先頭にある(=最も過去にミュート設定した)スレがミュート対象から自動的に除外される
※muteCookieValue=muteCookieValue.replace(/^[0-9]*,/g,"");　とかやってる箇所

また、スレのミュート状態を変更した後は変更後の状態にあわせてボタンの色を変更している
※$("#"+ELEMENT_ID_THREAD_MUTE_BUTTON).css("color", "#f00");とか.css("color", "#00f");とかしてる箇所

[40 二次元好きの匿名さん 22/04/05(火) 23:42:53]

ミュート対象スレ削除関数removeMuteTarget()

掲示板のスレ一覧か各スレを表示した際に実行される
getCookieValueByKey()でミュート対象スレを取得、表示中のページからミュート対象スレへのリンクを
非表示にしている(※(前略).css("visibility","hidden");)している箇所

for(let muteTarget of muteTargetArray)でミュート対象スレの数だけ非表示化の処理を実行する
ミュート対象スレへのリンクにはhref="(前略)/boad/[スレのID]/"という設定があるから
それとミュート対象スレを比較することでリンクを非表示にすべきかどうか判断できる

[41 二次元好きの匿名さん 22/04/05(火) 23:46:07]

cookie取得関数getCookieValueByKey(key)

引数keyで指定されたcookieを取得する

document.cookieは[cookieKey1=cookieValue1;cookieKey2=cookieValue2,cookieKey3=cookieValue3]
という形で各cookieは[key=value]の形式、複数のkeyがあれば「;」区切りで取得されるため、
まずdocument.cookieを「;」で分割(split(";"))して各cookieを[key=value]の形式にする
で、その後に「=」で分割(split("="))してkeyとvalueを分割してcookieのkeyが引数のkeyと一致するかチェック
一致してたらそのcookieのvalueをreturnする

そもそも引数keyと一致するcookieがない場合はいわゆる空文字("")をreturnする

[42 二次元好きの匿名さん 22/04/05(火) 23:47:53]

cookie更新関数updateCookie()

引数key,value,maxAge,pathで指定された通りにcookieを更新(設定)する

keyはcookieの名前
valueはcookieの値
maxAgeはcookieの有効期間
pathはcookieの有効範囲




以上で各処理のだいたいの解説おわり
処理に関して質問あったら(ないと思うが)どうぞ

それはそれとしてすけべイラストの紹介頼む

[44 二次元好きの匿名さん 22/04/05(火) 23:55:32]

>>43

すけべイラストの紹介頼む

[45 二次元好きの匿名さん 22/04/06(水) 01:15:03]

>>43

消すことないのに……なんで消してしまったんだ

#おっぱい 受け身なポニテサキュバス - はんぺんFantia/skebのイラスト - pixiv

#東方 リクエスト絵 - 柴まろん@リクエスト募集中のイラスト - pixiv

#東方 スンスン… - tksandのイラスト - pixiv

#ブルーアーカイブ ちん嗅ぎアコ - なですこのイラスト - pixiv

[46 二次元好きの匿名さん 22/04/06(水) 08:48:11]

>>45

わからん……

俺には今のところ教えてもらったすけべイラストが抜けるということしかわからん……

[47 二次元好きの匿名さん 22/04/06(水) 18:22:55]

エロ絵は教えないが竿を突きつけてるのだと「ちん嗅ぎ」タグでもいいのが見つかることをお前に教える

[48 二次元好きの匿名さん 22/04/06(水) 22:00:12]

>>47

本当はすけべイラストも欲しいところですが……まあいいでしょう

(pixivで検索)なんと刺激的な光景だ……

[49 二次元好きの匿名さん 22/04/06(水) 22:02:41]

エッチと叡智が混ざりあってる…

[50 二次元好きの匿名さん 22/04/07(木) 09:05:12]

>>49

素晴らしい提案をしよう

お前も俺にすけべイラストを紹介しないか

[51 二次元好きの匿名さん 22/04/07(木) 20:46:55]

保守

[52 二次元好きの匿名さん 22/04/07(木) 23:40:55]

レスミュート実装して思ったけど前の削除済レスの安価消すやつとか今回のスレミュートとか
scriptわけてると面倒な感じするな……

レスミュートの紹介スレ建てる時には全部まとめたやつ出すか

[53 二次元好きの匿名さん 22/04/08(金) 11:31:26]

保守

[54 二次元好きの匿名さん 22/04/08(金) 23:27:21]

保守