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

Last-modified: 2024-10-24 (木) 01:57:00

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.画像やサイトカードなどを表示できるサイトを増やしたい

GUIが用意されていないため、『…\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.32.1よりImageViewURLReplace.datが拡張され、URLによってメディアとして扱うか単なる文字列やリンクとするかを設定できるようになった。

https://egg.5ch.net/test/read.cgi/software/1727065955/370

370: RomTenma sage 2024/10/14(月) 20:04:39.86 ID:Fvarwzvw0
ImageViewURLReplace.datへの設定例

// imgur以外の画像URLを通常リンク、動画URLをテキストで表示させます
.*?imgur\.com/.*?(?:jpe?g|png|webp|gif)【TAB】$&【TAB】【TAB】$VIEWER
.*?\.(?:jpe?g|png|gif|bmp|webp)【TAB】$&【TAB】【TAB】$LINK
.*?\.(?:mp4|mp3|webm)【TAB】$&【TAB】【TAB】$TEXT

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.画像をアップロードしてレスに貼りたい

画像ファイルのアップロード機能を持つ掲示板であれば、画像を書き込み欄へドラッグアンドドロップするだけで投稿できる。(Ctrl+Vだとアップローダー使用になる)

それら以外の掲示板で、アップローダー類に画像を投稿した上でURLを貼りたい場合は、

のいずれかをするとアップロード画面になる。

siki-img-upload-0.32.0.png

「サイト選択」で希望のアップローダーを選び「アップロード」を押すとアップロードされ、成功すればURLがレスに貼られる。0.32.0時点では「Imgur」「ImgBB」「imgbox」が使える。

Imgur.com(API)を選択した場合はほぼ全自動でアップロードされるが、事前にAPIキーを取得してSikiに設定しておく必要がある。
他の選択肢を選んだ場合には、出てくる当該アップローダーの画面で手動でアップロードしてやる必要がある。この際に、ログインしておくことで後でSikiからの削除が可能となる。

画像をよくアップロードするのであれば、少々手間ではあるがImgurのキーを登録しておくことをおすすめしたい。

Q.画像をドラッグアンドドロップでアップしようとしたらエラーになる

Sikiのデフォルトで画像アップロードに使用していたImgurの制限が厳しさを増しており、2024年9月頃には非ログイン状態でのアップロードはほぼ不可能となった。

未ログイン状態では「画像アップロードに失敗」というエラーが出てしまうので、引き続き従来のようなImgurへの一発アップロードや投稿後のファイル管理や削除を使用したい場合はAPIのトークンを取得してSikiに設定する必要がある。

https://egg.5ch.net/test/read.cgi/software/1727065955/217

217: RomTenma sage 2024/10/06(日) 09:39:35.04 ID:a2Kb9wOy0
何も設定していない場合匿名モードでの投稿となりますが、匿名モードでもAPIを使うためのアカウントが必要になります
今はSikiの用意しているアカウントが投稿上限に達した為imgurへのアップロードが使えない状態になっています

Sikiから画像をアップロードしたい場合はimgur以外の選択肢を使うか各自がアカウントを設定する必要があります

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

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

siki-img-button-menu.png

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.お絵かきしたい

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

siki-enable-oekaki.png

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

siki-oekaki-0-31-3.png

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