てがろぐ - Fumy Otegaru Memo Logger -

いつもお世話になっております。

投稿欄で「任意画像を挿入」を押したとき、「［PICT:http://～］」が本文に挿入されますが、こちらを「［PICT:FIG:http://～］」に変更する方法はございますでしょうか。
CSSの「embeddedimage」のクラスを編集するだけではきれいに反映されないレイアウトがあり、クラス「embeddedpictbox」を任意画像にも設定したいです。

4953さん
ありがとうございます！
CGIと同じディレクトリに置いたはずなのですが、全く反応がありません…。よろしければキャッシュの消し方を教えていただけたら嬉しいです！
親切にしていただいてありがとうございます〜😭

スキンはこちらでダウンロードしてその通りにやってみましたが、スキン一覧に表示されませんでした…。
https://do.gt-gt.org/templates/skin-profile/


にししさん
ありがとうございます！

①設置した場所です。
https://gohandaisuki-23.witchserver.jp/tegalog/tegalog...
②下の画像の通り、FileZillaのてがろぐファイル内にアップロードしました！（画像1）
③アップロードしたのちパーミッションの確認をしました。一度ファイルを3つにするために、setting js img ファイルを消去してみましたが、変わりはなかったです。
④スキン切り替えのところには何も表示されませんでした。（画像2）

これ以外は怖くて触れていません。どうぞよろしくお願いします…！

にしし様
度々お世話になります
てがろぐのスキンを作っているのですが「429 Too Many Requests」が頻繁に出て困っております💦
スキン編集の時はちょこちょこリンクを渡ってリンク切れを確認したりJavaScriptの設定でエラーを出しまくるなどあるので、できれば制作中はこの機能を外したいと考えています
なにかいい方法などありませんでしょうか
一応画像も添付させていただきます🙏😭

>>4866

>>4865 です
検証して頂きありがとうございます。

サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時

てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)

記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n&quot...

一覧での記事と単独記事での画像のURLについて質問です。検索して探したのですが、なかなかやりたいことに該当する方法が見つからなかったので質問させて頂きます。

「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像1枚目の部分がURLでの表示になってしまうので、単独記事で設定した画像を拡大するURLも出てしまい、記事URLが無効になってしまいます。
なので1枚目の画像のURLを画像のみのパス表記みたいにしたいのですが方法はありますでしょうか？
もしくは他に別の解決策などがありましたら教えていただけますと幸いです。
 ーーーーーーーー
【一覧】 1枚目をサムネにする
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
[[ONEPICT:1]]
</a>
</div>

【単独】Lightboxでの画像表示
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>

＊＊ こんな感じにしたい ＊＊
【記事】
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
 <img src="1枚目の画像" alt="No.18" loading="lazy">
</a>
</div>
↓画像サムネイルはURLリンク
【単独】
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
ーーーーーーーー

>>4809
CGI・Perl 両方ともチェックが入っているので、動いていたら大丈夫だと思います。

あんまり詳しくは検証していないんですが、現在のてがろぐの仕様では、

• ハッシュタグの数が多いと重たくなりやすい

……ので、「カテゴリで分類しようかな～？ それともハッシュタグで分類しようかな～？」と迷っている場合は、カテゴリを採用する方が望ましいと思います。
カテゴリは専用項目で分類できるのに対して、ハッシュタグは本文全体の中身を走査しないと分類できないので、負荷がずいぶん異なります。

ハッシュタグがたくさんある場合に重たくなるのは主に「ハッシュタグを集計するタイミング」なので、たとえハッシュタグを使う場合でも、下図のように集計しない設定にしておけば、重たくなるのを回避できます。（たぶん）

※この設定をしていても、その下にある『本文中のハッシュタグをリンクにする』項目の方がONなら、ハッシュタグそのものは機能します。（単に個数を数えなくなるだけです。）

いつもお世話になっております！
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
（上記以外のモード、例えば「cat=」などのソートでは出現しません）

🟢HTMLコード
<span class="newsign">[[NEW]]</span>

🟢CSS（＃を半角にするとリンクが付いてしまうので一旦全角にしています）
.newsign {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  color: ＃fff;
  background: ＃f27744;
}

一応画像も添付します

（オレンジ色の部分が該当場所です）

不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします！！

>>4789 素早いご対応ありがとうございます
11/4の最新ver.をダウンロードし、下記のようにコメントアウトを書き換えて使用させて頂きました

function addTextAreaToImage($filePath, $text) {
    $fontFile = 'Mplus1-Regular.ttf'; //使用するフォントファイル
    //文字化けする場合、以下のどちらかを試してみてください。(//を消してください。)
    // $text = mb_convert_encoding($text, 'UTF-8', 'auto');
    $text = mb_convert_encoding($text, 'SJIS', 'auto');

すると文字の合成自体が行われなかったので、当方のChatGPTのログを確認しましたら


とありましたので、エンコードに関する記述をimagettfbboxの直前に変更しました

$text = mb_convert_encoding($text, 'SJIS', 'auto');
$bbox = imagettfbbox($fontSize, 0, $fontFile, $text);
$textWidth = $bbox[2] - $bbox[0];
$xPosition = $imageWidth - $textWidth - 20;
$yPosition = $imageHeight - 20;
$outlineOffset = 1;

以上で正常に動いたことを確認できました
>>4788 にて情報不足な報告をしてしまい大変申し訳ございませんでした

最新ver.で更に使いやすくなりました！この度は本当にありがとうございます！

昼食はジェノベーゼピザ。🍕

---《緩募》---
投稿日時だけでなく更新日時も扱えるようになって欲しいというご要望をわりと頻繁に頂いている気がしますので、ちょっと具体的なイメージを考えてみました。
もし実装するとしたとして、下記の Ⓐ～Ⓒ、①～③、㋐～㋒ では、それぞれどれが望ましいですかね？
更新日時も扱えるようになって欲しいというご希望をお持ちの方は、番号でお知らせ頂けると今後の開発検討の参考になってありがたいです。

▼更新日時の扱い方：

• Ⓐ 更新日時は「編集した瞬間の日時」が自動で記録されれば良い。手動で入力する機能は不要。
• Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
• Ⓒ 更新日時は自動では記録せず、常に手動で指定したい。

▼更新日時を指定するUI：（上記の回答がⒷ・Ⓒの場合）

• ①は、現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
• ②は、現状の投稿日時欄に、追加で更新日時も入力できるようにするパターン。
• ③は、投稿日時欄は何も変わらず、本文にコメントの形で更新日時を書いておけるようにするパターン。

▼更新日時がない場合の表示：（新規投稿しただけで、まだ1度も編集していない場合の表示）

• ㋐ 投稿日時を出力する。
• ㋑ 何も出力しない。
• ㋒ 「未更新」のような任意の文字列を出力する。

🍕Re:4767◆よろしければ上記にご回答下さい。今後の参考にさせて頂きますので。
🍕Re:4768◆既に No.4769 さんがご回答下さっている通り、（専用の記法は用意していませんが）検索結果へのリンクを作れる書き方は用意していますので、その方法が使えます。
🍕Re:4768◆的確なサポートをありがとうございます！(╹◡╹)ﾉ
🍕Re:4769◆画像処理に関しては、Perlだとサーバ側にどんなモジュールがあると期待できるかは分からないわけですが、PHPだと少なくともGDライブラリはある前提にして良さそうなので、そこもPHPのメリットですねえ。

>>4732
さっそくの返答ありがとうございます！
>>4731 です
[[CATEGORYLINKS:D]]の記述で無事に概要文を出すことができました！
カテゴリ概要欄に入れたHTMLタグや、リンクも問題なく反映されましたm(__)m
ありがとうございました🙏✨

>>4727
ご回答ありがとうございます
>>4724 です

1.どのような表示になることをお望みなのか
親カテゴリをcat=novelのようにURL指定したときに、含まれる子カテゴリの概要文を表示したい

2.そのためにどのようにスキンを記述(または設定など)したのか
①URLは（tegalog.cgi?mode=sitemap&order=reverse&cat=novel）で設定しました
②スキンをサイトマップモードに登録しました
③「カテゴリ概要文の入力欄にHTMLの記述を許可する」にチェックをいれる
④skin-onelog.htmlの内容は以下の通りです
[[IF(mode-sitemap -cat-manga):<!--サイトマップモード：小説個別ページ用-->
<section class="logheader [[CATEGORYIDS]]">
<ul class="mokuzi">
  <li class="logp[[POSTID]] loginfo"><a href="[[PERMAURL:PURE]]&cat=[[CATEGORYIDS]]">[[COMMENT:LINE:1]]</a><span class="newsign">[[NEW]]</span></li><!-- ←投稿単独ページへのリンク -->
  <li><span class="arasuzi">[[INFO:NOWCAT:DESCRIPTION]]</span></li><!--カテゴリ概要文を入れる-->
  <li>[[COMMENT:TAGS:SITEMAP]]</li><!--単独記事内のタグを表示する-->
</ul>
</section>
:IF]]

3.今は（意に反して）どのような表示になってしまっているのか
子カテゴリの概要文が[[INFO:NOWCAT:DESCRIPTION]]とでます


QUICKPOSTにカテゴリごとに自動チェックを入れるという神更新があったので、それを生かしたスキンを作りたかった感じです
お手数ですが、よろしくお願いいたします！

追記
全然関係ないのかもしれませんが、ページ内の特定のHTMLコードを検索してhrefを書き換えるコードを入れています
親カテゴリ、小カテゴリを指定したときに半角スペースが入ってリンク切れになるのを防ぐためですm(__)m
コードは以下の通りです
function modifyHref() {
    var currentUrl = window.location.href;
    var aElements = document.querySelectorAll('a');
    aElements.forEach(function(aElement) {
        var originalHref = aElement.getAttribute('href');
        if (originalHref && originalHref.includes('cat=')) {
            var url = new URL(originalHref, currentUrl);
            var urlParams = url.searchParams;
            
            var catValue = urlParams.get('cat');
            if (catValue && catValue.includes(' ')) {
                var newCatValue = catValue.replace(/ /g, ',');
                urlParams.set('cat', newCatValue);

                var updatedHref = url.toString().replace(/%2C/g, ',');
                aElement.setAttribute('href', updatedHref);
            }
        }
    });
}
window.onload = modifyHref;

質問失礼します。
現在カテゴリ情報要素なのですが、親カテゴリをサイトマップで指定（tegalog.cgi?mode=sitemap&cat=novel）したときに子カテゴリーの[[INFO:NOWCAT:DESCRIPTION]]要素がそのまま出てきてしまいました
子カテゴリー含めて概要文を出すときは個別設定しか方法はないのでしょうか？
カテゴリ設定はこんな形です

昼食はピザ。🍕🍕🍕
今日も涼しいようで助かります。このまま秋になるか……？

🍕Re:4709◆ご要望をありがとうございます。需要があると分かって嬉しいです。1からフルスクラッチで開発中ですので、まだ早々にはリリースできませんが、気長にお待ち頂ければ幸いです。(╹◡╹)
🍕Re:4710◆Fancyboxでキャプションを表示するには、下図の緑色矢印の先にある『代替文字がある場合にキャプションを作る属性名』欄に（デフォルトのdata-titleではなく）data-captionと入力して下さい。なお、FancyboxのキャプションはLightboxとは違って（たぶん）画面の下端に表示されます。

今日の昼食は高菜の冷凍チャーハンでした。🍙🍙🍙

🍘Re:4681◆画像数や投稿数が多い場合にはちょいと負荷がかかる機能ですが、とりあえず実装できて良かったです。Ver 4.4.3βを先程配布開始しましたので、お試し頂ければ幸いです。アンケート等もご協力ありがとうございます。「イラスト差替により未使用画像が溜まってしまう」という点はずっと記憶に残っていまして、開発モチベーションの1つの要素になっていました。(╹◡╹)

🍘Re:4682◆詳細な説明をどうもありがとうございます。「今までは鍵付き投稿で3行目にある『説明書き』は表示できていなかったが、それを表示できるようにしたい」というようなことですかね。とりあえず現状では、投稿データファイル（tegalog.xml）をテキストエディタで編集する方法が最も楽だと思います。
tegalog.xmlファイルをテキストエディタで開くと、下図のような感じになります。（これはEmEditorでの表示例です。）

ここで、黄色矢印の先に緑色でハイライトされている部分のように、<flag>lock</flag> のような文字列で検索すると、それが鍵付き投稿だと分かります。
その行の <comment>～</comment> が本文ですが、改行は <br /> で表されていますので、3つ目の<br />の後 が「4行目の先頭」です。なので、この位置に [SYS:KEYFORM] の記述をペーストすれば、4行目の寸前に鍵入力フォームを挿入できます。
この方法なら、てがろぐ上で1件ずつ修正するよりも遙かに早く済むでしょう。

なお、その場合でも「鍵付き投稿の数が莫大なので大変！」という場合は、正規表現を使って一括置換できるテキストエディタを使うと簡単です。以下のような感じで設定します。

✅検索する文字列：(<flag>.*lock.*</flag>.*<comment>.*?<br />.*?<br />.*?<br />)
✅置換後の文字列：\1[SYS:KEYFORM]


上記の正規表現だと、鍵付き投稿（＝<flag>lock</flag>）の本文の、3つ目の <br /> の後に、[SYS:KEYFORM] を追加する、という意味になるハズです。たぶん。^^;
この方法なら、全データを一括して処理できますので、ボタン1つで全投稿に対してお望みの修正が完了します。
投稿数がとても多い場合にはお試し下さい。
（※注：実践する前に、念のためにデータファイルのバックアップコピーを取っておくのを忘れないようご注意下さい。）

なお、たしかに、設定で「n行目まで見せる」と一括設定できる方が楽ではありますので、ToDoリストには入れておきます。
現状では上記の方法をお使い頂ければ幸いです。

4636 にしし様

ご返信ありがとうございます！
状況の説明が大変不足しており、失礼いたしました…
説明画像の制作途中で、CSSの記述ミスがあることに気づき、解決しました。
（cssの記述途中で「@media (min-width: 768px)」の閉じ「}」が抜けていた）
せっかくご確認してくださったのに申し訳ありません。

解決しましたが、一応画像を添付いたします。
丁寧なご対応、本当にありがとうございました！

先日、米を買いに行ったら、米が売っていなくて驚きました（棚が空っぽでした）。🍙🍙🍙

🍙Re:4616◆ありがとうございます。(╹◡╹) TegUpは、機能的にはほぼ 0.9.0 から変わっていないとはいえ、動作を試して頂けるのはありがたいです。
🍙Re:4617◆昨日の宮崎での震度6弱に加えて、今夜は神奈川で震度5弱とか……。続かないことを祈りたいです。

🍙Re:4618◆実現方法はいくつかありまして、No.4619さんが解説して下さっているのも1つの手です。
とはいえ、そもそも設定で『画像を(原寸画像への)リンクにする』をOFFにできるなら（※下図の緑色矢印部分）、<a href="[[PERMAURL:PURE]]">[[ONEPICT:1]]</a>……という書き方ができます。
『画像を(原寸画像への)リンクにする』項目がOFFなら、[[ONEPICT:1]]の出力はリンクにならないので、その外側を自前のa要素で囲めるようになるわけですね。
ただ、「（ギャラリーモードではない）通常モードでは画像をクリックすると拡大させたい」という場合にはこの方法は採れません。

そこで、抜本的な解決策として、『ギャラリーモードで、画像を(原寸画像への)リンクにするかどうか』を個別に設定できる機能を、いま加えました（※下図の黄色矢印部分）。
これらの機能を使って、下図🟢緑色矢印をON・🟡黄色矢印をOFFにすると、

• 🟢通常モードでは、画像は原寸画像へのリンクになる（＝その場で拡大表示される）
• 🟡ギャラリーモードでは、画像はリンクにならない（ので、スキン側に <a href="[[PERMAURL:PURE]]">[[ONEPICT:1]]</a> などと書くことで自由にリンク先を調整できる）

……となります。

もっと早くこの機能を実装しておけば良かったな……と思いました（最近、よくそう思うんですが^^;）。
とりあえず、私のローカル開発環境にあるファイルでは実装しましたので、後日公開する次のβ版（Ver 4.4.2）からお使い頂けます。
なので、次のβ版の公開をお待ち頂くのでも良いと思います。もちろん現状でもいろいろ方法はありますので、No.4619さんの解説とかその他の解説を参考になさっても良いと思います。次のβ版は、来週には公開する予定です。（たぶん）

あと、ナイスな参考サイトのご提示をありがとうございました。このフィギュアが極めてお勧めです😍

🍙Re:4619◆解説ありがとうございます！(╹◡╹)ﾉ

>>4618
※公式スキンのソースでの説明です
ギャラリーモード用内側スキン(skin-onelog.html)の

<div class="imagebox">
<!-- ▽投稿本文内の1つ目の画像だけを表示 -->
   [[ONEPICT:1]]
</div>
の部分を
<div class="imagebox">
<!-- ▽投稿本文内の1つ目の画像だけを表示 -->
   <a href="[[PERMAURL:PURE]]"><img src="[[GETURL:PICT:1]]" loading="lazy" class="embeddedimage"></a>
</div>

という風にすればできます。私は実際にこの書き方で同じような運用をしています。
原寸画像へのリンクにしないように、敢えてimgタグと[[GETURL:PICT:1]]の組み合わせで画像を表示させる→それをリンク先を[[PERMAURL:PURE]]にしたaタグで挟んでます。カスタマイズ方法ページの「投稿単独URL出力要素 」「投稿本文に含まれる画像要素 」のあたりが参考になると思います。

No.12846 - 今日のひとことログ

自分のサイトも絨毯爆撃されています(^_^;)
Ver.4.4.1 にして、迷惑Bot対策機能を設定しましたが、IPアドレスを変えて、(偶然とは思えないぐらい同じタイミングで)またアクセスされます💦

4604
アクセスできません...。

いま、TegUpを使おうとすると、数十秒のブランクの後に下図のようなエラー画面が出ると思います。これは、作者のサイト( www.nishishi.com )が落ちているためです。_(┐｢ε:)_

今日の14時01分頃から、サーバに接続できなくなる障害が発生しているようで、障害の解消を待っているところです。（できることがないので、待つしかありません。）
しばらくの間、TegUpのご使用はお控え下さい。同様に、てがろぐ公式ページにもアクセスできませんので、要するに今の時点では、てがろぐを新規にダウンロードする方法もバージョンアップさせる方法もありません。^^;

なお、ここ（ www.nishishi.org ）は別サーバなので問題ありません。

今日は、バナナブリュレフラペチーノを飲んできました。🍧🍨🍌

🍨Re:4548◆はい。可能ですよ。画像の掲載記法を単に横に続けて書けば良いだけです。

ただ、キャプション付きで表示する場合は figure要素を使って出力されますので、何のCSSも適用されていない状態だと横には並びません。標準添付の各スキンなら横並びになるよう .embeddedpictbox に装飾を適用してありますが、1から自作するスキンの場合には自力で対処して頂く必要があります。（figure要素をinlineにするよう装飾すれば良いです。）

画像テストさせてください

こんにちは

画像A.jpgを新規投稿画面からアップロードし投稿したのち、別の拡張子(画像A.pngなど)で画像を再アップしたいです。この場合は新規で画像A.pngをアップロードし、投稿内の[PICT:ほにゃらら]部分を書き換えるしかないでしょうか？#質問
画像の埋め込みコード？（[PICT:ほにゃらら]のほにゃらら部分）は変更せず、画像そのものを差し替える方法はありますでしょうか？
画像の管理画面から画像ファイルのみ差し替えができたら嬉しいです。#要望  

>>4367
こんにちは。
開発お疲れ様です！
Ver 4.2.3ありがとうございました、さっそくアプデしました。
神アプデです！！！

「その状況で表示対象になっている投稿」だけに限定した隣接投稿に移動できる機能についてなのですが、仕様を読んだ限りでは自由度のある《パターンB》を希望します。
デメリットを見た限りでは、隣接移動したい場合はURLを張り替えるだけで済むという認識をしました。個人サイトを運用してるならHTMLがいじれると思うので、初心者でも頑張ればできるなという印象です。
逆に《パターンA》だとアップデートしたら二度と元に戻せず運用自体を危ぶまれる人が出そうです。

それから個人的なことですが、スキンを作っているとgallery、sitemap、ブログ、イラストや小説などのコンテンツで仕様を変えたい場合が多いです。なので自由度が高い方が色々なデザインを作りやすいです。

別件なのですが、skin-cover.htmlはそのままで、IF文を使ってskin-onelog.htmlの内容を切り替えようと思ったのですが、この形式は使えないのでしょうか？
[[IF(-mode-picts|-mode-sitemap):[[COMMENT]]:IF]]

長々と書きましたがアップデートを楽しみにしています！

【追記】
さっきの今で申し訳ないのですが、サイトマップから以下のように入ったときURLに,でなく半角スペースがでました。
管理画面の設定は添付の通りです。
<a href="[[PERMAURL:PURE]]&skin=スキン名&cat=[[CATEGORYIDS]]">[[COMMENT:TITLE]]</a>
https://URL/tegalog.cgi?postid=1&skin=スキン名s&cat=ID1(半角)ID2(半角)ID3

[[CATEGORYIDS]]以外でIDを出す方法はありますか？

>>4360
Galaxyで管理画面のボタンの高さが揃わないと報告した者です。
ここのVer 4.2.3βの管理画面に入ってみた所、バッチリ揃ってます。ありがとうございました！
「その状況で表示対象になっている投稿」だけに限定した隣接投稿への移動は私も欲しかったのでVer 4.2.3βの配布を楽しみにしてます。

>>4295
4275,4287です。
単体のhtmlファイルとして保存したVer 4.2.2βの管理画面で、cssの「.systemmenu li a」要素の中にline-height: 1.5;を入れて上書きしてからGalaxyのChromeで見てみたところ、半角文字を含むボタンも高さが揃いました。子要素の「.systemmenu li a span.jp」だけにline-height: 1.5;を追加した場合でも高さが揃いました。私ではcssをどのように書き換えれば良いのか見当がつかなかったので、ダメもとでご相談して良かったです。ありがとうございました！

4275です。Ver 4.2.2β公開お疲れ様です！その時限定されているカテゴリの概要文を表示する記法は欲しいと思っていたので実装されて嬉しいです。

管理画面のアイコンの高さの件、私の環境固有の問題なのにご対応下さりありがとうございます。4.2.2βの管理画面をキャッシュクリアなどをした上で見てみましたが、4.2.1βまでと変化なしでした。でもにししさんが「半角文字を含むボタンだけ高さが増す」と仰っているのを見て、調べたり検証したりしてわかった事はあります。

端末購入後からシステムフォントを変えていないのですが、どうやらGalaxyの初期システムフォントは和文部分だけ「イワタUDゴシック」で英文はSamsungが独自に作ったフォント？という合成フォントっぽい…ので、そのSamsungが独自に作ったっぽいフォントのグリフが行間を広めに設定されているのだと思われます。
参考URL①
参考URL②
イワタフォントのサンプル と同じ文字をメモ帳アプリで表示してみましたが、言われてみれば確かに英数などは違う…


試しにてがろぐVer 4.2.2βの管理画面を単体のhtmlファイルとして保存して、cssのフォント指定を変えてみたり「/」や「ID」の文字を消してみたりして検証したところ、やはりGalaxyのシステムフォント且つ半角文字が入った時だけボタンの高さが増しました。

…というわけで半角文字を含むボタンだけ高さが増してしまう原因は端末側の合成システムフォントのようです。せっかく早々とご対応下さったのに、フォント側をどうにかするしかなさそうな結果になってしまい申し訳ございません。なんとなく「源ノ角ゴシック」をWordやIllustratorなどで使うと行間が異様に広くなってしまう→それを改善した「源真ゴシック」が登場…という流れを思い出しました(^^；) #報告

>>4274
4273です。すみません、Gainmap HDR image renderingの初期値がEnabled表示になっているのはBraveブラウザでした…しかも「Default(Enabled)」という表示でした。Braveではない通常のChromeなどや他の端末では、にししさんと同様「Default」表示でした。(それでもやはりEnabledにしている時と同じ挙動をしましたが)そして他のAndroid端末でEnabledにしても輝度は変化しなかったので、OLED(有機EL)ディスプレイの機種且つEnabledの時だけでHDR画像を明るくする機能が働くのかもしれませんね。

Pixel6のカメラで撮影した画像だけiOSのLive Photosみたいな特殊な情報を含んでいたり、特殊なExif情報などがあるのか？と思って画像を端末に保存して、AvesギャラリーでHDRマークが表示されたのが解明の決め手でした。世のSNSやレンタルブログ、自分のサーバーに設置する日記系ツールでもリッチなCMSなどではアップロードした画像に縮小や圧縮などの加工が行われるものがほとんどですし、てがろぐのように画像への加工処理を行わないのは現代においては珍しい部類なんだなとあらためて思いました。(でも私にとってはそこがてがろぐの好きなところです😃)カメラアプリ側でウルトラHDRが最初からONになっていても、無加工のHDR画像をブラウザ上で表示する機会がレアだから検索しても話題にしている人を見かけないんでしょうね…。


話は変わりまして…Galaxy Tab S8 Ultraの環境について話題に上げたついでと言っては何ですが、いわゆる「おま環」なのは明らかだし支障は全く無いしな…と思っていたことをご報告します。Galaxy Tab S8 UltraのChromeおよびChromium派生ブラウザだけ、なぜかてがろぐの管理画面のボタンの大きさが不揃いになります。下のスクリーンショットはここの動作サンプル用てがろぐの管理画面です。
 

• 自分のサイトに設置しているてがろぐや、セットアップ直後のてがろぐも同様
• ブラウザの「PC版サイト」のチェックを切り替えても変化なし
• 昨年10月に端末を購入して以来、ブラウザのバージョン更新もしていますが変化なし
• Firefoxで見ると大きさが揃っている。Chromium系ブラウザはどれでも不揃いになる
• OS問わず、PC・スマホ・タブレットなどGalaxy Tab S8 Ultra以外の環境では不揃いにならない

…という点から、Galaxy Tab S8 Ultraのディスプレイ解像度や端末のファームウェア特有の設定か何かが特殊なのかもしれません。参考になるかわかりませんが「IPアドレスや画面解像度など確認くん」で表示される情報を貼ります。→スクリーンショット 見た目の問題だけで使う分には全く影響がないので、こんな環境もありますというお話でした。

>>4269
手持ちのAndroidスマホとタブレットの合計3台で見てみた所、唯一Galaxy Tab S8 Ultraだけで似たような現象が起きました。当方の環境だと輝度が大幅に上がるわけではなかったのですが、Chromium系ブラウザで僅かに明るさが変化しました。(AndroidでもFirefoxだと発生しません)原因と解決策もわかりましたので先に書きます。

原因はChromeおよびChromium派生ブラウザにいつからか搭載された機能と、画像に含まれるHDR情報の両方です。

解決策は
①URL欄にchrome://flagsと入力してEnter
②最上部にある「Search flags」の検索窓にhdrと入れる
③「Gainmap HDR image rendering」の項目がEnabledになっていると思うので、これをDisabledにする
④右下にブラウザの再起動を促すボタンが出るので「Relaunch」を押す
⑤再起動後は>>4269のような画像をブラウザ内で表示しても明るくならなくなる
※参考になったURL
https://qiita.com/htnk/items/a2fd639344bd10717872

どうしてHDR画像が原因だとわかったのかと言うと>>4269の画像をAndroid端末に一旦保存して、ギャラリーアプリとして使っているAves を開いたら該当画像にだけ「HDR」マークが表示されたからです。Pixelのカメラアプリに搭載されているHDR機能が勝手に働いている可能性が高いです。私はPixelは持ってないので設定方法などはわかりませんが…

また、4107と2274の投稿に添付されている画像だけを単独で表示させても輝度は変化しませんでした。おそらく新着画像リスト欄のように同じページ内に(スクロールしないと見えなくても)存在している4269の画像に反応したのではないかなと思われます。



あと画面の輝度を最低にしていると4269の画像を表示しても勝手に明るくならなくて、少し輝度を上げた状態で画像を表示すると明るくなったのも不思議でした。
てがろぐとは関係ないことでしたが、こんなことがあるんだ!?と私も驚きました。