bbs2chreader/chaikaスキンスレッド part8 [sc] | レス568-619

■ このスレッドは過去ログ倉庫に格納されています

1 2015/01/10(土) 10:29:25.54

●bbs2chreader
http://bbs2ch.sourceforge.jp/

●Chaika
https://addons.mozilla.org/ja/firefox/addon/chaika/
http://tabunfirefox.web.fc2.com/

●Firefoxまとめサイト〜bbs2chreader〜
http://firefox.geckodev.org/index.php?bbs2chreader

●Uploader [bbs2chreader]
http://bbs2ch.sourceforge.jp/uploader/upload.php

●smorgasbord
http://smorgasbord.drwatson.nobody.jp/

●PhantomPain2
http://chlice.qee.jp/app/

●関連スレ
bbs2chreader/chaika Part44
http://anago.2ch.net/test/read.cgi/software/1415199627/

●前スレ
bbs2chreader/chaikaスキンスレッド part7
http://anago.2ch.net/test/read.cgi/software/1360751657/

ここまで見た

568 2016/11/10(木) 02:38:43.77: >>517-518 と同じ話だろ

ここまで見た

569 2016/11/10(木) 02:48:49.24: >>567
例えばスタイルはlego-exで使いたいけどポップアップはchaikaライクのように半透明にしたい場合
style-lego-ex.cssのポップアップのスタイルの部分を削除してstyle-chaika.cssから該当部分をコピペしてたりしてたんだよ

20160601以降はこれまでの単純コピペ作業ではうまくいかなくなったってこと
素人なので応用できない

ここまで見た

570 2016/11/10(木) 02:50:53.36: >>568
お、既出でしたか失礼
そうまさにこれ
これ以外にもあるけど

ここまで見た

571 2016/11/10(木) 03:16:27.23: >>569
20160601以降？ということは実際には20160530からってことか
変更履歴から関係ありそうなのはこの辺かな

> ・CSSで項目を柔軟にレイアウトするためレスヘッダ部の1階層余分なHTML構造を廃止しました。
> ・レスの表示・非表示はスクリプトで直接変更せずにCSS側で行うようにしました。
> 　これにより、要約や検索抽出なども動作するようになりました。
> ・レスのポップアップでは最後に (参照:>>1) などと逆参照アンカーを挿入していましたが、これが
> 　レイアウトが乱れる原因になってしまうため普通にレス番号でポップアップを出すようにしました。
> ・ID欄の色分けの旧仕様を廃止し、オプションでID欄の色分け処理を無効に設定できるようにしました。
> 　なお、旧仕様に依存した外部スタイルで問題が出る可能性があります。
> ・標準搭載の各スタイルを調整しました。
> ・メール欄のage/sage判定を先頭一致で行うようにしました。
> ・レス選択のレス背景変更を検索の強調表示より優先（上書き）するようにしました。
> ・chaikaライクスタイルでレス選択を独自表示ではなく共通の青背景としました。また、自分/返信レスで
> 　名前の前の「自分:」「返信:」を太字の色付きにしました。

古いスタイルから持ってきたら HTML構造変わってるからそのままでは使えない可能性あるってことだな

あと style-chaika.css を見たけど、頭で色指定の定数切ってるから流用するなら
:root {} の部分を一緒に持っていった方がいいと思う

ここまで見た

572 2016/11/10(木) 04:06:28.43: >>571
おー丁寧にサンクス
俺にできるかわからないけど時間のあるときにじっくり取り組んでみるよ
:root {}ってchaikaのDefaultスキン風のスタイルの下にあるやつかな
それも使うと
こういうのわかってる人ならさくっとやっちゃえるんだろうねえ

ここまで見た

573 2016/11/10(木) 04:33:12.88: smorgas-lego-ex-R-20160827でちょっと試してみた

残念な点
・ポップアップのレス番の下のレス数に色がついてしまう
（chaikaライクは本来白）
・複数回レスのID表示に色がつかない（これは気にならない）
・style-example.txtの/* レス番号の左側の空白を無くして、レス本文全体をもっと左に詰める */を
style-my.cssに書き加えてみたけど効果が薄い（数値を変えればいいのかな）

良かった点
・ポップアップの角がchaikaライクと同じにちゃんと丸くなった
・コンテキストメニューに関してはいじってないのになぜかchaikaライクに反映されてた

我慢して使えないこともないけどおしいｗ

ここまで見た

574 2016/11/10(木) 15:53:31.98: >>573
> ・ポップアップのレス番の下のレス数に色がついてしまう

そこは .resNumber div.count で指定

> ・複数回レスのID表示に色がつかない（これは気にならない）

.resID1 や .resID2 なんてのはもうないから
.resID[lv="0"]
.resID[lv="1"]
...
などで指定する

> ・style-example.txtの/* レス番号の左側の空白を無くして、レス本文全体をもっと左に詰める */を
> style-my.cssに書き加えてみたけど効果が薄い（数値を変えればいいのかな）

lego-ex スタイルで言うと .resName のwidthを3emにしちゃうと4桁のレス番ではみ出してしまうな
詰めたいなら頭の新着マークを消したほうがいい　
.resNumber::before { content: none; }

.resContainer 自体にもpadding-leftあるのでこれも減らしてやればいい
ただし左余白クリックでレス選択する範囲が狭くなるんじゃないかな

ここまで見た

575 2016/11/10(木) 23:47:23.50: >>574

>そこは .resNumber div.count で指定

これ変えると通常のレス数の色まで変わってしまう
通常のレス数は青（新着は赤）ポップアップの中のレス数は白ってしたいけど難しい

>.resID1 や .resID2 なんてのはもうないから
>.resID[lv="0"]
>.resID[lv="1"]
>...
>などで指定する

オプションのID発言回数で色分けするにチェックが入ってないだけだったごめん

>lego-ex スタイルで言うと .resName のwidthを3emにしちゃうと4桁のレス番ではみ出してしまうな
>詰めたいなら頭の新着マークを消したほうがいい　
>.resNumber::before { content: none; }
>
>.resContainer 自体にもpadding-leftあるのでこれも減らしてやればいい
>ただし左余白クリックでレス選択する範囲が狭くなるんじゃないかな

微調整大変なのでこれはもうこのままでいいやｗ

いろいろ付き合ってくれてありがとう

ここまで見た

576 2016/11/13(日) 21:03:12.79: >>575
> 通常のレス数は青（新着は赤）ポップアップの中のレス数は白ってしたいけど難しい

.popupBorder .count { color: #fff !important; }

ここまで見た

577 2016/11/13(日) 22:00:54.72: >>576
う〜んコピペしてみたけど変わらないかな
せっかく教えてくれたのに申し訳ないねえ

やってみたこと
style-lego-ex.cssの
/* ポップアップのスタイル -------------------------------------------------- */
の下の
.popupBorder .resBody { margin-top: 0.0em; }
の下にコピペ

上のを削除して
/*.popupTrackBack { position:absolute; max-width: 50em; font-size: 0.8em; }*/
の下の
popupBorder .resBody { margin-top: 0.0em; }
の下にコピペ

両方（2ヶ所）にコピペ

ここまで見た

578 2016/11/13(日) 22:10:20.75: >>577
せっかく Firefox の開発ツールにインスペクタという機能があるのだから有効活用すべし

ここまで見た

579 2016/11/13(日) 22:55:26.20: >>578
手に負えなかったｗ
でもどこがどこに対応してるか見えて面白いねこれ
今は無理でも将来何とかできるようになりたい

ここまで見た

580 2016/11/14(月) 12:12:13.55: >>526->>527 >>561 >>563
script.js　見てみたけどそこからどこをどう代えたりしたらいいのでしょうか？
私のレベルではわからない・・・

ここまで見た

581 2016/11/14(月) 21:29:05.06: >>580
じゃあ大人しくあきらめることだね
もし >>526 の視点に立とうとするなら、まずはエディタの検索機能で checkLazyload というキーワードを検索してみたら？

ここまで見た

582 2016/11/14(月) 23:00:59.17: >>581
そこまではわかってます。

ここまで見た

583 2016/11/15(火) 10:37:42.01: その箇所付近の
const top = (frame.getBoundingClientRect()).top + window.pageYOffset;
if(viewTop < top && top < viewBottom){
の2行と数行下の
}
の1行を削れば画像がウインドウ内にあるかの判定なしに全画像がロードされるようにはなるはず

ここまで見た

584 2016/11/15(火) 21:36:44.32: >>582
そこまでは、わかる／わからないという領域じゃなくてやったかどうかだけだと思うぞ

ここまで見た

585 2016/11/16(水) 04:32:32.64: せやな

ここまで見た

586 2016/11/17(木) 00:15:53.91: lego-ex-R のバク管理表が更新されててこんなの書いてあったぞ

bug046-07　埋め込み画像・動画を表示範囲外も自動読み込みする方式も選択可能にすべき。

ここまで見た

587 2016/11/17(木) 13:24:35.79: >>583
サンクス

} 　この一行も削るとか素人にはわかりませんわ。

ここまで見た

588 2016/11/17(木) 21:33:34.32: >>587
if ブロックの閉じブレースの意味がわからない程度ならいじらないほうがいいと思う
思いもつかないようなおかしな編集しそう
改行の種類混ぜたり、全角空白ぶち込んだりとか

しかも対応予定らしいし
追加スタイルの修正を優先してたみたいだ
https://twitter.com/earlgreypicard/status/798897542725410816

ここまで見た

589 2016/11/19(土) 23:24:09.46: >>563
遅いとか、前に戻してとか言ってる人は回線の帯域とか接続数とかに余裕があるんだろうな
画像の多いスレということで適当に拾ったスレなんだけどこれとかどうだろう

http://phoebe.bbspink.com/test/read.cgi/ascii/1476852321/

もし細い回線で上のスレの全レスの画像を一気に読み込みかけたら時間かかるし
かなりの画像が読み込み失敗すると思う

ここまで見た

590 2016/11/20(日) 07:41:33.23: >>589
逆に遅いのかもしれない。
回線がどんなに早くても、相手のサーバーが遅いと一括読み込みでストレスだから、回線が遅いものだと思っていて、それに慣れてるなら一括のほうがストレスフリーなのかもしれない。

ここまで見た

591 2016/11/20(日) 15:17:22.86: >>589

回線遅くは無いと思うんだけど？　光１Gです。　CPU　I5　グラフィックオンボHD4600

以前の一括で表示される方法だと（画像がほぼ追加表示されなくなるまで）
http://phoebe.bbspink.com/test/read.cgi/ascii/1476852321/1-100
1〜100レス　だと4秒
http://phoebe.bbspink.com/test/read.cgi/ascii/1476852321/1−600
1〜600レス　だと40秒

>>583の方法で上から順番に開いていくと
1〜100レス　　　1分
１〜600レス　　　6分

上から順番に開いていく方式って他の人もっと速いの？

いつも見るとこは決まってるし↑のサイトみたいに1スレで何百って画像は見ないから、まとめてタブ開いた時に他のタブも同時に上から全部開いてくれるなら問題ないです。

ここまで見た

592 2016/11/20(日) 15:39:59.25: 俺は
viewTop < top && top < viewBottom + 10000

ここまで見た

593 2016/11/20(日) 19:54:16.38: >>591
「画像がほぼ追加表示されなくなるまで」がどこまで厳密に言ってるのかわからないな
開発ツールのネットワークで確認したらいいと思うけど、原理的に一括よりはだいぶ遅くなると思う

ここまで見た

594 2016/11/20(日) 20:42:11.21: 上から順番にって言ってるのは200ミリ秒間隔で読み込み要求をかけるんであって
実際にはブラウザ任せでいっぺんに同時に読み込ませることになるんだぞ

だから同時接続数が限られていて、かつサーバや回線帯域が貧弱な環境ではタイムアウトで画像読み込みが失敗する

もっとも各画像の読み込みと表示が200ミリ秒で完了する素晴らしい環境なら逐次処理になるだろうけど

ここまで見た

595 2016/11/21(月) 16:25:15.89: >>592
+ 10000 　ってのいれるとどう変わるんですか？

ここまで見た

596 2016/11/21(月) 17:23:31.47: >>595
何したいのかイミフだな
ふつうはスレの最後に飛んでるはずだから殆どの画像の top は viewTop より小さいはず
スレの先頭に飛ばすなら viewBottom に数加えて範囲広げるのは効果あるだろうけど

ここまで見た

597 2016/11/24(木) 18:35:21.87: レス番号をコピーして貼り付けると　
例　http://potato.2ch.net/test/read.cgi/software/1420853365/596
これを貼り付けて開くと
http://127.0.0.1:8823/thread/http://potato.2ch.net/test/read.cgi/software/1420853365/l25
こうなってレス番号ではなく　l25　になってしまいます。
正しく移動できるようになりませんでしょうか？

ここまで見た

598 2016/11/24(木) 18:39:51.54: >>597
それなんのスキンの話？
やってることがいまいちわからんのだが？
レス番号をコピーして貼り付けとは？
これを（レス番号をコピーして貼り付けたものを？）貼り付けて開くとは？

ここまで見た

599 2016/11/24(木) 19:01:22.41: >>597
スキン全然関係ないじゃん
翻訳すると
「レス番号をコピーして貼り付ける」→「レスURLをコピーする」
「これを貼り付けて開く」→「コピーしたURLをロケーションバーに貼り付けて開く」
ってことだろ？
chaika で最新25件の設定にしていてスレッドリダイレクタでchaikaで開く際に
URL の表示制限を書き換えて開く、にしてあるってことじゃないかい？

ここまで見た

600 2016/11/27(日) 13:38:58.28: >>599
ありがとー　URL の表示制限を書き換えて開く　これでした。

ここまで見た

601 2016/11/28(月) 23:20:42.98: https://twitter.com/earlgreypicard/status/803216587805184000
#lego_ex_R 2016/11/28版をリリースしました。埋め込み画像・動画の
自動読み込みにおいて、表示範囲外も読み込むオプションを設けました。

だってさ

ここまで見た

602 2016/11/28(月) 23:42:19.12: 感謝感謝！

ここまで見た

603 2016/12/04(日) 23:18:06.50: lego-ex-R の画像読み込みがどうたらこうたら言ってた人って >>601 はどうだったんかね
FINAL FANTASY XV に夢中でそれどころじゃないのかな

ここまで見た

604 2016/12/05(月) 16:53:41.48: >>603
いい感じ

ここまで見た

605 2016/12/20(火) 22:15:03.47: 【使用OSとVer】windows10
【使用FirefoxのVer】50.1
【使用b2r/chaikaのVer】chaika-api1.8.1.12.1
【使用skinとVer】 smorgas-lego-ex-R-20161128＋osakidarkスキン
smorgas-lego-ex-R-20160309から乗換えたのですが、複数レスしたIDの色がキツいように感じます
色を変更したいのですが、どこを編集すればようでしょうか？

ここまで見た

606 2016/12/20(火) 22:50:30.25: >>605
あんま知らんけど
ツール→web開発→インスペクタを開いて左端の「ページの要素選択」しIDをクリック
表示された要素　color:〇〇〇〇　のスキンの場所をテキストエディタで開いて変えたい色の番号に変えるだけ
インスペクタに付いてるスポイトマーク（カラーピッカー）でブラウザ上の色の番号は拾えるよ