feat(client): データセーバーモードの追加

[kakkokari-gtyih]

Fix #10471

What

• 「データセーバー」設定が追加されます
  • 全メディアを隠す
  • 画像においてBlurhash読み込みを強制
  • メディアが隠れている際にそのメディアのファイルサイズを表示
• NSFW指定がないメディアを隠しているときに、「⚠️閲覧注意」が表示される問題を修正

Why

• データ通信量の削減のため
• NSFWでないメディアを隠したときにNSFWである旨が出るのがおかしいため

Additional info (optional)

【図１】新設の設定項目

【図２】非NSFW + データセーバー有効時のメッセージ

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[codecov]

Codecov Report

Merging #10478 (9602624) into develop (a674399) will increase coverage by 0.03%.
The diff coverage is 81.25%.

@@             Coverage Diff             @@
##           develop   #10478      +/-   ##
===========================================
+ Coverage    76.07%   76.10%   +0.03%     
===========================================
  Files          896      899       +3     
  Lines        88490    88665     +175     
  Branches      6247     6247              
===========================================
+ Hits         67317    67481     +164     
- Misses       21173    21184      +11     

Impacted Files	Coverage Δ
packages/frontend/src/components/MkMediaImage.vue	92.08% <50.00%> (-0.62%)	⬇️
...ages/frontend/src/components/MkImgWithBlurhash.vue	89.74% <100.00%> (+0.26%)	⬆️
packages/frontend/src/components/MkMediaVideo.vue	100.00% <100.00%> (ø)

... and 4 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[acid-chicken]

見た目の点では良さそうな一方、機能の点では非 NSFW だけサイズの情報が得られるのはアンバランス感があり悩ましい

[kakkokari-gtyih]

Twitterだと、データセーバー + センシティブ表示では２アクションで画像を見れるけどなんかコレジャナイ感

[kakkokari-gtyih]

閲覧注意のときは「閲覧注意（サイズ）」で表示させると良いかも・・・？

[syuilo]

メディアの表示設定機能はデータ通信量を削減する目的ではなく、強制的にNSFW設定で表示する機能なので、現状に問題があるようには感じません。また、NSFWはデータ通信量を削減する目的があるわけでもありません(NSFW設定したとしても画像が裏で読み込まれるように改修される可能性も十分にあり、NSFW設定されていると画像が読み込まれないのはあくまで副次的、かつ偶然の効果にすぎません)
そのため「データ通信量を削減できる設定」が必要なのであれば、別機能として実装した方が良いように思いました

[kakkokari-gtyih]

メディアの表示設定機能はデータ通信量を削減する目的ではなく、強制的にNSFW設定で表示する機能なので、現状に問題があるようには感じません。また、NSFWはデータ通信量を削減する目的があるわけでもありません(NSFW設定したとしても画像が裏で読み込まれるように改修される可能性も十分にあり、NSFW設定されていると画像が読み込まれないのはあくまで副次的、かつ偶然の効果にすぎません) そのため「データ通信量を削減できる設定」が必要なのであれば、別機能として実装した方が良いように思いました

別機能として実装するようにします

[kakkokari-gtyih]

コンフリクト解消

[tamaina]

リモートのファイルでファイルサイズが0の場合があるので、その場合はサイズを表示しないようにした

[tamaina]

p1.a9z.devで動作中

@syuilo 確認してみて

[syuilo]

画像をデフォルトで隠したとして果たしてデータセーブになるのかよくわかっていない(人間の心理的に隠された画像あったらたいてい開かない？)

[tamaina]

webpで20kb前後まで圧縮してるのであんまり効果なさそうではある

（バックグラウンドの読み込みを止めるとかのほうが効果ありそう）

[tamaina]

ただ携帯回線の「ギガ」を消費しきって200kbpsになるとかだと20KBでもでかいので意味はある

[syuilo]

🙏🏻 🙏🏻