Greasemonkeyスクリプト『DLChannel_Extender』報告・要望スレ

うらうなぎ : 2019/01/01(火) 16:18:56

DLチャンネルで記事制作をはじめて2年ぐらいになりますが、いくつか不便だなと思うところがあって、こういう場合大手サイトだったらGreasemonkeyスクリプトとかがあるものなんですが、何故か無かったので、自分で作りました。

ver0.3現在の機能としては
・記事のタグを綺麗に表示する
・不要な時に公開ボタンを押せなくする
・記事中の各アイテムを削除する時、本当に消すかダイアログで確認が出る

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト - うらうなぎ - Ci-en
https://ci-en.jp/creator/997/article/36314

最新情報は、上記のCi-en記事で確認して下さい。誰でも見られる設定にしてます。
ダウンロードもこの記事から出来るようなっています。
Greasemonkeyが何かという説明も、そのうち書きたいですが、とりあえずこういった記事を参考にしてください。
https://dic.nicovideo.jp/a/greasemonkey

このトークでは、スクリプトの０不具合報告や、タグの追加要望などを受け付けようと思っています。

機能追加の要望を書いてもらってもいいのですが、欲しい機能で技術的にできそうなことはもうなさそうな感じが。残りは技術的に難しかったり費用がかかりそうなやつなので。

>>2 スクリプトの基本方針に関する話
>>3 タグ追加に関する話
>>4 キャンペーン用タグに関する話

出典：i.imgur.com

21

うらうなぎ : 2019/01/05(土) 22:33:06

あ、キャンセルボタンのやつを入れるの忘れてた
これはまたそのうちやります

エイシスの休みが終わってこのトークが削除されたらどうしようとか思ってたけど、とりあえずは大丈夫そうかな

22

うらうなぎ : 2019/01/06(日) 02:53:53

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/5 ver0.51更新)
https://ci-en.jp/creator/997/article/36314

下書き保存するとクリエイター記事申請ボタンが有効になってしまうバグがあったので、修正しました
サイト側の動作で有効にされてるっぽいんだけど、なぜそんなことになってるのか不明
自分で使っててちょっとヒヤッとしてしまった

ついでにキャンセルボタンを押した時のダイアログ表示にも対応。
編集中に他のアイテムを入れた場合はOK押した扱いになるんで、この場合は編集中のが消えちゃうことはないはず

23

うらうなぎ : 2019/01/06(日) 21:34:50

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/6 ver0.52更新)
https://ci-en.jp/creator/997/article/36314

使ってると不具合がちょこちょこ見つかってしまったものでまた更新

クリエイターズ記事申請中に反映(仮)ボタンが押せちゃうっていうのが一番やばいやつ
押せるだけで意味はないんだけど、保存したつもりになっちゃうのが怖い

キャンセル(改)ボタンも同時2つ出ちゃったりおかしいことがあったので対応

あとは色分けとかが更新されないタイミングがいくつかあったので、それがなくなるように調整した

24

うらうなぎ : 2019/01/06(日) 23:44:24

クリエイターズ記事申請中のやつなんですが、さっきのではちゃんと直ってなかったので0.53出しました……

編集ボタンを押して開いた時とキャッシュに残ってるデータから開いた時とか、色んなパターンがあるものだから、直ったと思っても他のパターンだと駄目だったりするという。

高速動作を求めてギリギリを攻めていくと、ちょっとした誤差で動かなくなっちゃうのがむずかしい

25

なめか : 2019/01/07(月) 06:14:22

スクリプト使ってみました！便利でありがたいです。
コードを拝見しましたが、URLからObserverを分けているので単純にタグを色分けするスクリプトと誤操作を防止するスクリプトに分割してはどうでしょう（せっかくGreaseMonkeyには@matchがあるので）
それとObserverの監視対象がdocumentすべてになっているので、それぞれdiv#tag-selectorとdiv#items-container（こっちは広いからdocument直下と大して変わらないかも）あたりに範囲を絞ったらイベントの発火が減るんでないかなと思ったりしました。

せっかくCC0で公開してくださったので自分も個人的に使いそうなとこを絞って書いてみました
（この時代にそこまでの差はないと思うけど）cdnからjquery読むのをやめてデフォのquerySelectorで代用してます。あとthisが怖いのでfunctionをアローにしたりクラスの判定を標準のclassListのcontainsで判別したり…？
何かの参考にでもなればいいんですが

https://github.com/Tachibana446/DLchannelExtensions/blob/master/Safety.user.js

26

うらうなぎ : 2019/01/07(月) 14:02:24

おー、すごいスッキリしてますね

タグの色分け設定とボタンの有効無効が連動してるんで、自分用にはそこは同じスクリプトにするつもりです
でもobserverを分けるのはいいですね

DLチャンネルの仕組みだと、必要になるギリギリまでDOMを生成してくれなくて
一番困るのは「保存されなかった編集があります」の画面でなんにも出てこないところ
そのへんが面倒になって監視対象広いままにしてたんですが、items-containerならこの段階でも生成されてると信用してよさそう
Timeoutを使ってタグが生成されるまで待つ方法も参考になりました

記事書きながらバグと戦うのに疲れたので、しばらくはそのまま使って安定版にするつもりなんですが、リファクタリングする時に参考にさせてもらいます

27

なめか : 2019/01/07(月) 23:44:39

>>26
まぁ動的に生成される要素をsetTimeoutで待つっていうのもだいぶナンセンスな実装だとは思うんですけどこれくらいしか思いつきませんでした
というかDLsiteさんがボタンにconfirmひとつつけてくれるだけで解決する話ではあるんですがｗ

28

うらうなぎ : 2019/01/08(火) 00:58:29

技術的にはシンプルな話ですけど、実際会社でやるってなったら大変でしょうからね
文言どうするとか、ポップアップのデザインとか、クリック数が増えるのはどうなのかとか
そこは非公式のフットワークというのがいいのかなと

実装例がある方が、社内会議を通しやすいのかなってのも考えてたり
まあスクリプトあるから要らないだろってなるかもしれないですが

それでver0.53の不具合報告なんですが

下書きタグがあるのに、たまにクリエイター記事申請ボタンが押せるようになる（色がつく）みたいで
ふと気付いたらそうなってたのでどの操作でなったのか不明な状態です
色々試してみても再現しないので、もし他にも発生した人がいたら状況教えてください

下書きボタンを押すとポップアップが出た時に色がつくけど、OK押して閉じた時に灰色に戻るはずなんですが
上手く戻らないケースがあるのかも

29

うらうなぎ : 2019/01/08(火) 01:24:57

>>28のやつ自己解決
原因わかったので直しました

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/8 ver0.54更新)
https://ci-en.jp/creator/997/article/36314

最初に「保存されなかった編集があります」が出てた場合は、その時点でポップアップ用のデータが生成されてるけど
普通に編集開始した場合は、下書き保存する時にそれが生成されるから
プログラムの挙動がちょっと違うといういつものパターンだった

それと企画用タグにプレイ動画を追加しました
これも結構忘れるタグなんで、記事の内容を分析して、タグを付け忘れてそうな時は警告出したいなあ……

タイトルか記事中に"プレイ動画"って書いてある場合とか、そんな感じの

30

うらうなぎ : 2019/01/11(金) 14:58:42

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/11 ver0.55更新)
https://ci-en.jp/creator/997/article/36314

反映(仮)ボタンに切り替わる処理が動かなくなってたので直しました
クリエイターズ記事申請中には反映を反映(仮)に変更しないようにした時に判定をミスってたっぽい
しばらく記事書いてなかったんで気づかなかった

やっぱGithubかなんかに置いといた方がいいのかな
そしたら修正箇所もわかるし、Edgeでのインストール問題も解決しそうだし

ただGithubのエロ許容度がどれぐらいかわかってなくて、スケベ文字列が大丈夫かどうかっていうのと
表アカウントと混同しないようにしないとマズイというのが少々
Gitはリポジトリ毎にユーザー設定変えるのがちょっとめんどい

31

うらうなぎ : 2019/01/13(日) 21:59:17

https://bitbucket.org/uraunagi/dlchannel_extender/src/master/DLChannel_Extender.user.js

内容的には変わってないんだけど、このアドレスからもダウンロードできるようになりました
ただ、これ開発データの管理用サイトなんで、途中の状態でアップロードされちゃう可能性もあって
なるべくそうならないように気をつけるつもりではあるんだけど

Edgeの場合はここからダウンロードすればインストールが楽にできます
『RAW形式で開く』というボタンでダウンロード

いまの問題は、反映(仮)ボタンの挙動で、OKボタンを押してもすぐ次のダイアログがでてきて全然進まないケース
なんでそうなるのかがよくわかってない
とりあえず公開済みのクリエイターズ記事の編集をしてたらそうなった

もしそうなった場合はこれ以上のダイアログを無効にするにチェックをするとか、いったんスクリプトを無効にするとかして対処してください。原因が分かり次第直します

32

うらうなぎ : 2019/01/15(火) 21:36:06

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/15 ver0.56更新)
https://ci-en.jp/creator/997/article/36314

>31の問題修正と、あと編集画面でスクリプトが効かないことがあったので修正
やっぱりタイミングをあんまりガチガチにすると、ちょっとした動作の違いに弱くなってそう

明日あたりタグの修正でまた更新すると思うから、特に問題が起きてなければそのままでもいいかも

33

うらうなぎ : 2019/01/16(水) 22:10:50

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/16 ver0.57更新)
https://ci-en.jp/creator/997/article/36314

というわけで特別企画のタグを更新しました！
終了したキャンペーンについては別の色分けに

古いキャンペーンのタグはちょっと青みがかった灰色という微妙な色にしたんですが
意図としては、色分けなしのタグとはちょっと違ってて、でも今から使う用ではないよという
暗めの色にしとけば直感的にわかるかなあと

2019年注目のクリエイターと言われても、注目してるクリエイターはいつ何時でも注目してるんだけど
前にあった「次来る」や「2019年の二次元界隈に期待すること」タグの流れで、さらにクリエイター視点に絞った感じかな
Ci-enで新作の情報出してるサークルさんとか、今年初めて本出す予定の作家さんとかだと、そのへんの話をキッカケに書きやすそう

34

ねられるもの : 2019/01/26(土) 14:15:02

どうも、遅まきながら利用させていただいておりますー。

技術的な方面はサッパリですので現象面だけ報告させていただきますが、クリエイターズ記事申請を（その時分はDLChannel_Extenderを用いずに）行って、申請が通ってから「あ、やべ、クリエイターズ記事のタグ付いてないじゃん」と編集を行っていましたところ、Extender の影響で反映ができない形になっていました。

いったんExtenderを無効化して、記事を下書き保存してから再度編集に戻って反映する形で解決はしていますが、そうした現象がありましたよとだけ報告させていただきます。

35

うらうなぎ : 2019/01/26(土) 16:53:11

報告ありがとうございます！

そこらへんの動作はちょっと作りが甘くなってて
クリエイターズ記事のタグがないと申請自体できないわけだから、実用上問題かなと思ってたんですが
途中から使い始めたり、一時的に無効にしてると、そういう状況が発生しますね

考えてる対策が上手くいったら次のバージョンで直すつもりですが
自分でクリエイターズ記事を申請しないと確認ができないので、ちょっと時間かかるかもしれないです

現状ではいったん無効にするしかないですね
タグ付けして下書き保存して、その後ふたたびスクリプトを有効にすれば大丈夫だと思います

36

うらうなぎ : 2019/01/26(土) 16:55:32

あ、違うか
この場合は申請後の記事からいったんタグを外しても確認できそう

ちょっとやってみます

37

うらうなぎ : 2019/01/30(水) 17:08:29

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(1/30 ver0.60更新) - うらうなぎ - Ci-en
https://ci-en.jp/creator/997/article/36314

>>34のような場合でも安定するように修正したつもり
申請直後の画面とか、申請後にいろいろタグをいじったりしても、変な風にならないように

2月分のねくすとのタグも追加してます（1月分もまだ有効なキャンペーンのタグとして残してます）

それと同人イベント関連のタグを追加してます、色はユーザー設定タグと同じで
「コミケ」「ふたけっと」「りょなけっと」「ワンフェス」「コミティア」
他にも欲しいのがあれば言ってもらえば入れます
（別に同人イベントじゃなくてもいいです）

りょなけっとは来月ので最後らしいんですが、誰かタグ使って記事書いてくれると嬉しいなと

コミックマーケットに関しては、全体を表す「コミケ」の他に、何回目かを表す「C**」の表記を採用しています。
DLsite上での表記は「コミックマーケット**」だし、記事でのタグ使用例も多いんですが、以前特別企画のタグでC94（かC93だったか）が採用されたことがあったので。
両方対応もできるけど、できれば統一したい。

38

うらうなぎ : 2019/02/01(金) 14:35:11

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(2/1 ver0.61更新)
https://ci-en.jp/creator/997/article/36314

前回更新以降まだ記事を書いてないので、仕様面での違いはないです。
タグのリストをいじっただけ。

まず1月が終わったので、ねくすとタグを終了した企画の方にうつしました。

あとuser_tagsにいくつか新しいのを追加してます。
"Ci_en","英語","海外エロゲー","Steam"

サイトの正式名称はCi-enだけど、Twitterではハイフンが使えないから、公式ハッシュタグが#Ci_enなのでそれに合わせて。
ちょっと気になるのがハイフンの方が2種類あること。たぶんハイフンとダッシュの2種類が存在しちゃってる。
アンダーバーの方が表記ゆれしにくそう。

あとは2月のねくすとネタに合わせて、（おれが）海外ネタを書く時に使いそうなタグを足しました。

ユーザーが自由に書く欄と初期登録のタグの欄を分けるというのは、やろうとして忘れてた。
"同人誌"タグもuser_tagsに入れといてよかったかもしれない。企画終了後も使えそう。
あとアテナちゃんがひそかに流行らせようとしてた"体験談"タグとかも

子宮姦と子宮口はどっちを使うか悩ましい。
厳密に言うと違うけど、できれば同じタグにした方が記事の連携が強くなるだろうし。
そして卵巣と卵巣姦の問題も……

39

うらうなぎ : 2019/02/01(金) 22:41:19

DLチャンネルの記事編集を楽にするGreaseMonkeyスクリプト(2/1 ver0.62更新)
https://ci-en.jp/creator/997/article/36314

「オススメ作品レビュー」タグ追加
まさか追加のキャンペーンがあると思ってなかったけど、すぐにいるタグなので早速更新

あと標準のuser_tagsなんだけど大幅に拡充してみた
表記ゆれに関してはなるべく多い方を選んだつもり
今のところおれしか使ってないタグもあるけど、別に専売というわけではないし、むしろ使って欲しい
その他パッと見で意味不明のタグは、だいたいpixiv産なので、pixiv百科事典に載ってると思う

「同人」と「同人作品」は使用例多いのわかってるだけど載せてない。
同人◯◯っていうタグも普及してるから、少ないタグ枠や利便性を考えると、そっち使う方がいいかなあと
ただここらへんの判断は難しいし、使いたいという人がいれば載せます

40

うらうなぎ : 2019/02/01(金) 22:43:33

0.62で設定してるタグ

//作品形式
同人ゲーム,同人誌,音声作品,同人音声,RPG,アクションRPG,エロRPG,TRPG,SLG,調教SLG,アクション,シューティング,音ゲー,レトロゲーム
//その他ジャンル的タグ
ゲーム機,家庭用ゲーム,全年齢作品,バイノーラル,耳かき,バトルファック,男主人公,ふたなり主人公,グロ,ドMホイホイ,戦闘中エロ,二次創作,擬人化,Vtuber,うんこ無修正,海外エロゲー,体験談,仲間とセックスできるゲーム,主人公としかセックスしないゲーム
//キャラクター設定・容姿
筋肉娘,陰姦,ケツ毛,シーメール,メス男子,乳首チンコ,黒乳首,グロマン,爆根,四肢切断
//状況・フェチ
仰け反り絶頂,陰姦,蟹股ポージング,全裸,無知シチュ,ゲロ,ボコォ,男オナニー,無様エロ,変態洗脳,HEIZEN,フェベチオ,チンカス,臭いフェチ,身体に落書き,玉責め,子宮脱,食糞,卵巣,蟲姦,エロ処刑
//作品名
艦これ,アズールレーン,ドールズフロントライン,ガールズ&パンツァー,東方project,東方二次創作ゲーム
//各種イベント
コミケ,ふたけっと,りょなけっと,コミティア,ワンフェス
//それ以外のタグ
DLsite,DLチャンネル,アテナちゃん,にじよめ,にじよめちゃん,Ci_en,Steam,Amazon,英語