Electronによる掲示板ビューア Siki Part36

https://sikiapp.net/

・Windows、Mac、Linuxで動作します
・色々なサイトを同一のインターフェースで閲覧することを目標に開発しています

※5ch専用ブラウザではありません(重要)

Wiki
https://wikiwiki.jp/siki-app/
Siki掲示板（公式）
https://bbs.jpnkn.com/siki/

過去スレ
Electronによる掲示板ビューア Siki Part35
https://egg.5ch.net/test/read.cgi/software/1700214602/

1乙

壱小津

なんかポイント乞食がそこら中に文章貼りまくってるけど
文章の一部を範囲選択してNGに突っ込んでも何も起こらない
全文数値文字参照で書かれてたりするのかな？

最初のtikだけで消え去るじゃん

「数値参照文字として表示」で実際の文が見える
各レス右下の・・・マークから切り替えられるよ

>>6
おおおこんなテクニックが！
ありがとう、見事に消せました

ミュートの文字列に&が含まれていると正しく機能しなかったみたいです

改めて乙

NGといえば、ポップアップ先にNGがあってもそのまま表示されちゃうのね
1にある前スレリンクのポップアップ見て気づいた

スレポップは1レス目だけでいいかもね

main.cssで@font-faceによって絵文字表示させてたのですが、β版になってから多数の絵文字が表示できなくなりました
cssに書き直してみたり初期設定のcssでも確認してみましたが、今のところ表示されなかったり組み合わせの絵文字がバラバラになったりですね

絵文字の表示テスト
Emoji 11.0 🥰🥳🥺👨🏼‍🦱🥯♾🏴‍☠
Emoji 12.0 🥱🧏🏻‍♀🧑🏾‍🤝‍🧑🏼🐕‍🦺🪁🧉🟢
Emoji 12.1 🧑‍🦰🧑🏾‍⚕🧑‍🌾🧑🏽‍💻🧑‍🦯🧑‍🦼👩🏻‍🤝‍👩🏼
Emoji 13.0 🥲🥸🥷👨🏻‍🍼🐈‍⬛🐻‍❄🏳‍⚧
Emoji 13.1 😶‍🌫😮‍💨😵‍💫❤‍🔥❤‍🩹🧔🏿‍♂👩🏻‍❤‍👩🏻
Emoji 14.0 🫠🫥🥹🫰🏻🫵🏿🫱🏾‍🫲🏻🫃

Country flag (※並びはCJK統合漢字から)
🇨🇳🇯🇵🇰🇷

国旗以外は表示できてるじゃん。意図してたものとは違うかもしれんけど

国旗は使ってるフォントによるからね
MSは国旗表示しない方針と聞いた

国際紛争に巻き込まれたらかなわんからね

自分の環境だとポータブル(dataフォルダで運用)で全く同じ設定(dataフォルダまるごとコピー)で
0.26.2と0.27.0-beta.1比較するとこんな感じ
マークした名前の背景色や左のボーダーの幅や色が適用できてないのと
フォントも同じ設定なんだけど国旗が表示できない

0.26.2
https://i.imgur.com/Ma6yojI.png

0.27.0-beta.1
https://i.imgur.com/ujqyBsj.png

2番めの表示してないのか
うちはこうなってる
https://i.imgur.com/FFDKISn.jpg
バージョンは0.26.1

何か根本的に違うようですね
Emoji 13〜とか元々sikiで表示できなかった気がしますが表示できる人が多い…？
windows10なのは関係あるかな
https://i.imgur.com/YLcwXzp.png

関連しそうなもので、自分で入れたはずのフォントがいつの間にか設定から選べなくなっている
その辺が関係してそう
これは全てのユーザーにインストールしてたのを変えたからか？でも絵文字が見えなくなったのはβ版アプデ後

↑は@font-face適用せず
https://i.imgur.com/YLcwXzp.png

↓@font-face適用
https://i.imgur.com/REiff9d.png

>>16
国旗は設定項目
絵文字の表示方法
を見直しては

>>15
sassからcssへの変更で色指定が上手くいかない場所がrgba(カラーコード, 透明度)になっていたなら修正が必要
sass → css
background-color: rgba(#FFF, 0.5); → background-color: rgba(255, 255, 255, 0.5);


あと、コードをよく分からずコピペで使っていた場合に確認と修正をした方がいいのが3つ
1. コメントアウト。cssは行コメント「//こめんとほにゃらら」が使えないのでブロックコメント「/*こめんとほげほげ*/」に修正
2. ネストは記号 & . # : + > ~ [ @ 始まりにする必要があるのでdivやspanなどのセレクタをネストするときは 「& 」&半角スペースを付ける必要が今はある
3. 変数の書き方。sassは「$ヘンスウメイ」だったけどcssは「--ヘンスウメイ: 値」で定義して呼び出すときは「var(--ヘンスウメイ)」になってる

これは作者に確認したいのですが、css構文で定義したグローバル変数が上手く動作しなかったのですが仕様ですかね？ v0.27.0-beta.1で確認してます

>>17
Windows11だとメモ帳でも国旗以外は表示出来ているよ
https://i.imgur.com/CVEQ4yZ.png

たぶんフォールバックフォントはSegoe UI Emoji
https://i.imgur.com/vgYbl0L.png

>>20
usercssはmaincssの次に.theme{}の中に記述されるから:root & {}で記述すればいい
@keyframesとかはmainに移さないといけないな

>>20
勉強になったよありがとう
変数使えたのか

>>23
> usercssはmaincssの次に.theme{}の中に記述されるから:root & {}で記述すればいい
ありがとう。:rootの後に &が必要なのは気がつけてなかったわ

>>17
自分で入れたフォントが設定で見当たらない問題は、フォント選択時にja→Allで見つかりました

絵文字の表示問題は結論から言うと
Electron27以降で、システムにインストールされたNotoColorEmoji_WindowsCompatible.ttfを
src: local("Noto Color Emoji");
という形で利用しようとすると該当する絵文字が透明になる問題が発生します

これは恐らくChromium 117か118以降に発生する問題で、簡単なHTMLを書いてChromeで開くことで確認しました

フォントファイルへの絶対パスを指定することで回避できるようですが理由はわかりません
```
src: url('file:///C:/Users/xxx/Documents/NotoColorEmoji_WindowsCompatible.ttf');
```

フォントの最新版+win11だとこんな感じになります
https://i.imgur.com/IhoEx7Z.png

キレイすぎて草

うちのVivaldi(win10)でインストールした絵文字だけ見えなくて不思議だったけど>>27これだったのか
Noto Color Emojiだけじゃなくblobmojiもダメだった
SikiだけはローカルのURLで指定してたから無事だったけど

>>27
素早い対応助かります、ありがとうございました
初期のcssだとまだ組み合わせの絵文字がバラバラになりましたがunicode-range調整してたやつだと行けました

【Siki】 0.27.0-beta.1 (x64)
【Electron】 27.1.3
【OS】 Windows_NT x64 10.0.19045