てがろぐ - Fumy Otegaru Memo Logger -

てがろぐ Ver 4.8.0 を公開しました！ #Update
カレンダーヒートマップの出力機能、総合「外部サービス埋込」ボタン、ニコニコ動画の埋め込み機能、投稿欄下部「直近画像の選択」ボタン、IF文等でログイン状態を使用可能にする新仕様、色表記等のハッシュタグ除外設定機能、などの追加が主な更新点です。その他、細々した仕様改善や機能追加、不具合修正を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

バージョンアップには2通りの方法があります。

• 1クリックでバージョンアップできる専用PHP「TegUp」のご使用をお勧め致します。（※てがろぐに同梱していますので、お使いの tegalog.cgi と同じ位置に tegup.php が既にあればそこにアクセスするだけです。）
• もしくは、最新版のZIPの中から tegalog.cgi と fumycts.pl と tegup.php の3ファイルだけを抜き出して上書きアップロードして下さい。

データファイルや設定ファイルは、すべてそのまま引き継げます。（Ver.3以下も含む、過去のどのバージョンからでも可）

🆕 Ver 4.8.0の更新点(概要)：
《▼大きな機能追加》
●カレンダーヒートマップの出力機能
●総合「外部サービス埋込」ボタンの追加
●ニコニコ動画の埋め込み表示機能
●投稿欄下部に「直近画像の選択」ボタンを追加。
●本文なしの画像だけで投稿ボタンを押した際にどう動作するかを選択できる設定を追加
●IF文やSITUATION:CLASSの装飾分けで「ログイン状態」も使用可能に
●既存ハッシュタグ簡単入力機能に、任意の項目を加えられる機能を追加。
●16進数での色指定表記等をハッシュタグだとは認識させないようにできる設定を追加
●「投稿や編集直後の動作(移動先)」設定の選択肢に『常に「いま投稿したばかりの単独ページ」を表示』を追加

《▼その他の機能追加》
●下げた投稿を表示する状況の選択肢に「ユーザ限定表示時」を追加。
●ログインフォームのユーザID入力欄の表示形態をセレクトボックスではなく手動入力(自由入力)にできる設定選択肢を追加
●何でも簡単入力ボタン機能のボタンラベルとして使う文字数の上限値を自由設定できる機能を追加

《▼細かな機能追加》
●投稿の再編集時にカーソル位置を先頭にするか末尾にするかを設定できる機能
●【既存ハッシュタグ簡単入力機能】の中に、「 #[] 」の3文字だけを挿入できる項目を加えるオプションを追加。
●デフォルトで使われるjQueryとLightboxを、CDNからではなく自前設置したファイルから読み込める設定を追加。
●Lightbox以外の画像拡大スクリプトを使いたい場合に、URLだけでなく、HTMLのscript要素とlink要素を直接書いて指定する方法も追加。
●YouTubeの埋め込み仕様をプレイリストにも対応。

《▼仕様改善》
●投稿本文の先頭に空行があっても（編集時に）削除されないようにできる設定を追加。
●「編集最大」機能の使用時にボタン列が増えたり画面サイズが変わったりしても自動で再調整される機能と、「編集最大」を解除する機能を追加。
●任意の動画ファイルを埋め込んで表示できる記法に loop, muted, autoplay, preload 等の属性値を指定できるよう拡張。
●jQueryとLightboxがCDNから読まれる場合は、crossorigin属性とintegrity属性等を加えた状態でscript要素を出力するよう改善。
●YouTubeの埋め込み時にパラメータ「 rel=0 」を付加するよう改善。（※再生終了後に同チャンネル内の関連動画のみ表示）
●投稿可能な画像の拡張子リストのデフォルト値に avif を追加。（※新規セットアップ時のみ）
●カスタム絵文字として指定可能な画像形式に avif を追加。
●ハッシュタグ認識周りのリファクタリングを実施
●Twitter Cardのカードサイズ指定に「 photo 」を追加
●任意画像の挿入ボタンで、複数URLの同時入力に対応 (空白・タブ・改行区切りを使用可能)
●YouTubeの埋め込みHTMLに専用classを追加（ニコニコ動画と区別するため）
●OGPカードリンク記法の挿入用ボタンのデフォルトラベルを「OGPカード」から「カード型リンク」に変更。
●設定画面を表示したとき、iOSではテキスト入力欄をタップするとズームしてしまう現象を回避。（iOSでは16pxで表示するよう調整）
●リンクラベルを指定せずにリンクカード記法を使った場合で、リンク先からOGP情報が得られなかった場合に、「(Loading...)」と表示されっぱなしになる点を改善。

《▼同梱TegUpの更新》
●TegUp Ver 2.1.1 を同梱
 → 特定の応答をするサーバからは正しくデータを取得できずにエラーを吐いていた不具合を修正。
 → OGP情報（og:description)が取得できなかった場合は、body要素の先頭からタグを除いた最大150文字ほどを取得するよう改善。

《▼スキン更新》
●QUICKPOSTに表示される「直近画像の選択」ボタン周り装飾用CSSを追加。
●カレンダー・ヒートマップに対応

《▼不具合修正》
❎丸括弧で終わっているURLにフラグメントを付けたとき、URLの一部ではなくハッシュタグだと誤解釈してしまう不具合を修正。
❎ハッシュタグ限定表示で、ハッシュタグだとは認識されていないハズの文字列を含む投稿もヒットしてしまう不具合を修正。
❎上書きスタイルシート内に「 > 」記号が書けない不具合を修正。

更新点について詳しい解説は、リリースノート(No.49)をご参照下さい。

アナウンス：
✔Twitter：

（ツイート埋め込み処理中...）Twitterで見る

✔Bluesky
✔Pawoo（Mastodon）
✔mixi2

5696,5699の「何でも簡単入力ボタン」ラベルの文字数上限について要望を上げた者です。
このようなスピード感で実装していただけるとは思っておらず、喜び勇んでVer 4.7.5βを試させていただきました。まさに、思ったとおりのことができました！ご寛容なご対応に感謝いたします。

また、4.7.5を試させていただいて、他にも

🔵アニメやドラマの話数などを表記する際の「#半角数字」が手間なく入力できるようになったこと
🔵ブログとして使用しているてがろぐ（トップページでは各投稿の一部のみを表示→クリックで記事全文ページに飛ぶレイアウト）で、記事投稿直後そのまま記事ページに遷移して全文が確認できるようになったこと
🔵ログイン画面でパスワードマネージャが使いやすくなったこと、またユーザーIDを他人に知られにくくなったこと

など、まさに痒いところに手が届くといった仕様変更で、毎度のことながら感嘆いたしました。
いつも細やかなご対応・ご改修、ありがとうございます。
暦の上ではそろそろ春ですが、寒さは続くようですし、そろそろ花粉の季節でもありますので(涙)、どうぞご自愛なさってください。

横からすみません。
投稿した直後に「その投稿単独ページが表示される」動作にする選択肢、とても欲しいです…！
てがろぐを備忘録兼個人サイトとして利用させてもらっているので、他者に見せる時はワンクッション挟めるようにホームをフリーページのみにしています。
そのため投稿後はいつもワンクッションを経由して（もしくはステータス結果からワンクリックして）投稿内容を確認・体裁を整えることになるため、投稿後すぐに確認できると大変助かります。
また、どこでお見かけしたか失念してしまったのですが、文字としての表示目的で#から始まるカラーコード表記もよく使うので、最初から#の除外設定があるのはとてもありがたいなーと楽しみにしています。無くても自分でカバーできる範囲なので問題はないのですが。
いつも細かなアップデートをありがとうございます！直近の画像参照とかとても便利でした！

昼食はマカロニグラタン。グラタンに近い絵文字って何だ……？ パイ？🥧

🥧Re:5648◆（>>5638）まあそうですよね。設定項目をいろいろ増やさないといけないので、気長にお待ち頂ければ幸いです。
（>>5645）なるほど、「改行区切りのURL群」が一括で手に入る別ツールをお使いだという背景なんですね。理解できました。空白か改行かで区切って複数入力できるような感じの仕様にする方向で考えます。

🥧Re:5649◆とりあえず現状では [F:abc:​] と書くと良いです（※abcはお望みのclass名）。​はUnicodeのZero Width Space（ゼロ幅スペース）なので、システム的には空白扱いですが、幅がゼロなので画面上には何も見えません。つまり display:none; を書かなくても元から何も表示されないので、::afterだけを付ける用途に使えます。数値文字参照の「8203」が覚えにくい場合は、何でも簡単入力ボタン機能を使って、ボタンクリックで [F:abc:​] が入力されるように作っておくと良いのではないかと思います。

※数値文字参照を使わなくても、この「Zero Width Space」自体の文字をコピー＆ペーストして貼り付けることも可能なんですが（ゼロ幅とはいえ文字には違いないので）、ゼロ幅であるがためにコピーしにくいんですよね。ペーストしても本当にペーストされたのかが見た目で分かりませんし。Zero Width Spaceを含む前後の文字と一括して選択した状態で貼り付けることができれば、数値文字参照の長い見た目を避けて、本当に見た感じは [F:abc:​] にしか見えない状態で使うことも可能だとは思いますけども。

🥧Re:5650◆その「嫌な思い出」と「害虫」だけを投稿するてがろぐをもう1つ設置するよりも、同じてがろぐに投稿しておいて「下げる」に留めたい理由が分かると、今後の方針を考える役に立ちそうな気がしますので、もしよろしければ教えて下さい。「記録はしておきたいけど隠したい」のであれば、てがろぐをOPEN版とCLOSE版の2つに分けてしまう方が確実だと思うのですが、「積極的に探して見ようと思った人には見れる」みたいな状態にはしたいということですかね？

🥧Re:5652◆今回、この例示を書いていて、複数カテゴリをANDで出す（つまり「絞り込む」）catパラメータの書き方もある方が望ましいな……という気にはなりました。?cat=A,Bが結合(OR)なら、絞り込み(AND)は?cat=A*Bくらいでしょうかね（ANDは論理積と言いますし）。もしくは完全に新しいパラメータを用意する方が良いかもしれませんけども。何か考えます。（とりあえず現状では検索コマンドを駆使してみて下さい。）

検索コマンドの中に「=」記号が出てくるので、検索コマンドを含むURLを書くと「=」が多くて紛らわしいので「=」は%3Dと書く方が無難かもしれません。なお、検索コマンドの「=」の右側は、セミコロン記号を省略すると前方一致で検索になるのでご注意下さい（詳しくは検索コマンドの種類と使用例にあります）。お書き下さった$ci=test+$ci=diary;だと、1つ目の「test」の後にはセミコロンがないので「testで始まるカテゴリID全部」が対象になります。もし「test1」・「test2」というカテゴリがあったら、両方が該当します。それを避けて完全一致にするには$ci=test;+$ci=diary;と指定する必要があります。

>>5569 の報告をした者です。
いつもお世話になっております。この度はお疲れ様です。無事にVer 4.7.4へのアップデートを行うことができました。ありがとうございます。

アップデート後、私のサイトで確認をしたところ、)# でURLのリンクが途切れてしまう現象は解消されましたが、依然として# より先の部分（フラグメント）がハッシュタグ化してしまう現象を確認したため #報告 させていただきます。
ここでも、下のリンクから当該現象を確認することができます。
https://www.nishishi.org/testground/tegalog/?tag=%74%3...

サンプルとして、5569の時と同じく『ウィキソース - 刑法 (日本) - 第一編第一章』のURLを掲載させていただきます。
https://ja.wikisource.org/wiki/%E5%88%91%E6%B3%95_(%E6...

この投稿をした時点では t1c01 というハッシュタグ（のつもりではないのですが）を含んでいるのは、この投稿と >>5569,5577 だけです。
いずれも、文中にあるURLの一部として当該文字列を含んでいます。また、別のURLの一部として5569の投稿に含まれる #howtouse-hashtag という文字列はハッシュタグ化しておらず、投稿者が意図しているのもそちらの挙動です。

修正を行ったベータリリース直後のご報告で申し訳ないのですが……
ご確認のほど、宜しくお願い致します。

結局、クリスマスケーキは食べませんでしたが、誕生日ケーキは食べました。🎂🍰

🍰Re:5621◆まだ「実装する気」云々の段階ではないのでストレートには回答しにくいのですが、基本的には「何も変わっていない」です。もうちょっと詳しくツリーや引用に関しては、元々実装計画は特に立っていなくて「検討中の段階」ですから。
そもそも、スレッド式の掲示板は昔からありますから「ツリー表示」は別に𝕏独特の機能というわけでもないですしね。「引用」は表示形態によっては確かに𝕏独特と言えたかもしれませんが、「引用」という表現方法自体はどこにでもあるものですし。
年末の記事で、要望を実装する「優先度」の話をちょっと書きましたが、今のところ実装作業を計画していないのは、（元々そういう表示方法を考慮していないデータ形式だったこともあり）ここで説明している「🟣4」と「⚪5」の要素が低いから、という感じです。良さげな実装方法を思いつけば良いのですけども。畳む

🍰Re:5622◆あまり深くは考えていないので使えるかどうかハッキリとは分かりませんが、UnicodeのZero Width Space（ゼロ幅スペース）を使うと、わざわざ非表示用のCSSを活用しなくても「見えない区切り」を設けられそうな気がします。てがろぐ上では、数値文字参照を使って ​ と書くと使えます。（※幅がゼロの空白文字ですから、使ったところで目には見えませんけども。）もっとも、「余計な何らかの文字列を加えなければならない」という点では変わりありませんけども。(^_^;)
……とここまで書いて思ったんですが、もしかして ?ref=17 みたいなパラメータで、『「No.17自身」と「No.17へのリンクがある投稿」だけ』をまとめて閲覧できるような機能があれば良いんですかね……？ というか、投稿単独ページ自体がそういう仕様になったら良いのかな……。（まあ、たとえそうなったとしても、投稿単独ページ以外のページではツリー表示にはならないわけですが。あと「繋げたい投稿への番号リンク」を書かないと繋がりませんけども。）

🍰Re:5623◆有益な情報をありがとうございます！ 試してみます。
🍰Re:5624◆ネタがないときのプレースホルダ的な飲食ツイートにまさかの需要が。(笑) ありがとうございます。

🍰Re:5625◆ご指摘をありがとうございます！ 確かに、QUICKPOSTを2つ置くと[機能]ボタンが機能しなくなりますね！ そういえばここ最近は、QUICKPOSTを複数個置いた場合の動作テストをしていませんでした。こちらのローカルにあるソースでは修正しましたので、次に公開するβ版からは問題が解消します。もうしばらくお待ち願います。

🍰Re:5627◆ありがとうございます！
🍰Re:5628◆ありがとうございます～

🍰Re:5613◆ご回答をありがとうございます。
なるほど、tegup.phpに普通にアクセスできることや、skin-cover.htmlにもアクセスできることから考えて、設置方法やアクセス位置には問題なさそうですね。出ているエラーは「500 Internal Server Error」ではなく「403 Forbidden」なのですよね？ そうだとすると、最も可能性の高い原因は、パーミッション不足です。他にも、「.htaccessで制限されている」、「CGIの実行が禁止されている」、「WAF（Web Application Firewall）でブロックされている」などの可能性もありますが。

「てがろぐ」だけに発生する問題なのか、「Perlで書かれたCGI全般」に発生する問題なのかを区別するために、以下の3行をテキストエディタで test.cgi などのファイル名で保存して、サーバにUPして、パーミッションを700（または705や755）に設定してから、ブラウザでアクセスしてみて下さい。
#! /usr/bin/env perl
print "Content-Type: text/html\n\n";
print "<h1>Perl CGI OK!</h1>";

これでも 403 Forbidden エラーが出る場合は、お使いのWebサーバのサポート窓口に、「CGIの実行ファイルに設定するパーミッションの正確な値」を問い合わせる必要があります。もしかすると、そのサーバ独特の値に設定しないといけない制約があるのかもしれません。
もし、上位のディレクトリに .htaccess ファイルがある場合は、一時的に削除（リネームでも可）してから試してみて下さい。

にしし様、新年あけましておめでとうございます。
てがろぐには日頃よりお世話になっております。ありがとうございます。

Ver 4.7.3 にて、不具合と思われる現象に遭遇したので #報告 させていただきます。

以下のようなURLにおいて、#から先の部分（URIフラグメント）がハッシュタグと判定されるようです。
リンク先は『ウィキソース』の『刑法 (日本)』にある『第一編第一章』ですが、現状では ) に隣接した#t1c01の部分がハッシュタグ化し、フラグメントで指定されたidがある場所ではなく、ページの先頭に遷移します。
https://ja.wikisource.org/wiki/%E5%88%91%E6%B3%95_(%E6...

以下のようにすればこの現象を回避して、投稿者が意図しているリンク先に遷移することが可能です。
https://ja.wikisource.org/wiki/%E5%88%91%E6%B3%95_(%E6...
（この例だと ) を %29 にURLエンコード。マウスポインタを置くと表示されるツールチップ・ヒントで確認できます）

または『本文中のハッシュタグをリンクにする』設定をOFFにしてもこの現象を回避可能ではあります。
もちろん、その場合はハッシュタグ機能は使用不能となりますが。

https://www.nishishi.com/cgi/tegalog/usage/#howtouse-h...
マニュアルの『ハッシュタグの書き方・仕様』の『ハッシュタグを記述可能な位置』の『英数字のみの場合は制約あり』において、

ただし、#Tag123 のような半角英数字のタグは、「行頭」または「直前の文字が英数字・&記号・スラッシュ記号・セミコロン記号以外の場合」にのみ認識されます。 とはいえ、直前の文字が日本語文字でも英数字と誤判定されてしまうケースがあり、文字によって使えたり使えなかったりします。 ※これは、URLの一部をハッシュタグとして誤認識してしまわないようにするための仕様です。

とのことで、上記のURLに当てはめると「行頭」には該当しませんが、「直前の文字が英数字・&記号・スラッシュ記号・セミコロン記号以外の場合」には該当する（ ) は列挙された文字のいずれでもない）ため、その通りに解釈された結果、URLの一部であるURIフラグメント部分がハッシュタグと認識され、投稿者の意図しない挙動になってしまっているようです。

ご確認のほど、宜しくお願い致します。

クリスマスケーキを食べないまま、あっという間にクリスマスが過ぎていきました……。🍰🍰🍰

🍰Re:5543◆ご要望をありがとうございます！ 参考にさせて頂きます。&#35;を頻繁に入力する場合は何でも簡単入力ボタン機能を使って頂くのが良い気がします。

🍰Re:5544◆ああ、確かにLOGIN REQUIREDの画面にはOGPの出力がないですね。出すようにします。
🍰Re:5545◆ログインフォームに表示されるIDの順序を変更できれば良いわけではなくて、ゲスト権限のIDしか出てこない専用画面がある方が望ましいですか？（どちらにしてもご要望としては記録しておきますが、できれば「なぜそれが必要なのか」の理由も教えて頂けると、優先度を判断する参考にできてありがたいです。）

🍰Re:5546◆youtube-nocookie.comドメインで「この動画は非公開です」と表示されるなら、youtube.comドメインでもあなた以外の閲覧者には「この動画は非公開です」と表示されると思いますが、その点は大丈夫ですか？

こんにちは。一気に要望失礼します。既に出来ることがあったらすみません…

・「任意画像の挿入」で複数の画像URLを一気に追加する
・「既存ハッシュタグ簡単入力機能」で
　・リストに表示するハッシュタグを個別に選択する
　・「&#35;」を一番上に表示する
　・現在はハッシュタグを選択後に「挿入」ボタンを押して挿入するが、選択時点で挿入する
・OGPカードについて、Twitter Cardの指定があってもデフォルトで小サイズで表示する設定
・「YouTube埋め込み」で?rel=0をデフォルトで付ける
・ニコニコ動画の埋め込み
・投稿欄で
　・各種ボタンを使った後でもCtrl+Zで戻す
　・新規作成時、その投稿に付与される予定の投稿番号を表示
・指定したカテゴリの公開状態をデフォルトで「下げる」にする設定
・上に関連して、特定カテゴリのみ「そのカテゴリページでのみ表示する」設定(表示状況をカテゴリ別に設定する)

以下は、ToDoリストを拝見して自分も欲しいと思ったものです(コピペ失礼します)

・任意のHTMLタグを直接記述できる機能
・言及ボタン（返信ボタン）を表示する機能
・てがろぐ設定インポート機能
・ログイン時にユーザIDを手動入力させる機能
・ログインフォームのユーザ一覧の順序変更機能
・特定の投稿No.の本文を引用表示できる機能。
・複数の投稿を1つのスレッドにまとめて表示できる機能。(投稿番号を指定しなくても返信が並んで表示される機能)
・押すとその投稿へのリンクがQUICKPOSTの投稿欄に入る「言及ボタン」(返信ボタン)の表示機能。
・文字装飾ショートカットキー。例えば [Ctrl]+[Shift]+[B] キーで強調できるなど。

開発進捗状況報告サイトで、てがろぐ Ver 4.7.3(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.7.3βの更新点(概要)：
《▼新機能》
●下げた投稿を表示する状況の選択肢に「ユーザ別限定表示時」を追加。
●【既存ハッシュタグ簡単入力機能】の中に、「 #[] 」の3文字だけを挿入できる項目を加えるオプションを追加。
●デフォルトで使われるjQueryとLightboxを、CDNからではなく自前設置したファイルから読み込める設定を追加。
●Lightbox以外の画像拡大スクリプトを使いたい場合に、URLだけでなく、HTMLのscript要素とlink要素を直接書いて指定する方法も追加。

《▼仕様改善》
●jQueryとLightboxがCDNから読まれる場合は、crossorigin属性とintegrity属性等を加えた状態でscript要素を出力するよう改善。

《▼不具合修正》
なし

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。

🍘SNSでのアナウンス：
Bluesky
mixi2
Mastodon(Pawoo)
Twitter：

（ツイート埋め込み処理中...）Twitterで見る

ハッシュタグの挿入で#だけじゃなくて#[]を挿入できるようにできますか？
[]が無くても前後にスペースがあるならアルファベット混じりでも自動的に全部ハッシュタグ扱いにすることはできますか？

>>5221
１）外側スキンの[[SITUATION:HTML]]の部分をパンくずリスト風に
<div class="breadcrumb">
   <span class="homelink">[[FREE:HOMELINK]]</span><!-- フリースペースで設定した「ページのフッタ部分に表示するリンク」・不要なら削除 -->
   <a href="[[HOME:URL]]">[[FREE:TITLE:MAIN]]</a><!-- てがろぐのトップへのリンク -->
   [[SITUATION:HTML]]
</div>
css（簡易）
.breadcrumb .situation {
   display: inline;
}
.breadcrumb > *:not(:last-child)::after {
content: '>';
}
でいかがでしょうか

２）“全件”の数を取得したい
トップ（何も選択しない場合）に表示される記事総数をJavascriptで取得して表示する方法です。
フリースペースに（スキンに直接書いてもいいです）
<span class="soukensu">総記事数：[[INFO:TARGETPOSTS]]</span>
<div id="result"></div>
javascript
<script>
fetch('./') // 同一ドメイン内の別ページ
.then(response => response.text())
.then(html => {
  const parser = new DOMParser();
  const doc = parser.parseFromString(html, 'text/html');
  const targetElement = doc.querySelector('.soukensu');

  if (targetElement) {
    document.getElementById('result').innerHTML = targetElement.outerHTML;
  } else {
    console.warn('指定のクラスが見つかりませんでした');
  }
})
.catch(error => {
  console.error('取得エラー:', error);
});
</script>
css
.soukensu { display: none; }
#result .soukensu { display: block; }

上記2件を試したものを https://10prs.com/tegalog-cms/ で見ることができます（２.の件だけわかりやすいようCSSを適用していません、カテゴリ「sampleA」などを選んで該当箇所を見てみてください）
ご参考になれば幸いです。

いつもてがろぐに大変お世話になってます。てがろぐ本体・tegupともに最新版にアップデートしました。何でも簡単入力ボタン機能がすごく便利です！

にししさんが>>5160内の5158さんへのレスで書かれている「半角英数1文字だけで検索するとJavaScriptソースが崩れてしまう」件、「続きを読む」ボタンのソースにも同様の影響が出ているようです。設定で「全文検索時でも隠す機能を有効にする」にチェックがついていても、半角英数1文字だけで検索すると「続きを読む」装飾で隠されている部分が全て表示された状態になります。半角英数2文字や全角1文字で検索すると設定通りに隠す機能が有効になるので、半角英数1文字だけの時に起こります。


もう1つ、この検索結果で続きを読むボタンのソースが変わることに関連して要望です。

私は画像拡大スクリプトにbaguetteBox.js を使用しており、commentクラスを対象に画像拡大スクリプトを実行するようにしています。この環境だと、検索キーワードに画像の拡張子が含まれる場合に、続きを読むボタンと画像拡大表示用スクリプトが衝突してしまいます。

【再現手順】※てがろぐデフォルトスキンで再現確認済み

続きを読む①baguetteBox.jsの配布元 からダウンロードしたzipのdistフォルダにある、baguetteBox.min.jsとbaguetteBox.min.cssを、てがろぐと同じディレクトリにアップロード

②てがろぐデフォルトスキンをテキストエディタで開き
外側スキンの<head>内に
<link rel="stylesheet" href="baguetteBox.min.css">

外側スキンの遅延読み込みスクリプト群の
[[JS:LIGHTBOX:JQ]]
を消して
   <script src="baguetteBox.min.js"></script>
   <script type="text/javascript">
   // comment クラスの中の画像リンクだけをbaguetteBox.jsの実行対象にする
   window.addEventListener('load', function() {
      baguetteBox.run('.comment');
   });
   </script>
と書いてアップロード

③適当な画像と、続きを読むボタンを含む投稿をする(画像は「続きを読む」で隠される部分でなくてもよい)

④新着画像リストに表示されている小さい画像をクリックするか、全文検索窓から「.png」「.jpg」など、記事内に存在する画像の拡張子をドットつきで検索をする
※「png」「.pn」「.j」のように画像の拡張子として不完全な文字列ではダメ

⑤検索結果画面にある記事の「続きを読む」ボタンをクリックした瞬間にbaguetteBox.jsが作動するが、画像ファイルのリンクではないので存在しない画像を読み込もうとし続ける畳む

普通に記事を表示した時は続きを読むボタンをクリックしてもbaguetteBox.jsは作動しないのですが、画像の拡張子が含まれる検索結果画面で続きを読むボタンをクリックした時にだけこの現象が起こります。

続きを読むボタンの<a>タグのリンク先は現在のURLの末尾に「#readmore」が付与されたものになりますが、
検索結果画面だと

https://example.com/tegalog/tegalog.cgi?q=.png#readmore

となるため、続きを読むボタンのリンク先URLに含まれる拡張子部分にbaguetteBox.jsが反応してしまうようです。
一応baguetteBox.js側の機能として、ignoreClassで指定したクラスを拡大表示処理の対象から除外することはできます。

【例】
   baguetteBox.run('.comment',{
         ignoreClass:'readmorebutton'
            }
         );

ただ、このignoreClassは1つしか指定できないので、続きを読むボタン(readmorebutton)を除外指定してしまうと、別の除外したいクラスが指定できなくなってしまうのです…。AIにbaguetteBox.jsのソースを読ませてignoreClassを複数指定する方法などを質問して色々試してみたりもしたのですが、やはり1つしか指定できない仕様のようです。

ちょうどignoreClassで指定したいクラスが出来て動作確認をしていた際、新着画像をクリックして見ていた時に気付きました。続きを読むボタンの<a>タグに検索キーワードを含めないようにして頂くことはできませんでしょうか。

>>5075
①FTPソフトでサーバーにあるtegalog.xmlをダウンロード
②xmlファイルをテキストエディタで開く
③旧ハッシュタグ→新ハッシュタグに一括置換して上書き保存
(例：#つぶやき→#つぼやき)
④更新したxmlファイルをサーバーにアップロード
⑤管理画面から投稿の再カウントを行う

xmlファイルの直接編集については下記のFAQも参考になります
https://www.nishishi.com/cgi/tegalog/faq/#edit-xml-fil...
https://www.nishishi.com/cgi/tegalog/faq/#uncatpost-to...
https://www.nishishi.com/cgi/tegalog/faq/#recount-afte...

#️⃣これってハッシュタグになる…？
#️⃣[これってハッシュタグになる…？]
#️⃣-[これってハッシュタグになる…？]
#これはならない

あと2時間後くらいには寝たい……！（明日は朝が早いので）

🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。

※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign">と</span> はどんな場合でも常に出力されますから。

なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、&#35; と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目：]欄にある『「&#35;」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。（※デフォルトではOFFですが、ここの動作試験場ではONになっています。）

>No.4488,4489
ユーザーCSSの拡張機能は私も「Stylus」がおすすめです。

自分用に作った管理画面をダークモードにするCSSがあるので、こちらに貼っておきます。
※ただしカラーテーマが適用されなくなります（カラーテーマごとに書き換えはしていないので）。ところどころ未対応のまま放置しています……(笑)。
続きを読むbody {
    background-color: #121212 !important;
    color: #e9eef4 !important;
}

a,
#copyright a:link,
.shortcutlinklist li a {
    color: #99ccff;
}

a:visited,
#copyright a:visited {
    color: #3399ff;
}

.shortcutlinklist li a {
    color: #99ccff !important;
}

#contents {
    background-color: #181818 !important;
    border-color: #444 !important;
}

#header {
    background-color: #353535 !important;
    color: #fff !important;
    border-bottom-color: #444 !important;
}


textarea.tegalogpost {
    background-color: #202124 !important;
    color: #e9eef4 !important;
}

.decoBtns input {
    background-color: #424242 !important;
    color: #fff !important;
}

.decoBtns input:hover,
.btnlink:hover,
.adminhome a:hover {
    background-color: #777 !important;
    border-color: #0078d7 !important;
}

.adminhome a {
    background-color: #424242 !important;
    color: #fff !important;
}

.appname a {
    color: #5cbd5c !important;
}

.deleteButton:hover {
    background-color: #caaf87 !important;
    color: crimson !important;
    border-color: crimson !important;
}

fieldset,
.helpbox .help {
    background-color: #202124 !important;
    border-color: #666 !important;
}

.systemhelpbox,
.noticebox,
.categoryTreeBox {
    background-color: #35352b !important;
    border-color: #777 !important;
}

.shortcuslinkbox {
    background-color: #282828 !important;
}

.helpbox .help {
    fill: #9cf !important;
}

.helpbox .help:hover {
    background-color: #515141 !important;
}

.situationPreviewBox {
    background-color: #222220 !important;
    color: #0c9f0c !important;
    border-color: #880 !important;
}

table.standard th {
    background-color: #4f5b4f !important;
}

.btnlink {
    background-color: #484848 !important;
    color: #fff !important;
}

.important {
    color: #ff4141 !important;
}

.tab {
    border-color: black !important;
    background-color: #424242 !important;
    color: #e1e1e1 !important;
}

.tab:hover {
    background-color: #4e624e !important;
    color: lime !important;
    cursor: pointer !important;
}

#tabcontent1,
input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
    background-color: #4d3333 !important;
}

input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
    color: #ff7c7c !important;
}

#tabcontent2,
input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
    background-color: #424231 !important;
}

input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
    color: #acac13 !important;
}

#tabcontent3,
input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
    background-color: #494f3a !important;
}

input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
    color: #9ed200 !important;
}

#tabcontent5,
input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
    background-color: #576260 !important;
}

input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
    color: #00ffc6 !important;
}

#tabcontent4,
input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
    background-color: #565664 !important;
}

input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
    color: #01016f !important;
}

.imageuploadarea {
    background-color: #626255 !important;
}

.embcode {
    background-color: #464a46 !important;
}

.nowHover {
    background-color: #66665e !important;
}

.nowHover .embcode {
    background-color: #7d7d65 !important;
}

form.export {
    margin: 1em 0 !important;
    padding: 1em !important;
    background-color: #3a3c3a !important;
}

.scrollBtns a:link {
    color: #fff !important;
    line-height: 1 !important;
    text-align: center !important;
}

.inputguide {
    color: #9b9b9b !important;
}

legend a {
    color: #fff !important;
}

.sessionguide {
    color: #aaa !important;
}

.systemmenucategory {
    color: #0bb !important;
}

.categoryTree {
    background-color: #484840 !important;
    border-color: #666 !important;
}

.categoryOptions {
    background-color: #484840 !important;
}

/* TegUp */
.localver {
    background-color: #272827 !important;
    color: #00b000 !important;
}

.latestver {
    background-color: #262628 !important;
    color: #88f !important;
}

.subGuide {
    color: #999 !important;
}

.taskLog {
    background-color: #212121 !important;
    border-color: #444 !important;
}

.taskLog li:nth-child(2n) {
    background-color: #2b2b2b !important;
}

.taskLog time {
    color: #8484ff !important;
}

.taskLog i {
    color: #00a5bd !important;
}

.themeKRM .systemmenu li a {
    background-image: linear-gradient(0deg, #1e1e1e, #353535);
}畳む

Ver 4.2.0リリースとサーバー移転お疲れ様です！私のサイトのてがろぐも4.2.0にアップデートしました。
要望…というか質問です。投稿フォームのハッシュタグ挿入ボタンを押すと「#選択したハッシュタグ+半角スペース」が自動挿入されますが、半角スペースの位置をハッシュタグの後ではなく#の前にする方法ってありますか？
私はいつもハッシュタグを使う際は本文の後に入れるようにしているのですが、本文の末尾にカーソルがある状態で半角スペースを自分で打つ→挿入ボタンを押す→ハッシュタグの後ろにある半角スペースを削除…という手順を踏んでいます。ハッシュタグを1個以上連続で挿入する時も、半角スペースが#の前だけにあった方が最後の半角スペースを削除する手間が減ります。環境や人によって半角スペースの望ましい位置が違うと思うので、私のような使い方がしたい人だけ変更する方法があれば知りたいなと思った次第です。

マッパー＠あどみと申します。
最近てがろぐを設置し、データベースなしでこんなに高機能なんて！と感心しつつ、カスタマイズにはげんでいるところです。
早速ですが、#地図 の埋め込み機能のリクエストです。

🗾 OpenStreetMapの埋め込みについて
私は、OpenStreetMapという、誰でも編集できて利用の制約がゆるいオンライン地図のマッピングで活動しています。
OpenStreetMapのサイト自体に共有リンクを出力する機能があるので、これを使っててがろぐの投稿に地図表示を埋め込めるといいなと思います。
（以下、技術的な説明が長いのでたたみます）

続きを読む共有メニューから「リンク」をクリックすると
https://
www.openstreetmap.org/?
mlat=43.3853&mlon=145.8171#
map=16/43.3853/145.8171
「HTML」をクリックすると
<iframe
 width="425" height="350" src="https://
www.openstreetmap.org/export/embed.html?
bbox=145.8067059516907%2C43.37855547332784%2C145.8275628089905%2C43.392075799933046&
layer=mapnik&
marker=43.38531601356901%2C145.81713438034058"
 style="border: 1px solid black">
</iframe>
<br/>
<small>
<a href="https://
www.openstreetmap.org/?mlat=43.3853&mlon=145.8171#map=16/43.3853/145.8171">大きな地図を表示
</a>
</small>
というURLが出力されます。
（こちらはURL貼り付け禁止とのことですが、説明に必要なため、引用として貼らせていただきました。元のURLに改行はありませんが、意図的にあちこちに改行を入れてリンク表示にされないようにしています。表示される場所はいずれも北海道の納沙布岬です）

「リンク」の方のURLは、mlat=xx&mlon=xx が地図上のマーカーの座標（緯度経度）です。
#map=16 の16などの数値はズームレベル（表示縮尺）その後ろの数値は地図の中心の座標です。
マーカー付きで当該場所の地図を表示したOpenStreetMapのサイトが開きます。
OpenStreetMap側のチェックボックスで、マーカーを含めないリンクにもできます。

「HTML」の方のURLはiframeタグ付きで出力されていて、てがろぐのソースを見るとYoutube等の埋め込みもirameタグを使用しているので、このURLをてがろぐに合うように加工して投稿に埋め込めないだろうかと思ったところです。
bbox=から&までの間の数値は、前半がフレームの左下角、後半が右上角の座標です。
layer=mapnikというのはOpenStreetMapの標準地図レイヤーを指しています。サイト上で6種類の地図レイヤーが選択できるようになっているので、URLを出力したときに選択しているレイヤー名が表示され、埋め込み地図でも同じ地図レイヤーで表示されます。
marker=以降は前段に書いたマーカー座標です。畳む

世間一般では、Googleマップの埋め込みの需要の方が多いだろうとは思いますが、私がOpenStreetMap界隈で活動しているため、こちらでリクエストさせていただきました。
Googleマップにも「地図を共有または埋め込む」というメニューがあり、iframeタグ付きの埋め込み用URLが出力できるので、OpenStreetMapができるならGoogleマップもできるのかもしれません。

🍧Re:3838◆投稿1つ1つの下部に表示される線は、投稿1つを作っているボックス .onelogbox の「下側の枠線」(＝border-bottom) として指定してあります。

• 標準スキンの場合は border-bottom: 1px #ccc dashed; になっていますので、太さ1pxの灰色の破線で表示されます。
• 昔のTwitterっぽいスキンの場合は border-bottom: 1px #e6ecf0 solid; になっていますので、太さ1pxの薄い灰色の実線で表示されます。

したがって、この箇所を修正すれば自由に線を変更できます。
CSSをカスタマイズする際は、CSSソースの中で .onelogbox を検索してみて下さい。

カカオ85％のチョコレートを舐めています。🍫🍫🍫

🍫Re:3638◆投稿内容をRSSリーダーでチェックすると、その機能はたいてい使えますね。RSSリーダーがもうちょっと復興すると良いなあ、と思っています。
🍫Re:3641◆複数人でチャット的に使っている場合には、そういう機能があると便利ですかね？
🍫Re:3642◆ご活用をありがとうございます。◆まず1点目ですが、[[NO-LINKADJUSTMENT]]を使っていても、ページ移動ナビゲーション系のリンクでは適用スキンを維持したリンクが出力されます。この点の解説が不足していたので加えておきました。適用スキンを外したHOMEへ移動させたい場合は、[[HOME:URL:FULL]] を使うか <a href="?">HOMEへ戻る</a> のようなa要素を直接書いて頂けますと幸いです。◆次に2点目ですが、それは確かにあると便利そうですね！ mode-gallery や mode-sitemappage のようなclass名も加えるようにします。ご要望をありがとうございます！

🍫Re:3643◆ありそうでないんですかね。^^; なんとなく作りたい気分ではいます。あまり期待せずにお待ち下さい。^^;;;
🍫Re:3645◆なるほど、そういえばハッシュタグの集計自体を止める方法は用意していませんでした。参考までにもしよろしければ3点教えて欲しいのですが、①ハッシュタグは何種類抽出されますか？ ②再集計にどれくらい秒数が掛かりますか？ ③投稿総数は何件ありますか？ ハッシュタグは全投稿を走査するので大量にあると重たくなるだろうな、とは思います。再集計対象を限定できるような機能も（そう遠くないうちに）用意しようと思います。なお、既存の # 記号を &#35; に置き換えるには、 tegalog.xml をテキストエディタで開いて編集すると現実的に可能かもしれません。（てがろぐ上で再編集するのは量が多いと非現実的でしょうから。）

🍫Re:3646◆てがろぐ完全構成ZIPの中には rss というフォルダの中にRSS用スキンが含まれています。これをベースにして skin-onelog.html をお望みのように編集なされば良いと思います。編集できたら、管理画面の［設定］→［補助出力］→【RSSフィードの出力】で『自作のRSSスキンを使う』項目にチェックを入れて保存して下さい。そうすると、RSSモードで自作のRSS用スキンが使われるようになります。なお、そこまでしなくても、この項目を『内蔵のRSSスキン(抜粋収録)を使う』に変更すればお望みに近くなる可能性もあります。抜粋収録にすると、RSSフィードには「投稿の先頭から120文字」だけしか収録されなくなります。（開発放言のRSSフィードもその設定で出力しています。※正確には「1行目の先頭から最大30文字」がタイトルになり、2行目以降の先頭120文字だけが本文として抜粋して収録されます。画像等のテキスト以外の物体は一切省略されます。投稿が全1行の場合は1行目の先頭最大120文字だけが抜粋収録されます。）

アップルパイを食べました！🍎🥧 #-forme

🍵Re:3547◆なるほど。理解できたような気がします。本文の表示をどうにかしたいわけではなく、投稿に対して「見えないフラグ」を付与するようなイメージで、ラベルが透明なカテゴリかハッシュタグが作れれば良いわけですね。ハッシュタグなら簡単そうに思います。まず、隠れハッシュタグ機能を使えば、一覧にはリストアップされない点はご承知の通りです。後は、次のCSSを書けば、本文内にも表示されなくなります。
➡ .taglink[title="-forme"] { display: none; }

もしこれで消えない場合は、以下のように書くと良いでしょう。
➡ .taglink[title="-forme"] { display: none !important; }

ここで !important を加えているのは、ハッシュタグの表示箇所に対して既に別のスタイルが当たっているとき、それを確実に上書きするためです。（例えば、標準スキンだと .comment .taglink に対して display: inline-block; が指定されていますので、これを上書きできるだけの詳細度を持つセレクタを指定しないと上書きできません。ただ、標準スキンのCSSなら最初の方のCSSで詳細度を充分高くできるので !important は不要ですけども。例えば、.taglink[title="-forme"] ではなく a[title="-forme"] のようにセレクタを書いた場合、標準スキンでは（詳細度が足りないので）既存のスタイルを上書きできず、ハッシュタグは消えません。）

もし !important を加えるのがスマートではないと思われるなら、既存のCSSを上書きできるようなセレクタを必要なだけ追加すれば良いと思います。例えば次のような感じで。
.comment a.taglink[title="-forme"] { display: none; }

備考＜備考＞
第三者の方々に向けて参考までに補足情報を記しておきます。

▼まず、本文中に含まれるハッシュタグは、以下のようなHTMLで出力されています（設定に依って異なりますが、デフォルトでは以下のようになります）。
<a href="?tag=パーセントエンコードされたハッシュタグ名" class="taglink" title="ハッシュタグ名">#ハッシュタグ名</a>

▼ハッシュタグの先頭を「-」記号で始めると、ハッシュタグ一覧にはリストアップされない「隠れハッシュタグ」になります。仮に #-forme というハッシュタグを使うと、以下のようなHTMLが出力されます。
<a href="?tag=%2d%66%6f%72%6d%65" class="taglink" title="-forme">#-forme</a>

▼このハッシュタグだけを対象にしてCSSを適用したいときには、『class属性値が「taglink」である要素のうち、title属性値が「-forme」なもの』だけを対象にできる属性セレクタという書き方を使って、以下のようなCSSが書けます。
.taglink[title="-forme"] { ～装飾～ }

……というわけです。
畳む

てがろぐ Ver 3.9.0を公開しました！画像をキャプション付きで表示できる機能、新着画像リスト表示機能、サムネイルがあればそちらを先に表示する機能、投稿経過時間の表示機能、インスタグラム埋め込み機能、「続きを読む」ボタンラベルをその都度指定できる新記法、リスト表示用の記法などの追加が主な更新点です。その他、細かな機能追加や不具合修正を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgi と fumycts.pl の2ファイルだけ(※)を上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(Ver.2以下も含む過去のどのバージョンからでも)

※今回も標準添付スキンのソースを全体的に更新しています。標準添付スキンをそのままお使いの場合は、それらも上書きアップロードして下さい。

🆕 Ver 3.9.0の更新点(概要)：
《▼新機能：画像投稿関連》
●新着画像リスト（最近UPされた画像の一覧）出力機能。
●UPされた画像1つ1つにキャプションやフラグ等を事前登録しておける画像インデックス機能。
●画像をキャプション付きで表示できる新記法を追加。
●画像のキャプションをその都度指定できる新記法を追加。
●その画像に対応したサムネイル画像が存在する場合には『ページ上の表示にはサムネイル画像を使い、Lightboxでのリンク先にはオリジナル画像を使う』ように表示できる機能を追加。
●投稿本文内に含まれる画像をすべて抽出して表示できる記法を追加。

《▼新機能：ページ上の表示関連》
●インスタグラムの埋め込み機能。
●投稿日付の表示に（n分前、n時間前、n日前……のような）経過時間を表示できる日付表記オプション。
●ページ番号の省略を始める総ページ数を自由に設定できる機能。
●ページ番号リンクの両端（先頭と末尾）に何ページずつ固定表示するかを変更できる機能。
●サイドコンテンツ各種でもギャラリーモードやサイトマップページを維持したリンクを出力できる新記法。

《▼新機能：表示を拡張する新記法》
●「続きを読む」ボタンのラベルをその都度指定できる新記法を追加。
●リストを表示するための専用記法。（箇条書きリストや番号付きリストが表示可能に）
●投稿本文の行数が得られる記法を追加。(内側スキンのみ)
●RSS Auto-Discoveryを挿入する記法を追加。(外側スキンのみ)

《▼新機能：スキンのカスタマイズ関連》
●上位ディレクトリや別階層に存在するスキンでもプレビューしたり簡易適用したりできる機能。
●投稿本文内の、任意の範囲をコメントアウトできる記法。
●各種ディレクトリのパス(PATH)を得られる新記法を追加。
●スキン内に記述されている link要素やform要素に対して、「現在のスキンでの表示を維持する」目的で自動挿入される各種記述をスキップできる記法を追加。
●[[INCLUDE:～]] 記法と [[PATH:～]] 記法を、内側スキンでも使用可能に。(従来は外側スキン専用でした)
●任意のファイルを挿入できる INCLUDE 記法の仕様拡充。

《▼新機能：設定項目》
●記述サンプルを自動入力するかどうかの設定項目と、文字色や背景色として自動入力するサンプル文字列の設定項目を追加。
●ログインフォームの下部に表示できるメッセージを設定画面で設定できる機能。
●ハッシュタグだとは認識されない「 # 」記号を簡単に表示させる方法として、「&#35;」を入力できる項目をハッシュタグ簡単入力プルダウンメニューに追加できる機能を追加。
●投稿本文中にAmazonのURLが書かれたとき、自動で極力短く加工する機能を追加（標準ではOFF）。

《▼仕様改善》
●拡大画像をLightboxで表示できるテキストリンクを作る記法に、「画像リンクに独自のclass属性値を追加する」と同じclass属性値も追加されるよう仕様改善。
●全文検索の強調表示では、半角英字の大文字小文字が一致しなくても強調対象になるよう仕様改善。
●上位ディレクトリを参照するパスで画像が指定されたときに、ファイルが見つからなければ注釈を含むエラーを表示するよう仕様改善。
●デフォルトで読み込むjQueryやLightboxを最新版にバージョンアップ。

《▼スキン更新》
●標準添付の各スキンを更新

《▼不具合修正》
●「スラッシュで始まる絶対パス」で画像が指定されたとき、画像のURLが正しくなくなって画像が表示されない不具合を解消。
●「続きを読む」記法が使われている状態で、設定画面から「続きを読む」機能をOFFにすると、Internal Server Errorになる不具合を修正。
●「skin=」パラメータでスキンが指定されているとき、投稿本文内のハッシュタグをすべて抜き出す記法 [[COMMENT:TAGS]] が動作しない不具合を解消。
●ハッシュタグに半角アンダーバー「_」を使うと、既存ハッシュタグ簡単入力用プルダウンメニューでは角括弧付きでリストアップされる不具合を修正。
●内側スキンで [[CATEGORYLINKS:FULL]] と書いても、カテゴリページへのURLがフルパスでは出力されない不具合を解消。
●投稿単独ページのURLを挿入する [[PARMAURL]] キーワードのスペルを [[PERMAURL]] でも認識するよう改善。
●「Unrecognized escape \\v passed through at tegalog.cgi」というアラートがサーバのエラーログに記録される問題を解消。
●サーバのエラーログに「CGI::param called in list context」のようなアラートが出力されるのを防ぐよう改善。
●設定画面のHTMLにいくつか存在していた文法ミスを修正。
●リンクラベルの中に &#35; での # 記号が入っていても正しくラベルとして使えるよう仕様を修正。
●「続きを読む」機能を入れ子にして使うと、ボタンラベルが正しく出力されないケースがある不具合を修正。

更新点について詳しい解説は、リリースノート(No.39)をご参照下さい。

宣伝ツイート：

（ツイート埋め込み処理中...）Twitterで見る

ご活用頂ければ幸いです！

開発進捗状況報告サイトで、てがろぐ Ver 3.8.8(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 3.8.8βの更新点(概要)：
《▼新機能》
●アップロードされた画像1つ1つにキャプションやフラグを登録しておける画像インデックス機能。(index.xml生成機能)
●画像ごとにキャプションやフラグを設定操作できる画像編集画面。
●画像に付与できるフラグ（新着画像リストに表示しない「一覧外」、閲覧注意classを付加できる「NSFW」）機能。
●画像をキャプション付きで表示できる新記法 [PICT:FIG:ファイルパス] を追加。
●画像のキャプションをその都度指定できる新記法 [PICT:FIG(キャプション):ファイルパス] を追加。
●画像の新規アップロードと同時に、フラグやキャプションを設定できる画像管理画面でのアップロード機能。(画像が複数ある場合は、全部に同じ値が加わる仕様。)
●鍵付き投稿・下書き投稿と同時にアップロードされた画像には、最初から「一覧外」フラグを立てる仕様。
●画像管理画面から画像を選んで新規投稿する際のプルダウンメニュー項目を「新規投稿に使う（キャプション付き）」と「新規投稿に使う（画像のみ）」の2種類に拡張。
●画像の縦横サイズ(HTMLで出力されるwidth・height要素)の値を手動でも設定できる機能。

《▼仕様改善》
●読み込むjQueryをVer.3系(jquery-3.6.1.min.js)にアップグレード。
●新着画像リストは（画像保存用ディレクトリを走査せず）画像インデックスだけから生成。一覧外フラグが付いた画像は表示しないよう仕様改善。
●画像表示時に、画像の代替文字には登録済みキャプションを使うよう仕様改善。
●画像表示時に、Lightboxで使われるタイトルに登録済みキャプションを使うよう仕様改善。

《▼スキン更新》
●キャプション付きの画像表示に対応したCSSに差し替え。

《▼不具合修正》
●「続きを読む」機能を入れ子にして使うと、ボタンラベルが正しく出力されないケースがある不具合を修正。(何階層にも入れ子にしても大丈夫なように改善)
●リンクラベルの中に # での # 記号が入っていても正しくラベルとして使えるよう仕様を修正。( # ではない # そのものが入っているとハッシュタグとして認識されてしまうので注意)

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。

（ツイート埋め込み処理中...）Twitterで見る

>>3308です。
>>3314
#と折り畳み機能の対応ありがとうございます！！
もしかして非推奨な使い方なのかもしれないと思い報告していいのか悩みましたが、対応していただけたのでよかったです＾＾
しかも報告しているうちに入れ子の状況によって表示がかわるので、説明もややこしくなってしまって…。
本当に対応していただいて感謝です。
リリース楽しみにしています。
ありがとうございました！！
#感謝

指定範囲を隠す機能を入れ子にした場合の動作テスト Ver 3.8.8β(未配布)

▼ラベルなしの折り畳み：
(改行あり)
続きを読む折り畳み1
続きを読む折り畳み2
続きを読む折り畳み3
畳む畳む畳む
(改行なし)
続きを読む折り畳み続きを読む折り畳み続きを読む折り畳み畳む畳む畳む

▼ラベルありの折り畳み：
(改行あり)
ラベルA折り畳みa
ラベルB折り畳みb
ラベルC折り畳みc
ラベルD折り畳みd
ラベルE折り畳みe
ラベルF折り畳みf
畳む畳む畳む畳む畳む畳む
(改行なし)
ラベルA折り畳みaラベルB折り畳みbラベルC折り畳みcラベルD折り畳みdラベルE折り畳みeラベルF折り畳みf畳む畳む畳む畳む畳む畳む

▼ラベルありなし混在の折り畳み
1：ありA→なし→ありB→なし→ありC→なし
ラベルA折り畳み1
続きを読む折り畳み2
ラベルB折り畳み3
続きを読む折り畳み4
ラベルC折り畳み5
続きを読む折り畳み6
畳む畳む畳む畳む畳む畳む
2：なし→ありA→なし→ありB→なし→ありC
続きを読む折り畳み1
ラベルA折り畳み2
続きを読む折り畳み3
ラベルB折り畳み4
続きを読む折り畳み5
ラベルC折り畳み6
畳む畳む畳む畳む畳む畳む
3：ありA→ありB→ありC→なし→なし→ありD
ラベルA折り畳み1aラベルB折り畳み2bラベルC折り畳み3c続きを読む折り畳み4続きを読む折り畳み5ラベルD折り畳み6d畳む畳む畳む畳む畳む畳む

リンクラベル内に &#35; を使った場合のテスト。にしし#ふぁくとりー

β版配布お疲れ様です。
Ver 3.8.7にアップデートしました。
&#35;を簡単に引き出せるようになってとても使いやすくなりました。
いつも細かい修正や要望に対応してくださりありがとうございます。
#感謝

この機能を早速使用して気づいたのですが、「#」をリンク内テキストに入れると
[#文字]https:⁄⁄xxx～.com/
というように、うまくリンクが反映されませんでした。

それと、今回のβ版とは関係ない箇所ですが、折り畳み機能の中にもう一つ折り畳みタグを入れると正しく表示されませんでした。
状況の説明が少し長くなったので、畳みます

続きを読む実際に以下書いてみた内容は以下の通りです。
全角文字が混ざってないか、入れ子が間違ってないかなど何度も確認しましたが、表記ミスがあったらすみません。
（１）ラベルを何もつけない
[H:折り畳み1階層目 [H:折り畳み2階層目]]

（２）ラベルを二つともつける（ラベルA・ラベルB）
[H:ラベルA:折り畳み1階層目[H:ラベルB:折り畳み2階層目]]

（３）最初だけラベルをつける（ラベルA）
[H:ラベルA:折り畳み1階層目[H:折り畳み2階層目]]

（４）2階層目だけラベルをつける（ラベルB）
[H:折り畳み1階層目[H:ラベルB:折り畳み2階層目]]


　投稿した結果　
▽ラベルの表示

（1）（4）1階層目の内容がラベルに表示され、2階層目のタグが反映されません。
（2）「ラベルA」ではなく、「続きを読む（標準ラベル）」の表示になります。
（3）正常に「ラベルA」と表示されます。

▽1階層目のラベルを展開

（1）2階層目の内容だけ表示されます。
（2）テキストの前に「ラベルA:」のテキストが入ります。「ラベルB」は正常に表示されます。
（3）正常に「続きを読む（標準ラベル）」が表示されます。
（4）テキストの前に「ラベルB:」のテキストが入ります。2階層目の内容のみ表示されます。

▽2階層目のラベルを展開

（２）（３）2階層目の内容は正常に表示されます。

ということで、折り畳みを入れ子にした場合、（３）の1階層目だけラベルを付けた場合のみ、正常に表示されました。


2階層目のタグの前に改行を入れてみたところ、（1）（３）（4）は正常に見れましたが、（2）は改行入れなかったときと同じような状態で表示されました。畳む

色々ややこしくて上手く説明できてるかわかりませんが、正常に表示できるようにしていただければと思います。
大変お手数おかけしますが、よろしくお願いいたします。

#報告

開発進捗状況報告サイトで、てがろぐ Ver 3.8.7(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。

このバージョンでは、影響の大きなバグを修正しています。普通に使っている状況ではまず問題は起きないでしょうし、問題を起こすには管理者権限のあるIDでログインする必要がありますから悪用される可能性もほとんどないとは思いますが、もし悪用されるとダメージが大きいので、3.8.2β以降をご試用下さっている場合は必ずバージョンアップをお願い致します。

主に以下の点を搭載しています。

🆕 Ver 3.8.7βの更新点(概要)：
《▼新機能》
●上位ディレクトリや別階層に存在するスキンも指定可能に。「?skin=../upperdir/some/skin-dir」のような感じで。
●スキン切り替え画面で、任意のディレクトリ名を指定してスキンをプレビューしたり簡易適用したりできる機能を追加。
●投稿日時の経過時間表記(「xx日前」のような相対時間)で、使用単位を「時間→日」に切り替えるタイミングを自由に設定できる機能を追加。
●ハッシュタグだとは認識されない「#」記号を簡単に表示させる方法として、「&#35;」を入力できる項目をハッシュタグ簡単入力プルダウンメニューに追加できる機能を追加。

《▼仕様改善》
●管理画面の投稿一覧表にも「全部選択」・「全部解除」ボタンを追加。
●10件以上の投稿や画像を一括削除するときには、確認画面にある「削除する」ボタンを押した後にJavaScriptで最終確認する安全仕様を追加。
●モバイル端末で閲覧した場合のログイン画面を改善。

《▼スキン更新》
●すべてのスキンに、最初から「xx日前」のような相対時間(投稿後の経過時間)の表記も表示しておくよう更新。
●「最終更新日時」にも経過時間(相対時間)表記を表示するよう更新。

《▼不具合修正》
●Ver 3.8.2β以降に存在していた(影響の大きな)バグを修正。
●Lightboxが必要ない状況でも、そのスクリプトとjQueryが無駄に読み込まれる可能性があったバグを修正。
●サーバのエラーログに「CGI::param called in list context」のようなアラートが出力されるのを防ぐよう改善。
●『サムネイル画像があればサムネイルの方を表示』項目がONでもOFFでも、問答無用でONの動作をしていた不具合を修正。
●『画像パスに絶対URL(フルパス)を使う』がONで、「スラッシュで始まる絶対パス」で画像が指定されたとき、画像のURLがおかしくなって正しく画像が表示されない不具合を解消。

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。

ピザの安売りがそろそろ終わりそうだったのでたくさん買ってきました。🍕🍕🍕

🍩Re:3154◆テキストエディタの説明ってなかなか面倒ですよね。何の装飾もされていない文書がWordファイルで送られてくるケースはよくありました。いや、今でもあるでしょうけども。^^;
🍩Re:3156◆「灰色」の英単語は何の疑問もなく gray で覚えていたんですが、昔は gray だと色名として認識されなかったんですねえ。たぶんその当時は、#808080 みたいに16進数でしか指定しない（ブラウザに色名の解釈を期待しない）方針で居たので問題に直面せずに済んでいたのかもしれません。^^;
🍩Re:3159◆まあ、インターネットは米国が作った技術ですしね、と言おうかと思ったのですけども、そういえばHTMLを考案したティム・バーナーズ＝リーは英国人でした。┌(:3」└)┐ ◆今のWordってHTMLを吐けるんですかね？ ……と思ったので試したところ、たしかに今でも .html で保存する機能がありました。あるのか……。