たまにある質問/画像・動画・メディア

Last-modified: 2024-09-17 (火) 12:08:30

Sikiでは画像のみならず、Youtubeなどの動画／ブログやニュースサイト／X（旧Twitter）などのURLも可能な限り自動で読み込み表示するようになっている。

メディアの閲覧

Q.どんなメディアを表示できる？

スレッド内に貼られたURLをSikiで（広義の）サムネイルとして埋め込み表示できるのは以下の4分類。

  • 画像（gifアニメを含む）
  • 映像（動画／音声）
  • サイトカード（ニュースサイト／ブログ／InstagramなどのOGP）
  • X（旧Twitter）

siki-medias.png

なお、Sikiはx.comのURLに完全対応しているが「X」では設定検索が不便なためか設定ではTwitter表記が多く残されている。

Q.スレに表示されるサムネイルの種類を変えたい

前項にあるメディアの表示を個別にオン／オフしたい場合は、「設定 > サイト編集 > スレッドのサムネイル > 表示するサムネイル」にある項目のチェックを入れる／外す。その後「開いているスレッド/板に適用」を押す。

siki-4-thumbnails.png

Q.サムネイルを拡大表示したい

  • 画像URLにマウスオンで「画像プレビュー」（ホバーポップアップ）
  • スレの画像サムネイルをクリックすると「画像ポップアップ」
  • 画像URLをクリックすると「画像ビューア」

が出る。ポップアップとビューアは操作体系が違い、どちらも大きな変更が加え続けられている。
画像を見たいだけであれば画像クリックしてポップアップを使い、複雑な操作をしたい場合にURLクリックでビューアを呼び出すと良いだろう。
ホバーによるプレビューは「このURLはどの画像だっけ？」といった時などに便利。

なお、サムネイルそのものを非表示にしている場合は、URLクリックによるビューア起動のみが可能である。

Q.今見ているレスの前後にある画像を素早く眺めたい

スレの画像サムネイルをクリックすると「画像ポップアップ」が出るので、その上でホイールを回すと画像を切り替えられる。
他にも下記のような操作が可能だが、より高度な操作やカスタマイズがしたい場合は画像ビューアの方を使おう。

https://egg.5ch.net/test/read.cgi/software/1648170512/36

36: RomTenma sage 2022/03/28(月) 00:55:32.22 ID:GyxFuCJJ0
画像ポップアップのマウス操作はこういう感じになっています

左クリック: 画像を閉じる(設定で元のスレに戻るかぼかし状態に変更可能)
ホイール: 前後の画像へ移動
Ctrl+ホイール: 画像の拡大縮小
Shift+ホイール: 画像の回転
Alt+ホイール: 画像の明暗
マウス左＋右同時クリック 画像の直接保存

今の所左クリック以外の設定は変更できません

0.15.11以降はホイールジェスチャをポップアップ画像にも設定できるようになった。
それ以前のバージョンを利用していた場合は、一度wheel.jsを削除して再起動することで更新された設定ファイルが自動生成される。
wheel.jsを自分で編集できるのなら#popupcanvasをキーに指定して設定する。編集方法の詳細はこちらを参照。

Q.ポップアップ画像のホイール操作が自動で画像切替からスクロールに切り替わるのを止めたい

0.29.2で修正された以下の動作を以前のような状態に戻したい場合は、後述を参考にしながらwheel.jsを編集する。

・ポップアップ画像を拡大等の操作の結果最大幅を超えた場合はホイール動作で画像をスクロールするよう変更

https://egg.5ch.net/test/read.cgi/software/1723781529/829

829: RomTenma sage 2024/09/14(土) 22:04:30.06 ID:z0IxDpv70
>>824
whee.jsに以下の記述を追加で最大幅を超えたときの挙動をキャンセルできます

'.overflow#popupcanvas': { }

https://egg.5ch.net/test/read.cgi/software/1723781529/834

834: RomTenma sage 2024/09/14(土) 23:24:43.45 ID:z0IxDpv70
>>833

#popupcanvas
直前の , を忘れるとリセットされてしまうので注意
https://i.imgur.com/zEu94k2.png

クリックして詳細をオープン

siki-popup-overflow-zEu94k2.png

Q.スレに貼られている画像をまとめて見たり操作したりしたい

スレに貼られている画像URLをクリックすると画像ビューアが出るので、ヘッダー右上にある■ボタンを押すとスレに貼られている画像のサムネイル一覧が出る（タイルモード）。

大きな画像を表示するシングルモードでは、下部の一覧から選択して表示できるほか、ホイールでも画像を切り替えられる。
siki-image-viewer.png

Q.画像ビューアのデザインを変えたい

画像ビューアのテーマ設定はワークスペースとは独立している。
画像ビューアの「ハンバーガーメニュー > テーマ」から選択／変更できる。

Q.スレの画像を保存したい

スレ上やビューア上の画像を右クリックして保存することもできるが、画像のサムネイルをデスクトップやフォルダにドラッグアンドドロップするだけで一発保存が可能。

Q.画像をまとめて保存／削除／ぼかし処理したい

レス単位で画像をまとめて処理したい場合は、ドラッグでレスを複数選択してから「右クリック > 画像リンク」。1レスだけを選択することはできないので前後のレスも巻き込んで指定するのがコツ。スレ単位で処理したい場合はCtrl-aで全選択できる。

より柔軟に選択したい場合は、画像URLをどれかクリックして画像ビューアを開きタイルモードにし、左ドラッグ（範囲指定）／Ctrl+左クリック（個別追加・除外指定）／Ctrl+A（全選択）などで複数選択してから右クリックで保存などする。タイルモードではドラッグが範囲指定モードになってしまうためドラッグアンドドロップによる一発保存はできない。

レス内の連続する画像をまとめて処理したい場合は、ドラッグで画像URLを文字列としてまとめて選択してから、URL上でなくその左右の空いている場所で「右クリック > 画像リンク」という方法もある。操作方法がトリッキーで、URL以外の文字列も巻き込まないと右クリックした瞬間に選択が解除されてしまったりもするのであまりおすすめはしない。
siki-tricky-multi-img.png

Q.画像や動画を含むレスを抽出したい

フィルターを開いて「画像」や「動画」を指定するとそれらを含むレスのみが抽出される。Ctrlを押しながらクリックすることで「画像または動画を含むレス」のように複数を選択可能。

siki-filter-images.png

Q.ホバーポップアップが一瞬で表示されるようにしたい

誤操作防止などのために遅延が入るようになっているので「設定 > 画像/映像 > ホバーポップアップの遅延時間」を0にすると一瞬で出るようになる。

フェードインも消したい場合はmain.cssに以下を追加。
https://egg.5ch.net/test/read.cgi/software/1680333697/169

.inlinepopup img {
  animation-duration: 0s;
}

Q.スレに表示されるサムネイルの大きさを変えたい

「設定 > テーマ編集 > サイズ > サムネイル画像の 幅／高さ」。
動画やサイトカードなどの大きさも同じところに項目がある。

サムネイルの表示サイズを大きくした場合、サムネイルのキャッシュを再作成させないと表示がぼやける。
「設定 > 画像/映像 > スレ内画像 > サムネイル画像の解像度」を必要なサイズまで大きくしてから「設定 > 画像/映像 > 画像キャッシュ > キャッシュ削除」を押してSikiを再起動。

Q.ふたばなどの画像掲示板のスレ一覧にサムネイルを表示したい／されない

「サイト編集 > 全体設定 (> サイト別設定 > 2chan.net) > ヘッダーに表示する項目 > [画像]：サムネイル画像 にチェック > 開いているスレッド/板に適用」

適用しても反映されない場合はウィンドウのリフレッシュやキャッシュ消去を試す。
板単位で設定したい場合は次のQを参照。

Q.画像掲示板の板をカタログで見たい

「板ヘッダー下のヘッダー（タイトル、勢いなどがある部分）を右クリック > 板のスタイル > カタログ」を選択する。サムネイルが表示されていない場合は、同じく右クリックして「[画像]：サムネイル画像」にチェックを入れる。
siki-futaba-catalog-marked.png

Q.カタログ表示を選択したら画面が大きく崩れる

「設定 > サイト編集 > 板 > サムネイル画像の大きさ」を一度別の値にすると直る場合がある。直った後は元の値に戻しても大丈夫。
（カタログ実装以前のバージョンからSikiを使用していた場合などに？）サムネイルのサイズ情報が内部的におかしくなっていることがあるのかもしれない。
siki-catalog-broken.png

Q.動画を最大化してもすぐに元に戻ってしまう

動画を最大化してもすぐ元のサイズに戻ってしまったり、その後でSikiが重くなって再起動が必要になったりしてしまう不具合があるようだ。特定の動画でだけ発生する場合は、URLの方をクリックして外部ブラウザで再生すると良いだろう。

https://egg.5ch.net/test/read.cgi/software/1713112729/887

887: RomTenma sage 2024/04/28(日) 21:17:17.35 ID:OSea6gud0
フルスクリーンは完全に制御出来ない部分がありますね

見えないメディアがある場合

Q.画像やサイトカードなどを表示できるサイトを増やしたい

設定UIがないため、\profile\compatible\ImageViewURLReplace.datを直接編集する。編集後は要再起動。スーパーリロードが必要な場合もあり。

このファイルはJane系ブラウザのレガシーのため、SikiのUIとは統合されておらず独特な書式や扱いとなっている。Sikiがどこまで互換性を保たせているかは不明だが、ImageViewURLReplace.datの詳細な書式などについてはこちらが参考になるだろう。

現在は標準で表示されるようになっているが、Instagramを例に解説する。

https://egg.5ch.net/test/read.cgi/software/1631802792/354-356

356: RomTenma sage 2021/10/28(木) 20:00:54.18 ID:CL50WklU0
>>354
サムネイルは ImageViewURLReplace.dat のOGP対応サイトにinstagram.comを追加しておけばカードとして表示します

動画を再生できる状態には今は多分出来ないです

ImageViewURLReplace.datを開き「OGP対応サイト」というコメントの下の行に、他のドメインと並ぶように「|instagram\.com」を挿入する。※正規表現に注意。詳しくはこちらを参照。

その他のサイトも、OGPに対応していれば同様に追加することで表示可能になる。主要どころは適宜追加されていくので、時々ImageViewURLReplace.datを削除してやるだけで良いが、急ぐ場合や対応されない場合は手動で追加してみよう。

Q.TikTokの直張り動画を見られるようにしたい

ImageViewURLReplace.dat（前のQを参照）に以下を追記。

^(https?://[^\.]+.tiktokcdn.com/\S+)【TAB】$&【TAB】$&【TAB】$MOVIE

※一部環境では音声しか再生されないとのこと。

TikTok以外のサイトも|で区切ってURLを追加することで対応可能な場合がある。
以下はakamaized.netに対応する例。

^(https?://[^\.]+.(?:tiktokcdn.com|akamaized.net)/\S+)【TAB】$&【TAB】$&【TAB】$MOVIE

Q.読み込めるはずのサイトカードがエラーになり表示できない

以下の操作により正常に読み込める場合がある。次のQも参照。

  • 読み込みに失敗したサイトカード（リンク先の抜粋紹介枠）上で右クリックして「キャッシュを削除」してからリロード
  • 「スレタブを右クリック > 閉じる+ > タブを閉じてログを削除」してから開き直す（「タブ上で右クリック > 閉じたタブを開く」など）

Q.表示できるはずの画像が表示されない

ブラウザビューや外部ブラウザなどで問題なく表示できるのにスレ上では表示されない画像などがある場合には「設定 > ネットワーク > IPv4によるネットワーク接続を優先する」にチェックを入れると直ることがある。

Q.特定サイトの画像だけ表示されない／画像取得時に使用するUAを変えたい

画像を掲載しているサイトがUA（User Agent）に制限をかけていて画像を表示できない場合があり、取得時に使用されるUAの変更により対処できることがある。

使用するUAは最新のものをChromeなどで自分で調べて記載すること。
なお、ほとんどの場合で次にSikiをアップデートした時点で問題なく表示できるようになる。不要になったら上記の設定は逆にトラブルを起しかねないので消しておこう。

Q.（臨時）Imgurの画像が表示されなくなった

2024年8月時点で、0.31.7-beta.1までのバージョンではImgurの仕様変更によりそのままでは画像のサムネイルが表示されない場合が発生している。
0.31.8以降にバージョンアップすれば解消されるが、そうできない場合は\profile\compatible\ImageViewURLReplace.datに以下を追記して再起動することで対応可能。

https?://imgur\.com/([\w\d\-\_]{7,}\.\w+)$【TAB】https://i.imgur.com/$1【TAB】$&【TAB】$VIEWER

メディアを「見たくない」場合

見たくないメディア（投稿者／URL／添えられる文言など）の特徴をある程度絞り込める場合は「NG機能」も活用しよう。

Q.特定の画像を見たくない

見たくない（なかった）画像、もしくはその画像URLを「右クリック > 画像をNG」をクリック。

デフォルト状態では、画像をNGするとその画像の投稿者のIDやBBSSLIPも自動でミュートとなる。
自動ミュートをオフにしたり、対象を変更したりしたい場合は「設定 > 画像/映像 > NG/ぼかし」にある各項目を変更すると良い。

荒らしではないが個人的に直視したくないだけの画像などの場合は「画像をぼかす」を選択してサムネイルをぼかすだけにしておくこともできる。
siki-ng-image.png

自動で保存されてしまった画像は「画像を削除」で手動削除できるが、0.31.4以降はSikiを次に起動したタイミングでNG済の画像が自動削除されるようになったので、手動で消さずとも画像ビューアなどでうっかりまた見てしまう心配はなくなった。

Q.NGした画像に似た画像もNGしてほしい

「設定 > 画像/映像 > NG/ぼかし > 画像取得時にPerceptual Hashを生成し、NGに活用する」をオンにすると、NGした画像のpHashも登録され、似ていると判定された画像も自動でNGされるようになる。

手動で貼られている画像には相応の効果を発揮するが、スクリプトによる荒らし画像に関しては、残念ながら荒らし側が画像を加工して回避するようになっているため、5chではそれほどの効果は期待できなくなっている。
閾値を変えるなどの対応は誤爆が多くなり、荒らしとのいたちごっこになるのも見えているため行われていない。こうした荒らし画像については別のアプローチも試みられている。

Q.NG画像のサムネイルが表示されてしまう

NG指定を確認後左上アイコン🔄で画面の更新をしてみる。
ポップアップとビューアで弾いている場合には有効。

Q.全ての画像のサムネイルが自動表示されないようにしたい／画像を非表示化したい

  • 「設定 > 画像/映像 > スレ内画像 > 未取得画像を自動でダウンロード」を「何もしない」か「サイズのみ取得」にすると、画像の自動ダウンロードが停止されサムネイル枠だけが表示されるようになる。見たい画像の場合はその画像のサムネイル枠をクリックするだけでOK。
  • グロ回避などの理由で画像にぼかし（モザイク）を入れるだけで十分なら「設定 > サイト編集 > スレッド > 新規画像をぼかして表示」にチェックを入れて一番上の適用ボタンを押す。※上記の「未取得画像を自動でダウンロード」で自動ダウンロードを停止しているとぼかし処理されないため注意。
  • スレ内の画像サムネイルをすべて非表示にしたい場合は「設定 > サイト編集 > スレッドのサムネイル > 画像」のチェックを外して一番上の適用ボタンを押す。

などの方法がある。

サイト編集を用いた方法は特定の掲示板や板だけを対象にできるので、画像荒らしの多い掲示板だけを対象に設定すると良いだろう。5chに荒らしが居るからといって別サイトの画像まで巻き込んで消す必要はないわけである。
siki-5ch-blur.png

Q.スレッド内の画像などの表示／非表示をワンタッチで切り替えたい

  • 画像：thread:thumbnail.image
  • 動画など：thread:thumbnail.movie
  • サイトカード：thread:thumbnail.card
  • X（旧Twitter）：thread:thumbnail.twit

というコマンドで表示中のスレッド内にある各種メディアの表示のオン／オフを切り替えられる。よく使うものをパネルアクションやジェスチャなどに追加しておくと良い。

Q.自動でかかったぼかしを解除したい

画像のぼかしは「画像を右クリック > ぼかし解除」で解除できる。

動画のぼかしは、0.25.9以降であれば「埋め込まれた動画を右クリック > 動画のNGを一時的に解除」でその場限りの解除ができる。解除したままにする方法は現時点ではない。また「右クリック > ピクチャーインピクチャー」でもぼかしなしで視聴可能。

Q.大量の画像をまとめてぼかしたい／ぼかし解除したい／NGしたい

「Q.画像をまとめて保存／削除／ぼかし処理したい」を参照。

Q.「グロ」アンカーがついた画像にぼかしがかからない時がある

画像を一度開いて読み込んでしまうと、その後に「グロ」などのぼかし対象のアンカーレスがついてもぼかしが入らない。画像の右クリックメニューで「画像をぼかす」を選択するか、同メニューで「画像を削除する」を実行してからスレを再読み込みすることでぼかしが入るようになる。

Q.「まぐろ」が入ったアンカーがついた画像にぼかしがかかる

グロアンカーぼかし機能の判定パターンは上級設定をオンにして 「設定 > サイト編集 > スレッドのサムネイル > 警告文字(正規表現)」で変更できる。誤発動が気になる場合は次のようなパターンを試してみよう。

(?:(?<![ァ-ヴー])グロ(?![ァ-ヴー])|(?<![ぁ-ん])ぐろ(?![ぁ-ん])|注意|虐待|死体)

Q.未取得画像の自動ダウンロードをオフにしても画像URLをどれかクリックしただけで全部ダウンロードされてしまう

「設定 > 画像/映像 > スレ内画像 > 未取得画像を自動でダウンロード」を「何もしない」などにしていても、画像ビューアを開くとそちらで自動ダウンロードされてしまう。
これを止めるには「画像ビューアのハンバーガーメニュー > 画像 > 画像を自動取得」の方もオフにする。

グロ画像などが直接目に飛び込むのを避けたいのであれば「設定 > 画像/映像 > ウィンドウ > 画像ビューアの新着画像をぼかして表示」にチェックを入れるのも良いだろう。

Q.どのタブにあるかわからない動画／音声の再生を止めたい

個別にメディアを制御するような機能は残念ながらないのだが、ウィンドウのリフレッシュボタン↺を押せば再生中のメディアを全て止められる。

Q.グロ画像を自動で判定してNGしてほしい

Sikiではスクリプト荒らし対策「Siki Guard」の一環としてグロ画像の自動判定や荒らされているスレ全体への自動ぼかし適用などを色々と実験しているので、詳しく知りたい人は「NG機能」の該当項目を参照。

https://egg.5ch.net/test/read.cgi/software/1720925554/243-247

247: RomTenma sage 2024/07/29(月) 08:29:40.20 ID:jaqKSIY70
Azure AI Visionも試していますがGore判定になりにくいジャンルも多いのでそこまで完全に防げるわけではないですね

メディアのアップロード

Q.画像をアップロードしてレスに貼りたい

画像を書き込み欄へドラッグアンドドロップし「アップロード」を押すだけで自動的にImgurにアップロードして書き込み欄にURLを挿入してくれる。クリップボードに画像をコピーして書き込み欄でCtrl+Vでも可。ここでアップロードした画像は後で削除も可能（次項参照）。
対象がふたばやガールズちゃんねるといった画像投稿機能を独自に持つ掲示板の場合はImgurではなく、そのサイトへ直接アップロードされる。※Ctrl+VだとImgurになってしまうようなので注意。

次のQにある画像メニューで「ファイルから追加」を選択してアップロードもできる。

Q.アップロードした画像を削除したい

「書き込み欄を開く > 左下に3つあるアイコンの一番右をクリック > アップロード履歴 > 削除したい画像を右クリック > imgur > ○個の画像をサーバから削除」
Ctrlを押しながら画像クリックで複数画像をまとめて消せる。

siki-img-button-menu.png

Q.Imgurの回数制限に引っかかってアップロードできなくなった

Imgur側の制限が厳しくなってきているため、頻繁に投稿する人は制限にかかってしまう場合がある。
自分のアカウントを使って投稿することで（ログイン状態でも規制されるほど大量でなければ）問題なく投稿できるようになる。その方法はこちらを参照。

https://egg.5ch.net/test/read.cgi/software/1698621347/509-515

515: RomTenma sage 2023/11/22(水) 23:46:18.71 ID:zstubSGZ0
>>514
投稿して何らかのエラーが発生し、返ってきたヘッダーに x-post-rate-limit-resetがあったときにその秒数分の制限時間がセットされる仕様です
投稿制限以外のエラーが発生した場合でも同じ制限がかかる可能性がありますね

一応この制限時間は再起動で解除されるゆるいものなので制限が出た時は試してください

現在は他のアップローダーも選択できるようになっているので、アップローダーを変更して負荷を分散することも検討しよう。

Q.Imgurにアップロードした画像の削除に失敗したら消せなくなった

https://egg.5ch.net/test/read.cgi/software/1713372218/408

408: RomTenma sage 2024/05/16(木) 01:04:05.38 ID:2/jCYvBY0
imgurのAPIは削除に成功しようが失敗しようが関係なくサーバーからsuccessが返ってくる仕様になっていたためサーバーから削除されずに残ってしまう可能性があるようです

基本的にuploaded.jsには過去にアップロードされたURLと削除キーがすべて残っているはずなので
削除したのに削除されていない画像URLを探し、 "alive":false から "alive":true へ変更して再起動
その後普通に削除する操作を行えば削除出来るようになるはずです

Q.Imgur以外のアップローダーを使いたい

0.30.0以降、ドラッグアンドドロップによるアップロードの際にアップロード先を選べるようになった。
0.30.0時点では「Imgur」「ImgBB」「imgbox」が使える。

siki-upload-img.png

https://egg.5ch.net/test/read.cgi/software/1718452016/55

55: RomTenma sage 2024/06/22(土) 01:38:19.88 ID:WbNQAIJJ0
Siki 0.30.0-beta.2

imgbbへの画像アップロードに対応
今のところ非ログイン状態ではアップロード履歴に残らず、削除も出来ないので注意してください
imgbbへGoogleアカウントでログインし、プロフィールを非公開の状態にして使うことを推奨

https://egg.5ch.net/test/read.cgi/software/1723781529/809

809: RomTenma sage 2024/09/14(土) 14:09:06.36 ID:z0IxDpv70
imgbb.comへの画像アップロードはアカウントを作った状態でないと画像を直接貼ることが出来ないようになっています

ログインはブラウザビューでImgBB、imgbox、もしくはGoogleを開いて行う。

Q.お絵かきしたい

「設定 > レイアウト > アクション > パネルコマンドの設定 > 書き込み ヘッダー／フッター」に「お絵かき」を設定すると、対応サイトで書き込み欄を開いた時に設定した位置にアイコンが出現しこれを押すことでお絵描きできるようになる。

siki-enable-oekaki.png

お絵描きを開いた後は、投稿か削除するまでキャンバスが保存されていて続きを描ける。

siki-oekaki-0-31-3.png

お絵描きツールの実体はpainterroとのこと。