てがろぐ
- Fumy Otegaru Memo Logger -
検索語「〔除外:$ci=;〕」の検索結果［1199件］
🍧Re:5298◆その状況だと、お使いのスキンに書かれた別のJavaScriptが悪影響を及ぼしている可能性がありそうに思います。
てがろぐの[設定]→[システム設定]→【高度な設定】で『OGP取得時のリクエストログをConsoleに出力する』項目をONにすると、エラーが発生していなくてもOGP情報のリクエスト状況が毎回（開発者ツールの）コンソールに出力されます。もし、正しくスクリプトが実行されていれば、OGPリンク枠が表示される度に、{Tegalog-TegUp:1} Request:～ のようなログが見えるハズです。
もしこれが見えないとすると、そもそも「OGPの取得をリクエストするJavaScriptが実行されていない」ということになります。
その場合は、お使いのスキンに書かれた他のJavaScriptが何らかのブロックをしているかもしれません。
お使いのスキンに書かれているscript要素を全部コメントアウトしてみて下さい。もしそれでOGPリンクが表示されるようになるなら、確実にその中のどれかのスクリプトが原因です。コメントアウトを1つずつ外していってみることで、問題のスクリプトを特定できると思います。
てがろぐの[設定]→[システム設定]→【高度な設定】で『OGP取得時のリクエストログをConsoleに出力する』項目をONにすると、エラーが発生していなくてもOGP情報のリクエスト状況が毎回（開発者ツールの）コンソールに出力されます。もし、正しくスクリプトが実行されていれば、OGPリンク枠が表示される度に、{Tegalog-TegUp:1} Request:～ のようなログが見えるハズです。
もしこれが見えないとすると、そもそも「OGPの取得をリクエストするJavaScriptが実行されていない」ということになります。
その場合は、お使いのスキンに書かれた他のJavaScriptが何らかのブロックをしているかもしれません。
お使いのスキンに書かれているscript要素を全部コメントアウトしてみて下さい。もしそれでOGPリンクが表示されるようになるなら、確実にその中のどれかのスクリプトが原因です。コメントアウトを1つずつ外していってみることで、問題のスクリプトを特定できると思います。
アイスの備蓄もあるものの、かき氷の備蓄を消費したいような気温……。🍧🍧🍧
🍧Re:5296◆TegUpそのものは正常に動作していますか？ tegup.phpにアクセスしてみてバージョン案内等の画面が出てくるなら大丈夫ですが、そうではない場合（エラー画面やPHPのソースコードがそのまま出てくる場合など）ではPHPの動作に問題がありますので、そこを先に解決する必要があります。
TegUpそのものの動作に問題がない場合は、以下の点をご確認下さい。
どんなURLを指定しても常に取得できないのですか？(＝Ⓐ) それとも特定のURLだけが取得できないのですか？(＝Ⓑ)
🍧Re:5296◆TegUpそのものは正常に動作していますか？ tegup.phpにアクセスしてみてバージョン案内等の画面が出てくるなら大丈夫ですが、そうではない場合（エラー画面やPHPのソースコードがそのまま出てくる場合など）ではPHPの動作に問題がありますので、そこを先に解決する必要があります。
TegUpそのものの動作に問題がない場合は、以下の点をご確認下さい。
どんなURLを指定しても常に取得できないのですか？(＝Ⓐ) それとも特定のURLだけが取得できないのですか？(＝Ⓑ)
- Ⓐの場合は、他のスキンを適用してみた場合はどうでしょうか？ それでも取得できないかどうかを試してみて下さい。
- Ⓑの場合は、そのURLをここ（※今ご覧になっている動作試験場）で試してみた場合にどう見えるかを確認してみて下さい。
7月になりましたねえ。
🍨Re:5282◆ありがとうございます。「て」アイコンはかなり即席で作りました。^^;
🍨Re:5283,5288◆どんなブラウザでも発生します。おっしゃるとおり、overflow-wrap: anywhere;かword-break: break-all;かが必要です。てがろぐ標準添付の各スキンでは、URL自動リンクの場合にはそう指定してあるのですが、自由装飾のcodeに関しては、変な位置で改行されると分かりにくくなるので、まあいいか、と放置しています。^^; いや、枠内に横スクロールバーを出すことで、画面全体の横スクロールバーは出ないようにするのが良いんだろうな、とは思うのですけども。自由装飾も選択肢が増えたので、<pre>～</pre>でソースを書けるようにした方が良いかもしれないですね。
🍨Re:5284,5286◆サポートありがとうございます！(╹◡╹)ﾉ
🍨Re:5285◆おや、RSSフィードにも出てしまいますか？ こちらでは、折り畳まれた範囲にある物体は画像も含めてRSSフィードからは隠される動作になっているのですが、どんなRSS用スキンをお使いでしょうか？
なお、OGPやTwitter Cardには（「折り畳み」機能も「続きを読む」機能も同様で）隠されている範囲にある画像でもそのまま出ます。画像を出したくない場合は、NSFW画像をOGPに出さない設定にした上で、その画像にNSFWフラグを付けて頂く必要があります。もしくは、『n枚目の画像を [[ONEPICT:n]] 記法等で表示するのを許可』項目がOFFなら、鍵付きで隠す手もあります。（または、隠される範囲よりも前に何か適当な画像を1枚置くという手もありますけども。^^;）
🍨Re:5287◆あの即席「て」アイコンに需要が!?(笑) まさか需要があるとは予想しなかったのですけども、先程単体でも配布しておきましたのでご活用下さい。.icoファイルと .pngファイルで置いてあります。
🍨Re:5289◆ああ、なるほど。そういう場合には確かに「てがろぐ生成ページ」と「てがろぐ管理画面」とでFaviconが一致させられない問題はありましたね。そこまで深くは考えていませんでしたが、お役に立って良かったです。(╹◡╹)ﾉ
🍨Re:5282◆ありがとうございます。「て」アイコンはかなり即席で作りました。^^;
🍨Re:5283,5288◆どんなブラウザでも発生します。おっしゃるとおり、overflow-wrap: anywhere;かword-break: break-all;かが必要です。てがろぐ標準添付の各スキンでは、URL自動リンクの場合にはそう指定してあるのですが、自由装飾のcodeに関しては、変な位置で改行されると分かりにくくなるので、まあいいか、と放置しています。^^; いや、枠内に横スクロールバーを出すことで、画面全体の横スクロールバーは出ないようにするのが良いんだろうな、とは思うのですけども。自由装飾も選択肢が増えたので、<pre>～</pre>でソースを書けるようにした方が良いかもしれないですね。
🍨Re:5284,5286◆サポートありがとうございます！(╹◡╹)ﾉ
🍨Re:5285◆おや、RSSフィードにも出てしまいますか？ こちらでは、折り畳まれた範囲にある物体は画像も含めてRSSフィードからは隠される動作になっているのですが、どんなRSS用スキンをお使いでしょうか？
なお、OGPやTwitter Cardには（「折り畳み」機能も「続きを読む」機能も同様で）隠されている範囲にある画像でもそのまま出ます。画像を出したくない場合は、NSFW画像をOGPに出さない設定にした上で、その画像にNSFWフラグを付けて頂く必要があります。もしくは、『n枚目の画像を [[ONEPICT:n]] 記法等で表示するのを許可』項目がOFFなら、鍵付きで隠す手もあります。（または、隠される範囲よりも前に何か適当な画像を1枚置くという手もありますけども。^^;）
🍨Re:5287◆あの即席「て」アイコンに需要が!?(笑) まさか需要があるとは予想しなかったのですけども、先程単体でも配布しておきましたのでご活用下さい。.icoファイルと .pngファイルで置いてあります。
🍨Re:5289◆ああ、なるほど。そういう場合には確かに「てがろぐ生成ページ」と「てがろぐ管理画面」とでFaviconが一致させられない問題はありましたね。そこまで深くは考えていませんでしたが、お役に立って良かったです。(╹◡╹)ﾉ
シューアイスの消費量が増加しているので、さらにシューアイスの備蓄を買い増してきました。
🍨Re:52769◆そうですね。特にスキンの選択肢が増えているのがとてもありがたいです。私のデザイン能力は極めて低い位置に限界があるので。_(:3」z)_
🍨Re:52769◆そうですね。特にスキンの選択肢が増えているのがとてもありがたいです。私のデザイン能力は極めて低い位置に限界があるので。_(:3」z)_
開発進捗状況報告サイトで、てがろぐ Ver 4.6.4(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 4.6.4βの更新点(概要)：
《▼新機能》
●「名前付き1行単位フリースペース」欄を追加。
●Faviconの設定機能を追加。
●画像拡大スクリプトを任意に指定する際、複数ファイルの読み込み指定を可能に。
《▼不具合修正》
❎検索文字列の先頭に空白があると文字化けする問題を解決。（全文検索でのハイライト表示処理の不具合を解消）
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
🆕 Ver 4.6.4βの更新点(概要)：
《▼新機能》
●「名前付き1行単位フリースペース」欄を追加。
●Faviconの設定機能を追加。
●画像拡大スクリプトを任意に指定する際、複数ファイルの読み込み指定を可能に。
《▼不具合修正》
❎検索文字列の先頭に空白があると文字化けする問題を解決。（全文検索でのハイライト表示処理の不具合を解消）
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
（ツイート埋め込み処理中...）Twitterで見る
ホットケーキ食べたい……。🥞🥞🥞
🥞Re:5275◆やはりそうなりますよね……。(笑)
🥞Re:5276◆とりあえず、Faviconを指定できる機能を作りました。次のβ版からご使用頂けます。ついでに、内蔵アイコン『て』も用意しました。
内蔵アイコンは、まあ、今後に変更するかもしれませんけども。^^;
🥞Re:5275◆やはりそうなりますよね……。(笑)
🥞Re:5276◆とりあえず、Faviconを指定できる機能を作りました。次のβ版からご使用頂けます。ついでに、内蔵アイコン『て』も用意しました。
（ツイート埋め込み処理中...）Twitterで見る
内蔵アイコンは、まあ、今後に変更するかもしれませんけども。^^;
>>5274
5268さんとは別人なのですが…てがろぐのシンボルマーク的なものと言ってパッと頭に浮かんだのが、にししさんのアイコンやfaviconの「に」の字の部分をそのまま「て」に替えたものでした(笑)。てがろぐ＝にししさん、にししふぁくとりー→にししさんのサイトやアイコンやてがろぐデフォルトスキンが緑色…という勝手なイメージです。
5268さんとは別人なのですが…てがろぐのシンボルマーク的なものと言ってパッと頭に浮かんだのが、にししさんのアイコンやfaviconの「に」の字の部分をそのまま「て」に替えたものでした(笑)。てがろぐ＝にししさん、にししふぁくとりー→にししさんのサイトやアイコンやてがろぐデフォルトスキンが緑色…という勝手なイメージです。
昼食はカレーうどん。Unicodeの絵文字には、カレーライスとラーメンしかないな。🍛🍜🍛🍜🍛🍜
🍵Re:5268◆なるほど、その点には思い至りませんでした。WordPressにも確かにデフォルトのFaviconはありますねえ。てがろぐの象徴って何だろう？ 「て」と書くしかないか？(笑)
🍵Re:5269◆ご要望をありがとうございます。よほど広範にカテゴリ周りの機能を見直すようなことがあればその機能もついでに加えるかもしれませんが、それを実装する労力と効果が見合わなさそうなので、今の時点ではご提示のJavaScriptをお使い頂ければ幸いです。短いコードで済みますし。
ちなみに、ご提示のJavaScriptは、<script>document.querySelectorAll('form.catpullbox option.head').forEach(o=>o.textContent='メニュー');</script> という1行で書くこともできます。（ただ短く書き換えただけで、処理している内容は同じです。）
🍵Re:5270◆はい。特に問題ありません。
🍵Re:5271◆サポートありがとうございます。(╹◡╹)ﾉ
🍵Re:5268◆なるほど、その点には思い至りませんでした。WordPressにも確かにデフォルトのFaviconはありますねえ。てがろぐの象徴って何だろう？ 「て」と書くしかないか？(笑)
🍵Re:5269◆ご要望をありがとうございます。よほど広範にカテゴリ周りの機能を見直すようなことがあればその機能もついでに加えるかもしれませんが、それを実装する労力と効果が見合わなさそうなので、今の時点ではご提示のJavaScriptをお使い頂ければ幸いです。短いコードで済みますし。
ちなみに、ご提示のJavaScriptは、<script>document.querySelectorAll('form.catpullbox option.head').forEach(o=>o.textContent='メニュー');</script> という1行で書くこともできます。（ただ短く書き換えただけで、処理している内容は同じです。）
🍵Re:5270◆はい。特に問題ありません。
🍵Re:5271◆サポートありがとうございます。(╹◡╹)ﾉ
シューアイスの備蓄は無事に調達できました……！🍨🍨🍨
🍨Re:5259◆JPEGやPNGの縦横サイズが取得できないケースとして、過去には以下のようなファイルがありました。
最近のブラウザも画像加工ソフトも、ファイル拡張子が間違っていても普通に画像を表示してくれるんですね。そのときに知りました。
親切な画像ビューアは、「このファイルは拡張子がjpgですが中身はPNGです。拡張子を変更しますか？」のような感じで訊ねてくれもしましたけども。
てがろぐは、ファイル拡張子を信じてバイナリを読みますので、拡張子が異なる場合には縦横サイズ情報は取得できません。
というわけで、縦横サイズが取得できない場合は、本当に拡張子が正しいのかもご確認下さい。
あと、拡張子が .jpg でも、JPEG 2000 とか Progressive JPEG のような特殊な形式だとバイナリの記録方法が異なるので読めないと思います。（試したことはないんですが。）
まあ何にせよ、画像インデックスファイル(index.xml)には固定的にサイズを記録する方法が用意されていますから、PHP側で正確な値を取得できるなら、その値をindex.xmlに書き込んでしまえば確実ではありますね。
🍨Re:5259◆JPEGやPNGの縦横サイズが取得できないケースとして、過去には以下のようなファイルがありました。
- ファイル拡張子は .png なのに中身はJPEGデータ。
- ファイル拡張子は .jpg なのに中身はPNGデータ。
最近のブラウザも画像加工ソフトも、ファイル拡張子が間違っていても普通に画像を表示してくれるんですね。そのときに知りました。
親切な画像ビューアは、「このファイルは拡張子がjpgですが中身はPNGです。拡張子を変更しますか？」のような感じで訊ねてくれもしましたけども。
てがろぐは、ファイル拡張子を信じてバイナリを読みますので、拡張子が異なる場合には縦横サイズ情報は取得できません。
というわけで、縦横サイズが取得できない場合は、本当に拡張子が正しいのかもご確認下さい。
あと、拡張子が .jpg でも、JPEG 2000 とか Progressive JPEG のような特殊な形式だとバイナリの記録方法が異なるので読めないと思います。（試したことはないんですが。）
まあ何にせよ、画像インデックスファイル(index.xml)には固定的にサイズを記録する方法が用意されていますから、PHP側で正確な値を取得できるなら、その値をindex.xmlに書き込んでしまえば確実ではありますね。
シューアイスを食べました。おいしい。そろそろ追加の備蓄を調達せねば……。🍨🍨🍨
🍨Re:5255◆てがろぐ側で縦横サイズを自動取得できる画像形式は、JPEG、GIF、PNG、SVGだけです。WebPやHEICなどの画像の縦横サイズは自動では取得できません。以下、ご質問に回答します。
🍨Re:5256◆コピー＆ペーストとかで余計な空白が入ってしまうケースはわりとよくあると思うんですが、それでも今まで発覚しなかったのがちょっと不思議だな……と思いました。(笑) 自分でもかなりの回数でいろいろテストした気がしていたんですけども。^^;
🍨Re:5257◆ご確認ありがとうございます～。(╹◡╹)ﾉ やはりそこが原因ですね。
🍨Re:5255◆てがろぐ側で縦横サイズを自動取得できる画像形式は、JPEG、GIF、PNG、SVGだけです。WebPやHEICなどの画像の縦横サイズは自動では取得できません。以下、ご質問に回答します。
- てがろぐでは、画像ファイルのバイナリを直接読んで縦横サイズをその都度把握しています（記録はしていません）。その都度調べるのは、画像が（FTP等の外部の手段で）差し替えられた場合に対応するためです。JPEG、GIF、PNGには画像のバイナリに比較的単純な方法で縦横サイズが記録されているのでそこから取得しています。SVGの中身はXMLテキストデータなので属性値から取得しています（省略されていれば取得できませんが）。しかし、WebPやHEICはそこまで単純な方法では分からないので今のところ自動取得の対象外にしています。WebPに関しては画像処理系のライブラリ(Image::Info)を読めば取得できますが、そうすると動作環境を狭めてしまう可能性がありますので避けています。そのうち（OGPリンクと同様に）補助PHP側でなんとかするかもしれません。ただ、PHPでも7.1以降でないとダメっぽいですが。
- 画像管理画面から手動で縦横サイズを登録してみて、その後の画像インデックスファイル(index.xml)を見るとよく分かると思いますが、<fixed>930x620</fixed>のような感じで記録されます。「x」は小文字のエックスです。これも空白等は一切許容されないのでご注意下さい。ここに値を書き込んでおけば、その値が固定的に出力されます。（たとえ自動取得が可能な画像形式であっても、ここに書かれた値の方を採用して出力します。）
🍨Re:5256◆コピー＆ペーストとかで余計な空白が入ってしまうケースはわりとよくあると思うんですが、それでも今まで発覚しなかったのがちょっと不思議だな……と思いました。(笑) 自分でもかなりの回数でいろいろテストした気がしていたんですけども。^^;
🍨Re:5257◆ご確認ありがとうございます～。(╹◡╹)ﾉ やはりそこが原因ですね。
読んでいる小説にトウモロコシが頻繁に出てくるのでトウモロコシ食べたい。🌽🌽🌽
回答が遅くなってすみません。
🌽Re:5246◆お役に立って良かったです。内部の実装は冗長なんですけども（最初に本来の [[ONEPICT:1]] で出力されるHTMLソースを生成した上で、そこから必要な部分だけを抽出して出力するような実装なので）、しかしスキン側の自由度が上がるのは確かですね。
🌽Re:5247◆解決したとのことですが、参考までに回答しておきます。
🌽Re:5249◆どへえ……！ たしかに文字化けしますね……！ 今まで誰からも指摘がなかったのが不思議なくらい、単純な検索で起きる現象ですね……。全文検索でのハイライト表示の処理に問題があるっぽいので、管理画面の[設定]→[ページの表示]→【全文検索／表示】で『検索結果に含まれる検索語を強調表示する』をOFFにすると発生しないと思います。次のバージョンでなんとかします。ご報告をどうもありがとうございます！
🌽Re:5250◆テストありがとうございます。[設定]→[ページの表示]→【全文検索／表示】で『検索結果に含まれる検索語を強調表示する』項目はOFFの状態でお使いでしょうか？ もし、ここがONであるにもかかわらず文字化けせずに済んでいるようならぜひ教えて下さい。
🌽Re:5251◆はい。[[ONEPICT:1:オプション～]]の各記法では、当該画像がない場合には何も出力されません。これは、JavaScript等で取得したい場合や、直接何らかの属性値として使いたい場合には、余計なエラーメッセージを出力するよりも空文字を出力する方が扱いやすいだろうからです。何も表示されない場合にCSSで代替画像を表示したい場合は、以下のようにする手があります。
🌽Re:5252◆テストありがとうございます。ご自身でお使いの方も、おそらく『検索結果に含まれる検索語を強調表示する』項目はONでお使いでしょうかね？
回答が遅くなってすみません。
🌽Re:5246◆お役に立って良かったです。内部の実装は冗長なんですけども（最初に本来の [[ONEPICT:1]] で出力されるHTMLソースを生成した上で、そこから必要な部分だけを抽出して出力するような実装なので）、しかしスキン側の自由度が上がるのは確かですね。
🌽Re:5247◆解決したとのことですが、参考までに回答しておきます。
- 省略形のタグは一切認識しません。てがろぐのデータは、XMLっぽい形式ですが、完全な仕様のXMLというわけではないので、XMLとして許可されているあらゆる書き方ができるわけではありません。既存のファイルの中身を見て、タグ部分は本当にそのままの状態で使う必要があります。空要素の場合は『 <tag></tag>＝空だと認識される』・『<tag />＝認識できないので結果的にデータなしと認識される』という点で不都合がないケースもあるかもしれませんが、（中身がカラでも）存在が必須である要素を省略形にしてしまうと、その1件まるごとが認識されなくなると思います。詳しくは、「他サービスから大量の過去データを引き継ぎたい場合は、XMLデータを直接編集すると楽かもしれない」項目の末尾にある補足欄をご覧下さい。（ここは、tegalog.xmlの説明ですが、画像インデックスファイルの場合でも制限仕様は同じです。）
- データファイルの更新は「てがろぐ内部による更新」と「人間が手動で編集する更新」の2通り以外は想定していませんので、外部のツールから新規投稿のタイミングで修正されるケースでは何か問題があるかもしれません。
- 画像インデックスファイルを更新する際は、全体を書き換えます。なぜなら、既存の画像が変化している場合にも対処する必要があるからです。とはいえ、人間がデータファイルを直接編集した場合にも備えて、既存のデータを読んでから更新しますので、正しく書き換えられてさえいれば、その情報は維持されるハズです。なので、もし維持されないなら、書き方が正しくない可能性があります。なお、①の回答にも含めましたが、XMLで許容されているすべての書き方ができるわけではなく、特に「1件1行」で書かなければ認識されない仕様です。1つでも改行があると、そのデータは正しく読めなくなります。
🌽Re:5249◆どへえ……！ たしかに文字化けしますね……！ 今まで誰からも指摘がなかったのが不思議なくらい、単純な検索で起きる現象ですね……。全文検索でのハイライト表示の処理に問題があるっぽいので、管理画面の[設定]→[ページの表示]→【全文検索／表示】で『検索結果に含まれる検索語を強調表示する』をOFFにすると発生しないと思います。次のバージョンでなんとかします。ご報告をどうもありがとうございます！
🌽Re:5250◆テストありがとうございます。[設定]→[ページの表示]→【全文検索／表示】で『検索結果に含まれる検索語を強調表示する』項目はOFFの状態でお使いでしょうか？ もし、ここがONであるにもかかわらず文字化けせずに済んでいるようならぜひ教えて下さい。
🌽Re:5251◆はい。[[ONEPICT:1:オプション～]]の各記法では、当該画像がない場合には何も出力されません。これは、JavaScript等で取得したい場合や、直接何らかの属性値として使いたい場合には、余計なエラーメッセージを出力するよりも空文字を出力する方が扱いやすいだろうからです。何も表示されない場合にCSSで代替画像を表示したい場合は、以下のようにする手があります。
- 例えば <span class="hoge">[[ONEPICT:1:IMG]]</span> のようにスキンを書いた場合、
- 当該画像がなければ、HTMLには <span class="hoge"></span> とだけ出力されますね。要素の内容がカラです。
- この場合、.hoge:empty { ～ } というCSSを用意すれば、「内容がカラの場合にだけ適用される装飾」を作れます。
🌽Re:5252◆テストありがとうございます。ご自身でお使いの方も、おそらく『検索結果に含まれる検索語を強調表示する』項目はONでお使いでしょうかね？
開発進捗状況報告サイトで、てがろぐ Ver 4.6.3(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 4.6.3βの更新点(概要)：
《▼新機能》
●投稿内のn番目の画像を出力する [[ONEPICT:n]] 記法に、細かなオプション記法を追加。
《▼仕様改善》
●.htaccessの影響で管理画面上からは過去バックアップのダウンロードが阻まれる問題を解消。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
🆕 Ver 4.6.3βの更新点(概要)：
《▼新機能》
●投稿内のn番目の画像を出力する [[ONEPICT:n]] 記法に、細かなオプション記法を追加。
《▼仕様改善》
●.htaccessの影響で管理画面上からは過去バックアップのダウンロードが阻まれる問題を解消。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
（ツイート埋め込み処理中...）Twitterで見る
昼食はそうめん。
🥪Re:5242◆リンクを画像に変えたいだけなら、CSSで実現できます。
例えば、外側スキンに <div class="backlink">[[FREE:HOMELINK]]</div> のように書いているとします。
すると、実際には <div class="backlink"><a href="設定されたリンク先">設定されたラベル</a></div> というHTMLが出力されますね。
このリンクテキストを例えば back.png という画像に置き換えるには、以下のようなCSSを使えば可能です。
.backlink a {
display: inline-block;
width: 100px; /* 画像の幅に合わせて調整 */
height: 30px; /* 画像の高さに合わせて調整 */
background-image: url('back.png');/* 見せたい画像 */
background-size: contain;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
この方法なら、HTMLは何も変えずに、CSSだけでテキストリンクを画像リンクに変更できます。
（他には、JavaScriptで innerText をimg要素に置き換える手もありますけども。）
🥪Re:5242◆リンクを画像に変えたいだけなら、CSSで実現できます。
例えば、外側スキンに <div class="backlink">[[FREE:HOMELINK]]</div> のように書いているとします。
すると、実際には <div class="backlink"><a href="設定されたリンク先">設定されたラベル</a></div> というHTMLが出力されますね。
このリンクテキストを例えば back.png という画像に置き換えるには、以下のようなCSSを使えば可能です。
.backlink a {
display: inline-block;
width: 100px; /* 画像の幅に合わせて調整 */
height: 30px; /* 画像の高さに合わせて調整 */
background-image: url('back.png');/* 見せたい画像 */
background-size: contain;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
この方法なら、HTMLは何も変えずに、CSSだけでテキストリンクを画像リンクに変更できます。
（他には、JavaScriptで innerText をimg要素に置き換える手もありますけども。）
朝食はサンドイッチ。🥪🥪🥪
🥪Re:5237◆なるほど、画像の縦横サイズ情報が必要なギャラリー系ライブラリもあるんですねえ。次のβ版は、準備がとてもうまくいけば、今日の夜に公開できるかもしれません。うまくいけば、の話ですけども。^^;
なお、てがろぐで画像の縦横サイズが自動取得できるのは、JPEG、GIF、PNGと一部のSVGだけなので、WebP等をご使用の場合は、画像情報の編集画面で手動登録しておかない限り縦横サイズは出てきませんのでご注意下さい。
🥪Re:5238◆特に予定はありません。文章を複数のページに分割したい場合は、単純に複数の投稿に分割すれば良いのではないかと思います。複数投稿を1つにまとめる機能としては、カテゴリ機能やハッシュタグ機能がありますし、 >>5170,5123,5097 などのように任意の投稿No.を連結表示する機能もありますし。もしお一人でお使いの場合は「特定の投稿者だけの投稿を閲覧する機能」も「第2のカテゴリ」的に使えます。「他の投稿に絶対に登場しない単語」を含ませることで、全文検索結果へのリンクを使って任意の投稿をまとめることもできるでしょう。
🥪Re:5239◆お使いのサーバのWAF（Wab Application Firewall）が原因です。「or」という単語はSQLで論理演算子として頻繁に登場するので『SQLインジェクション攻撃パターン』と誤解されてブロックされるケースがあります。「or」という単語自体は英文には極めて頻繁に出てくると思いますから、いくらなんでもWAFの条件判定が厳しすぎると（個人的には）思うのですが、サーバ側(WAF側)がそういう判断をしている以上、（そのサーバ上で稼働しているに過ぎないCGI側では）どうしようもないのです。WAF機能をOFFにすれば解決しますが、WAFを有効にしたままどうにかなさりたい場合は、レンタルサーバへ苦情を入れて頂くほかなさそうに思います。
※ここまで厳しい条件で判定させると、ユーザ側がWAFをOFFにしようと思う動機になりやすいので、レンタルサーバ側はもうちょっとWAFの条件を緩める方が総合的には安全を維持できると思うのですけどもね……。
なお、「or」と書くだけで『SQLインジェクション攻撃パターン』だと誤解されてしまう詳細については、Perplexityによる説明 をご覧下さい。回答文章の上部に見える「ソース」リンクを押すと、情報元のWebページも閲覧できます。（※Perplexityのアカウントをお持ちではない場合、初回アクセス時にサインインを求められるかも知れませんが、何もせずに「閉じる」を押せば閲覧できます。）
🥪Re:5237◆なるほど、画像の縦横サイズ情報が必要なギャラリー系ライブラリもあるんですねえ。次のβ版は、準備がとてもうまくいけば、今日の夜に公開できるかもしれません。うまくいけば、の話ですけども。^^;
なお、てがろぐで画像の縦横サイズが自動取得できるのは、JPEG、GIF、PNGと一部のSVGだけなので、WebP等をご使用の場合は、画像情報の編集画面で手動登録しておかない限り縦横サイズは出てきませんのでご注意下さい。
🥪Re:5238◆特に予定はありません。文章を複数のページに分割したい場合は、単純に複数の投稿に分割すれば良いのではないかと思います。複数投稿を1つにまとめる機能としては、カテゴリ機能やハッシュタグ機能がありますし、 >>5170,5123,5097 などのように任意の投稿No.を連結表示する機能もありますし。もしお一人でお使いの場合は「特定の投稿者だけの投稿を閲覧する機能」も「第2のカテゴリ」的に使えます。「他の投稿に絶対に登場しない単語」を含ませることで、全文検索結果へのリンクを使って任意の投稿をまとめることもできるでしょう。
🥪Re:5239◆お使いのサーバのWAF（Wab Application Firewall）が原因です。「or」という単語はSQLで論理演算子として頻繁に登場するので『SQLインジェクション攻撃パターン』と誤解されてブロックされるケースがあります。「or」という単語自体は英文には極めて頻繁に出てくると思いますから、いくらなんでもWAFの条件判定が厳しすぎると（個人的には）思うのですが、サーバ側(WAF側)がそういう判断をしている以上、（そのサーバ上で稼働しているに過ぎないCGI側では）どうしようもないのです。WAF機能をOFFにすれば解決しますが、WAFを有効にしたままどうにかなさりたい場合は、レンタルサーバへ苦情を入れて頂くほかなさそうに思います。
※ここまで厳しい条件で判定させると、ユーザ側がWAFをOFFにしようと思う動機になりやすいので、レンタルサーバ側はもうちょっとWAFの条件を緩める方が総合的には安全を維持できると思うのですけどもね……。
なお、「or」と書くだけで『SQLインジェクション攻撃パターン』だと誤解されてしまう詳細については、Perplexityによる説明 をご覧下さい。回答文章の上部に見える「ソース」リンクを押すと、情報元のWebページも閲覧できます。（※Perplexityのアカウントをお持ちではない場合、初回アクセス時にサインインを求められるかも知れませんが、何もせずに「閉じる」を押せば閲覧できます。）
クロワッサンは無事に食べました。🥐🥐🥐
🥐Re:5230◆投稿1枚目の画像が「原寸画像へのリンクにならず、キャプションも付かず、ただimg要素だけで出力される記法」を新たに用意しました。また、「指定画像のフラグだけを得る記法」も用意しました。次のβ版からお使い頂けますので、もうしばらくお待ち下さい。
例えば、[[ONEPICT:1:VALUE:CLASS]] と書くと、1枚目の画像のフラグだけが出力されますので、<span class="[[ONEPICT:1:VALUE:CLASS]]">～</span> のような感じで書くと、画像のフラグだけを使って何か装飾したりできそうな気がします。
🥐Re:5233◆そうですね。そのスクリプトは、てがろぐ側の画像UP機能を経由せずに（新規投稿前に）画像をUPする仕様ですから、そこから画像インデックスも書き換えられれば、新規投稿前にNSFWフラグを付けることもできます。
🥐Re:5234◆サポートありがとうございます！(╹◡╹)ﾉ
🥐Re:5235◆WAFをOFFにすると解決はしますが、WAFをOFFにするのはあまり望ましくないのですよね。てがろぐにはCodePenを埋め込む機能がありますので、JavaScriptソースを掲載する用途なら、CodePenに書いて埋め込む方が（特にソースが長い場合には）便利かもしれません。文法に従って色分け表示もされますし。
ただし、この機能はデフォルトでOFFなので、使いたい場合は設定を事前にONにして頂く必要がありますが。
🥐Re:5230◆投稿1枚目の画像が「原寸画像へのリンクにならず、キャプションも付かず、ただimg要素だけで出力される記法」を新たに用意しました。また、「指定画像のフラグだけを得る記法」も用意しました。次のβ版からお使い頂けますので、もうしばらくお待ち下さい。
（ツイート埋め込み処理中...）Twitterで見るBluesky Pawoo
例えば、[[ONEPICT:1:VALUE:CLASS]] と書くと、1枚目の画像のフラグだけが出力されますので、<span class="[[ONEPICT:1:VALUE:CLASS]]">～</span> のような感じで書くと、画像のフラグだけを使って何か装飾したりできそうな気がします。
🥐Re:5233◆そうですね。そのスクリプトは、てがろぐ側の画像UP機能を経由せずに（新規投稿前に）画像をUPする仕様ですから、そこから画像インデックスも書き換えられれば、新規投稿前にNSFWフラグを付けることもできます。
🥐Re:5234◆サポートありがとうございます！(╹◡╹)ﾉ
🥐Re:5235◆WAFをOFFにすると解決はしますが、WAFをOFFにするのはあまり望ましくないのですよね。てがろぐにはCodePenを埋め込む機能がありますので、JavaScriptソースを掲載する用途なら、CodePenに書いて埋め込む方が（特にソースが長い場合には）便利かもしれません。文法に従って色分け表示もされますし。
CodePenを埋め込んだ例
こんな感じで埋め込めます。
最近、クロワッサンを食べていないな……。🥐🥐🥐
🥐Re:5228◆投稿と同時に画像もUPする場合、内部では以下のような動作をしています。
新規投稿時に画像のメタデータをどうにかしたい場合は、「新規投稿されるよりも前の段階でindex.xmlを書き換えておく」みたいな手順でないと無理だと思います。（つまり、「てがろぐ側の画像UP機能を使わずに、独自に画像をUPして画像インデックスを更新する」のような処理が必要そうに思います。）
🥐Re:5230◆スキン配布ありがとうございます。てがろぐがお役に立っているようで嬉しいです。(╹◡╹)ﾉ 残念ながら、指定画像のフラグだけを得る記法はありません。……が、自力で画像表示用のimg要素を組み立てられるように、フラグとかサイズとかも取得できる記法も用意する方が良いかもしれませんね。ちょっと何か考えてみます。気長にお待ち頂ければ幸いです。
🥐Re:5231◆独自で検索窓を作った場合でも、てがろぐ側の検索機能を使って検索するなら（＝URLに ?q=検索語 を付ける形のURLにアクセスさせるよう検索フォームを作るなら）検索結果にも「下げる」投稿は表示されます。（※『設定方法：下げた投稿が表示される状況を選択する方法』の説明にある「全文検索時」項目がONに設定されているなら、ですが。）
てがろぐ側の検索機能を使わずに、何らかの方法で投稿を絞り込んで表示しようとなさっている場合は、その方法を具体的に説明して頂かないと何とも答えようがありません。いろんな方法がありそうに思いますので。
（ついでに、なぜ標準の [[SEARCHBOX]]等ではダメなのかも教えて頂けると、今後の参考になってありがたいです。）
🥐Re:5228◆投稿と同時に画像もUPする場合、内部では以下のような動作をしています。
- 画像をアップロードする。
- フラグを立てる必要がある場合はフラグを立てる。→この時点で画像インデックスファイル(index.xml)が更新される。
- 実際にアップロードされたファイル名から、画像挿入用記法（[PICT:～]）を作って本文の指定位置(※設定で選択できます)に追記する。
- 投稿本文をデータファイル(tegalog.xml)に追加する。
- 本文を表示する。
新規投稿時に画像のメタデータをどうにかしたい場合は、「新規投稿されるよりも前の段階でindex.xmlを書き換えておく」みたいな手順でないと無理だと思います。（つまり、「てがろぐ側の画像UP機能を使わずに、独自に画像をUPして画像インデックスを更新する」のような処理が必要そうに思います。）
🥐Re:5230◆スキン配布ありがとうございます。てがろぐがお役に立っているようで嬉しいです。(╹◡╹)ﾉ 残念ながら、指定画像のフラグだけを得る記法はありません。……が、自力で画像表示用のimg要素を組み立てられるように、フラグとかサイズとかも取得できる記法も用意する方が良いかもしれませんね。ちょっと何か考えてみます。気長にお待ち頂ければ幸いです。
🥐Re:5231◆独自で検索窓を作った場合でも、てがろぐ側の検索機能を使って検索するなら（＝URLに ?q=検索語 を付ける形のURLにアクセスさせるよう検索フォームを作るなら）検索結果にも「下げる」投稿は表示されます。（※『設定方法：下げた投稿が表示される状況を選択する方法』の説明にある「全文検索時」項目がONに設定されているなら、ですが。）
てがろぐ側の検索機能を使わずに、何らかの方法で投稿を絞り込んで表示しようとなさっている場合は、その方法を具体的に説明して頂かないと何とも答えようがありません。いろんな方法がありそうに思いますので。
（ついでに、なぜ標準の [[SEARCHBOX]]等ではダメなのかも教えて頂けると、今後の参考になってありがたいです。）
ホットドッグでもいい。それもないけども。(´･ω･`)🌭🌭🌭
🌭Re:5224◆文章投稿と同時に画像をUPする場合、その投稿が「下書き」や「鍵付き」に指定されていれば、画像にも自動的に「一覧外」フラグが付くという仕様はありますが、それ以外では画像情報の編集画面から設定するしかありません。
画像に対するフラグ等の情報は、画像インデックスファイル（＝画像保存用ディレクトリ内に自動生成される index.xml ファイル）に記録されています。このファイルを編集すると、複数の画像に対するフラグを一括変更できるので便利な場面もあるかもしれません。
➡ 詳しくは、豆知識・FAQページの「大量の画像キャプションを一括設定(編集)したい場合は、XMLデータを直接編集すると楽かもしれない」項目をご覧下さい。
🌭Re:5224◆文章投稿と同時に画像をUPする場合、その投稿が「下書き」や「鍵付き」に指定されていれば、画像にも自動的に「一覧外」フラグが付くという仕様はありますが、それ以外では画像情報の編集画面から設定するしかありません。
画像に対するフラグ等の情報は、画像インデックスファイル（＝画像保存用ディレクトリ内に自動生成される index.xml ファイル）に記録されています。このファイルを編集すると、複数の画像に対するフラグを一括変更できるので便利な場面もあるかもしれません。
➡ 詳しくは、豆知識・FAQページの「大量の画像キャプションを一括設定(編集)したい場合は、XMLデータを直接編集すると楽かもしれない」項目をご覧下さい。
ホットケーキを食べたい気分。ないけど。(´･ω･`)🥞🥞🥞
🥞Re:5222◆てがろぐの自動バックアップ機能は、常に「直前の状態」をバックアップしますので、「しまった！上書きしたかも!?」と思った瞬間にバックアップをダウンロードすると、上書き前のデータが手に入ります。ただ、残念ながら、次に何かを投稿（または編集）してしまうとバックアップも上書きされてしまいますけども。^^;
🥞Re:5221◆元の質問は分かりませんが、たぶん完璧な回答になっていると思いますので特に何も補足することはないと思うんですが、私が自分のてがろぐで使っているパンくずリストは以下のような逆向きのアプローチなので参考までに記します。
スキン側：
～ <a href="/">[[FREE:TITLE:MAIN]]</a> <span class="pankuzuAdd">[[SITUATION]]</span>
CSS：
.pankuzuAdd:empty {
display: none;
}
.pankuzuAdd::before {
content: '> ';
}
SITUATIONに何もない場合、出力されるHTMLは <span class="pankuzuAdd"></span> のような空要素になるので、その場合には :empty疑似クラスでこの要素を消すことで、「>」を見えなくしています。
No.5222さんのは「必要な状況で追加されるように書く」アプローチで、上記の私のは「不要な状況で消えるように書く」アプローチですね。もちろん、どちらでも良いと思います。
🥞Re:5220◆当初はあまり意味がある機能だとは思っていなかったのですけども、実際に実装してみると、確かにボタンの位置が動かない方が便利だな……と思いました。(笑) ご活用下さい～。(╹◡╹)ﾉ
🥞Re:5222◆てがろぐの自動バックアップ機能は、常に「直前の状態」をバックアップしますので、「しまった！上書きしたかも!?」と思った瞬間にバックアップをダウンロードすると、上書き前のデータが手に入ります。ただ、残念ながら、次に何かを投稿（または編集）してしまうとバックアップも上書きされてしまいますけども。^^;
🥞Re:5221◆元の質問は分かりませんが、たぶん完璧な回答になっていると思いますので特に何も補足することはないと思うんですが、私が自分のてがろぐで使っているパンくずリストは以下のような逆向きのアプローチなので参考までに記します。
スキン側：
～ <a href="/">[[FREE:TITLE:MAIN]]</a> <span class="pankuzuAdd">[[SITUATION]]</span>
CSS：
.pankuzuAdd:empty {
display: none;
}
.pankuzuAdd::before {
content: '> ';
}
SITUATIONに何もない場合、出力されるHTMLは <span class="pankuzuAdd"></span> のような空要素になるので、その場合には :empty疑似クラスでこの要素を消すことで、「>」を見えなくしています。
No.5222さんのは「必要な状況で追加されるように書く」アプローチで、上記の私のは「不要な状況で消えるように書く」アプローチですね。もちろん、どちらでも良いと思います。
🥞Re:5220◆当初はあまり意味がある機能だとは思っていなかったのですけども、実際に実装してみると、確かにボタンの位置が動かない方が便利だな……と思いました。(笑) ご活用下さい～。(╹◡╹)ﾉ
Google NotebookLM（AIリサーチアシスタント）に、てがろぐ公式ヘルプのURLを指定して読ませたら、カスタマイズ方法等の質問に会話形式で答えてくれるチャットAIになる。……という話を4月20日にしましたが、当時は作成したNotebookを共有する方法がありませんでした。その共有機能がどうやら今日実装されたっぽいので、共有してみます。
➡てがろぐ解説 notebook （使うには、Googleアカウントが必要だと思いますが、無料で使えます。）#🌱豆知識
ただ、これはヘルプの書き方や構造の問題もありそうですが、実際には解説は存在するのに「ない」と回答されることもありますので、（返ってきた解説自体は参考にできそうですが）「ない」と言われた場合には信用しないで、質問を変えるか、もしくは自力でWebをご覧下さい。(笑)
「こう質問したのに、適切な回答はなかった」みたいな情報があれば教えて下さい。もしかしたら、ヘルプドキュメントの改善の参考になるかもしれませんので。
※これは、リアルタイムにWebから情報を取ってくれるわけではなくて、ソース(資料)としてURLを指定した瞬間のHTMLソースからテキストデータを抽出して取り込む仕様っぽいので、（私が今後もメンテナンスをすれば別ですが）2025年6月3日時点のヘルプドキュメントを元にして回答されます。
➡てがろぐ解説 notebook （使うには、Googleアカウントが必要だと思いますが、無料で使えます。）#🌱豆知識
（ツイート埋め込み処理中...）Twitterで見るBluesky
ただ、これはヘルプの書き方や構造の問題もありそうですが、実際には解説は存在するのに「ない」と回答されることもありますので、（返ってきた解説自体は参考にできそうですが）「ない」と言われた場合には信用しないで、質問を変えるか、もしくは自力でWebをご覧下さい。(笑)
「こう質問したのに、適切な回答はなかった」みたいな情報があれば教えて下さい。もしかしたら、ヘルプドキュメントの改善の参考になるかもしれませんので。
※これは、リアルタイムにWebから情報を取ってくれるわけではなくて、ソース(資料)としてURLを指定した瞬間のHTMLソースからテキストデータを抽出して取り込む仕様っぽいので、（私が今後もメンテナンスをすれば別ですが）2025年6月3日時点のヘルプドキュメントを元にして回答されます。
昼食はそうめん。🧊🧊🧊
🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;
🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;
珈琲飴を舐めます。あとカカオ72％チョコも。☕🍬☕🍬☕🍬🍫🍫🍫
☕Re:5206◆Perl 5.8.9のままでの動作テストありがとうございます。問題なく動いて良かったです。(╹◡╹)ﾉ
☕Re:5207◆投げ銭ありがとうございます！ お役に立っているようで嬉しいです。
☕Re:5208◆カテゴリ目次モードは、FAQをてがろぐで作ろうと思ったときに、Questionのジャンル別に整列した目次が生成できると便利だよな、とは思っていまして、朧気には考えていました。ただ、時系列（の降順か昇順）に並ぶのが前提のシステムなので、そもそもそういう用途に適しているのかという問題もありますけども。作るとしても規模が大きめなので、気長にお待ち頂ければ幸いです。
☕Re:5209◆『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』というのが一番可能性が高そうに思います。どこのURLにリンクした時に問題が出るのかを教えて頂ければ調査できます。なお、カードサイズを固定する記法もありますので、相手先ページの記述に関係なく小画像で表示させたいなら、:CARD-Sを使って下さい。（もしくは、小カード用のCSSと大カード用のCSSを、どちらも「小カード用のCSS」にしてしまう方法もあります。※その場合は、大カードで見せる方法がなくなってしまいますけども。）
☕Re:5210◆一応Firefoxのレスポンシブモードではスマートフォンサイズで横スクロールが発生しないよう表示確認はしていたのですが、そういえば、URLっぽい文字列の折り返し処理については、実機とは動作が違いましたね（Firefoxだと「/」記号の存在で自動改行してくれるのですが）。ちょいとCSSを調整してみました。これでどうでしょうか？
☕Re:5206◆Perl 5.8.9のままでの動作テストありがとうございます。問題なく動いて良かったです。(╹◡╹)ﾉ
☕Re:5207◆投げ銭ありがとうございます！ お役に立っているようで嬉しいです。
☕Re:5208◆カテゴリ目次モードは、FAQをてがろぐで作ろうと思ったときに、Questionのジャンル別に整列した目次が生成できると便利だよな、とは思っていまして、朧気には考えていました。ただ、時系列（の降順か昇順）に並ぶのが前提のシステムなので、そもそもそういう用途に適しているのかという問題もありますけども。作るとしても規模が大きめなので、気長にお待ち頂ければ幸いです。
☕Re:5209◆『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』というのが一番可能性が高そうに思います。どこのURLにリンクした時に問題が出るのかを教えて頂ければ調査できます。なお、カードサイズを固定する記法もありますので、相手先ページの記述に関係なく小画像で表示させたいなら、:CARD-Sを使って下さい。（もしくは、小カード用のCSSと大カード用のCSSを、どちらも「小カード用のCSS」にしてしまう方法もあります。※その場合は、大カードで見せる方法がなくなってしまいますけども。）
☕Re:5210◆一応Firefoxのレスポンシブモードではスマートフォンサイズで横スクロールが発生しないよう表示確認はしていたのですが、そういえば、URLっぽい文字列の折り返し処理については、実機とは動作が違いましたね（Firefoxだと「/」記号の存在で自動改行してくれるのですが）。ちょいとCSSを調整してみました。これでどうでしょうか？
チーズケーキを食べました。おいしい。🧀🍰🧀🍰🧀🍰
🧀Re:5202◆お役に立ったようで良かったです。閉じる用のspan要素を動的に生成して表示を切り替えるのは良い方法ですね。実装時に「閉じる用のラベルに切り替える仕様の方が良いかな？」とちょいと思いはしたんですが、ラベル文字列を直接書き換える方法だと元に戻す処理が面倒だな、と思ったのでやめました。(笑)
🧀Re:5203◆その場合は、てがろぐを2つ設置して、設定を分けるしかなさそうに思います。
🧀Re:5204◆ご要望をありがとうございます。「すべてのカテゴリ」に対して「カテゴリ単位で指定の情報を表示する」ような一覧ページの需要がそこそこあるっぽいので、たぶん、そういう用途専用のモードを用意するのが一番良いのだろうな、という気が朧気にしています。『カテゴリ目次モード』みたいな。気長にお待ち頂ければ幸いです。
◆新着投稿リストで出力される各要素には「新着投稿リストの各部分をCSSで装飾する方法」で説明している通り、class名が割り振ってあります。
日付部分は <span class="postdate">年/月/日</span> のように .postdate が割り振られています。
なので、（他の場所で利用しているために）日付だけを出力するように設定できない場合でも、「CSSでこれ以外を非表示にする」または「これだけをJavaScriptで抜き出す」かすれば、日付だけを表示できます。お試し下さい。（※2件以上を表示するよう設定して使っている場合は、『「最初のli要素」以外の要素は消すようCSSを書く』か、または『「最初のli要素」に含まれている情報だけから抜き出すようにJavaScriptを書く』かすれば、「最新の1件」の情報だけを表示できるでしょう。）
🧀Re:5202◆お役に立ったようで良かったです。閉じる用のspan要素を動的に生成して表示を切り替えるのは良い方法ですね。実装時に「閉じる用のラベルに切り替える仕様の方が良いかな？」とちょいと思いはしたんですが、ラベル文字列を直接書き換える方法だと元に戻す処理が面倒だな、と思ったのでやめました。(笑)
🧀Re:5203◆その場合は、てがろぐを2つ設置して、設定を分けるしかなさそうに思います。
🧀Re:5204◆ご要望をありがとうございます。「すべてのカテゴリ」に対して「カテゴリ単位で指定の情報を表示する」ような一覧ページの需要がそこそこあるっぽいので、たぶん、そういう用途専用のモードを用意するのが一番良いのだろうな、という気が朧気にしています。『カテゴリ目次モード』みたいな。気長にお待ち頂ければ幸いです。
◆新着投稿リストで出力される各要素には「新着投稿リストの各部分をCSSで装飾する方法」で説明している通り、class名が割り振ってあります。
日付部分は <span class="postdate">年/月/日</span> のように .postdate が割り振られています。
なので、（他の場所で利用しているために）日付だけを出力するように設定できない場合でも、「CSSでこれ以外を非表示にする」または「これだけをJavaScriptで抜き出す」かすれば、日付だけを表示できます。お試し下さい。（※2件以上を表示するよう設定して使っている場合は、『「最初のli要素」以外の要素は消すようCSSを書く』か、または『「最初のli要素」に含まれている情報だけから抜き出すようにJavaScriptを書く』かすれば、「最新の1件」の情報だけを表示できるでしょう。）
昼食はコーンピザ。🌽🍕🌽🍕🌽🍕
🌽Re:5197◆例えば、pictカテゴリを埋め込むために [INCLUDE:pict] と書かなければならないのであれば、現状の埋め込み用URLを1つ1つ書くのと手間が変わらない（＝カテゴリが増減すればそれに合わせて書き換えなければならないという点で同じ）と思うのですが、そういうわけではないんですかね？
なお、特定のカテゴリの最新投稿日付を得るには、No.5199さんもお書き下さっていますが、新着投稿リストに表示する項目を日付だけにすればいける気がします。
あと、ドラッグ＆ドロップのようなリッチな機能を標準で搭載してしまうと、自作のスクリプトで機能拡張しようとなさる方々のハードルが上がってしまいそうな気がしますので（※標準で出力されるソース（特にJavaScript）が複雑になればなるほど、それに干渉しないように作るのに手間が増えそうですし）、今のところは避ける方針で居ます。（配布するにせよ自分だけで使うにせよ）好きなようにカスタマイズしやすいのは、標準で出力されるソースがシンプルだから、という点もあると思いますので。バージョンアップを経る度にいろいろ機能を増やしてはいますが、それは基本的には「選択肢を増やす」方向に留めて、標準の出力ソース自体が複雑化してしまうのはできるだけ避けたいと思っています（複雑になるとカスタマイズが難しくなってしまうため）。
🌽Re:5198◆たまたまその周辺機能の見直しをしつつあったところでしたので、即改善できました。^^;
🌽Re:5199◆サポートありがとうございます～。(╹◡╹)ﾉ
🌽Re:5197◆例えば、pictカテゴリを埋め込むために [INCLUDE:pict] と書かなければならないのであれば、現状の埋め込み用URLを1つ1つ書くのと手間が変わらない（＝カテゴリが増減すればそれに合わせて書き換えなければならないという点で同じ）と思うのですが、そういうわけではないんですかね？
なお、特定のカテゴリの最新投稿日付を得るには、No.5199さんもお書き下さっていますが、新着投稿リストに表示する項目を日付だけにすればいける気がします。
- 「新着投稿リストの掲載内容を設定画面で設定する方法（掲載する項目を選択）」で、出力件数を 1 件にした上で、出力内容を D（＝投稿日付）だけに設定にしておいて、
- 「新着投稿リストの掲載対象をスキン側で限定する方法（掲載する対象を選択）」で、望みのカテゴリIDを指定するような感じです。（書き方の一覧はこちら）
あと、ドラッグ＆ドロップのようなリッチな機能を標準で搭載してしまうと、自作のスクリプトで機能拡張しようとなさる方々のハードルが上がってしまいそうな気がしますので（※標準で出力されるソース（特にJavaScript）が複雑になればなるほど、それに干渉しないように作るのに手間が増えそうですし）、今のところは避ける方針で居ます。（配布するにせよ自分だけで使うにせよ）好きなようにカスタマイズしやすいのは、標準で出力されるソースがシンプルだから、という点もあると思いますので。バージョンアップを経る度にいろいろ機能を増やしてはいますが、それは基本的には「選択肢を増やす」方向に留めて、標準の出力ソース自体が複雑化してしまうのはできるだけ避けたいと思っています（複雑になるとカスタマイズが難しくなってしまうため）。
🌽Re:5198◆たまたまその周辺機能の見直しをしつつあったところでしたので、即改善できました。^^;
🌽Re:5199◆サポートありがとうございます～。(╹◡╹)ﾉ
いつもお世話になっています。
てがろぐでイラストサイトを作成しているものです。個人的には昨今の流れでちょくちょくてがろぐを使った個人サイトが見られるようになって嬉しく思います。
さて、現在展示ページをサイトマップモードの埋め込みで作成しております。ジャンルごとにカテゴリを作成し、カテゴリを絞り込みしたサイトマップモードを埋め込んで以下のように表示しております
ジャンルA
サムネ
ジャンルB
サムネ
カテゴリが増えるとスキンに埋め込み用のURLなどを追加しなければならず、個人的に手間だと感じます。
ここから要望なのですが、スキンで例えば［INCLUDE:pict］と記載すれば特定のカテゴリ（pict）の子要素のカテゴリ名とそのサイトマップを表示するようにしたら良いのになと思いました。
また、今新着表示機能があるのですが、そちらとは別に［NEWDAY:A,B］のようにしたらカテゴリA.Bの最新の日付の表示（あるいはA、Bを親とする子カテゴリ）が出来るようになったらいいなと思いました（こちらの想定はメインの更新とは別に落書きページの更新日をtopに載せるイメージです）。
上記2点についてもしも他の方法で似たようなものをできるのであれば教えていただきたいです…！
別件ですが、有志の方が作成された画像をD&Dするスクリプトがとても便利なのですが、てがろぐでも初期搭載してもらえたらなと思います…！
長々と失礼しました。
ご検討のほどよろしくお願いします。
てがろぐでイラストサイトを作成しているものです。個人的には昨今の流れでちょくちょくてがろぐを使った個人サイトが見られるようになって嬉しく思います。
さて、現在展示ページをサイトマップモードの埋め込みで作成しております。ジャンルごとにカテゴリを作成し、カテゴリを絞り込みしたサイトマップモードを埋め込んで以下のように表示しております
ジャンルA
サムネ
ジャンルB
サムネ
カテゴリが増えるとスキンに埋め込み用のURLなどを追加しなければならず、個人的に手間だと感じます。
ここから要望なのですが、スキンで例えば［INCLUDE:pict］と記載すれば特定のカテゴリ（pict）の子要素のカテゴリ名とそのサイトマップを表示するようにしたら良いのになと思いました。
また、今新着表示機能があるのですが、そちらとは別に［NEWDAY:A,B］のようにしたらカテゴリA.Bの最新の日付の表示（あるいはA、Bを親とする子カテゴリ）が出来るようになったらいいなと思いました（こちらの想定はメインの更新とは別に落書きページの更新日をtopに載せるイメージです）。
上記2点についてもしも他の方法で似たようなものをできるのであれば教えていただきたいです…！
別件ですが、有志の方が作成された画像をD&Dするスクリプトがとても便利なのですが、てがろぐでも初期搭載してもらえたらなと思います…！
長々と失礼しました。
ご検討のほどよろしくお願いします。
開発進捗状況報告サイトで、てがろぐ Ver 4.6.2(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 4.6.2βの更新点(概要)：
《▼仕様改善》
●折り畳み記法で出力されるsummary要素にもclass名を割り振るよう改善。
●折りたたまれた領域をRSSやOGPに出さないよう改善。
●装飾系ボタンの動作改善
●通常モードで使うスキン9種類に、折り畳み用のCSSを追記。
《▼不具合修正》
❎[[COMMENT:TITLE]]記法で1行目を分離するスキンで表示が崩れる可能性がある問題を解決。
❎装飾の入力をキャンセルした場合に、投稿欄にフォーカスが戻らない不具合を修正。
❎Perl 5.10.x未満の環境では動作しなくなっていた問題を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
🆕 Ver 4.6.2βの更新点(概要)：
《▼仕様改善》
●折り畳み記法で出力されるsummary要素にもclass名を割り振るよう改善。
●折りたたまれた領域をRSSやOGPに出さないよう改善。
●装飾系ボタンの動作改善
- 「折畳」ボタンで、サマリー(ラベル)を空欄にしたままでも折り畳み記法を挿入するよう改善。
- 「隠す」ボタンで、ラベルの入力ができるように改善。(ラベルを省略したい場合は空欄のままOKを押す)
- 「汎用装飾1～9」ボタンで、追加のclass名を入力できるように改善。(省略したい場合は空欄のままOKを押す)
●通常モードで使うスキン9種類に、折り畳み用のCSSを追記。
《▼不具合修正》
❎[[COMMENT:TITLE]]記法で1行目を分離するスキンで表示が崩れる可能性がある問題を解決。
❎装飾の入力をキャンセルした場合に、投稿欄にフォーカスが戻らない不具合を修正。
❎Perl 5.10.x未満の環境では動作しなくなっていた問題を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
（ツイート埋め込み処理中...）Twitterで見る
ジャーマンポテトを食べました。🥔🥔🥔
🥔Re:5192◆ご要望をありがとうございます。たしかに、記法ではラベルを省略可能でも、「折畳」ボタンから入力する方法だと省略できませんでしたね。これは仕様を改善しまして、下図のように（ラベルが不要なら）空欄のままでOKボタンを押せば、ラベルを省略した記法が挿入されるようにしました。次のVer 4.6.2βからお使い頂けますのでもうしばらくお待ち下さい。既にここ（いま閲覧している動作試験場）では Ver 4.6.2βが稼働していますので、投稿欄からお試し頂けます。
Ver 4.6.2βは、近日中には配布できる予定でいます。（たぶん）
🥔Re:5192◆ご要望をありがとうございます。たしかに、記法ではラベルを省略可能でも、「折畳」ボタンから入力する方法だと省略できませんでしたね。これは仕様を改善しまして、下図のように（ラベルが不要なら）空欄のままでOKボタンを押せば、ラベルを省略した記法が挿入されるようにしました。次のVer 4.6.2βからお使い頂けますのでもうしばらくお待ち下さい。既にここ（いま閲覧している動作試験場）では Ver 4.6.2βが稼働していますので、投稿欄からお試し頂けます。
Ver 4.6.2βは、近日中には配布できる予定でいます。（たぶん）
目が乾くので眼科で目薬と飲み薬をもらってきました。
しっかり、まばたきしましょう。(>_<) (O_O) (>_<) (O_O) (>_<) (O_O) (>_<) (O_O)
🥞Re:5187◆おっと、さくらインターネットでも500エラーが出てしまいますか。
以下の2点を教えて頂けますでしょうか。 (追記)➡ No.5189に書いた点が問題だろうと思いますのでそちらをお試し下さい。
➊Perlのバージョンは何でしょうか？
➋同一サーバ内に新しいディレクトリを作成して、てがろぐVer 4.6.xをそこに新規セットアップした場合でも、500エラーになりますか？
しっかり、まばたきしましょう。(>_<) (O_O) (>_<) (O_O) (>_<) (O_O) (>_<) (O_O)
🥞Re:5187◆おっと、さくらインターネットでも500エラーが出てしまいますか。
➊Perlのバージョンは何でしょうか？
てがろぐ管理画面HOMEで、Perlのバージョンを知る方法
下図の黄色矢印の先に見える「Perl v5.16.3」のような値を教えて下さい。
もしくは、サーバのコントロールパネル等で確認しても良いです。さくらインターネットの場合は、コントロールパネル左端のメニューで［スクリプト設定］→［言語バージョン設定］を見ると出てきます。
もしくは、サーバのコントロールパネル等で確認しても良いです。さくらインターネットの場合は、コントロールパネル左端のメニューで［スクリプト設定］→［言語バージョン設定］を見ると出てきます。
➋同一サーバ内に新しいディレクトリを作成して、てがろぐVer 4.6.xをそこに新規セットアップした場合でも、500エラーになりますか？
なる場合：
サーバのエラーログを見せて頂けるとありがたいです。
500エラーが出た直後に、サーバのエラーログ画面を表示すると、下端付近にtegalog.cgi関連のエラーが記録されていると思います。その内容を教えて下さい。（ここに書いて下さっても良いですし、メールで送って下さっても良いです。）
※サーバのエラーログは、以下の手順で閲覧できます。
さくらインターネットのコントロールパネルにログインして、左端のメニューから［サーバーステータス］→［アクセスログ］とたどり、「エラーログ」という区画にある「本日のエラーログ」ボタンを押すと、下図のような画面になります。
ここには、直近に発生したエラーが1000件まで表示されています。(最新のデータは下端)
ここで、もし右端にスクロールバーが見えている場合は下端までスクロールして下さい。
おそらくその最下行あたりに、tegalog.cgiかfumycts.pl関連で何らかのエラーが出ていると思います。（※複数行ある可能性があります。）
それをコピーして教えて下さい。
※どれなのか判別できない場合は、丸ごとメール等で送って下さっても良いです。
※先にエラーを発生させないとログに出てこない点にご注意下さい。コントロールパネルを表示させた後にエラーを出した場合は、この画面に見える「更新」ボタンを押して下さい。
500エラーが出た直後に、サーバのエラーログ画面を表示すると、下端付近にtegalog.cgi関連のエラーが記録されていると思います。その内容を教えて下さい。（ここに書いて下さっても良いですし、メールで送って下さっても良いです。）
※サーバのエラーログは、以下の手順で閲覧できます。
さくらインターネットのコントロールパネルにログインして、左端のメニューから［サーバーステータス］→［アクセスログ］とたどり、「エラーログ」という区画にある「本日のエラーログ」ボタンを押すと、下図のような画面になります。
ここには、直近に発生したエラーが1000件まで表示されています。(最新のデータは下端)
ここで、もし右端にスクロールバーが見えている場合は下端までスクロールして下さい。
おそらくその最下行あたりに、tegalog.cgiかfumycts.pl関連で何らかのエラーが出ていると思います。（※複数行ある可能性があります。）
それをコピーして教えて下さい。
※どれなのか判別できない場合は、丸ごとメール等で送って下さっても良いです。
※先にエラーを発生させないとログに出てこない点にご注意下さい。コントロールパネルを表示させた後にエラーを出した場合は、この画面に見える「更新」ボタンを押して下さい。
ならない場合：
（今メインでお使いになっている方の）てがろぐ設置ディレクトリにある tegalog.ini ファイルをメールで送って頂けると何らかの調査ができます。
昼食はそうめん。🧊🧊🧊
🧊Re:5181◆なるほど、新たな視点をどうもありがとうございます！ 投稿からの経過時間に応じて表示を変えるという発想はありませんでした。今のところ経過時間に応じて表示/非表示が切り替わるような機能はないのですが、[[DATE:～]]記法に『投稿からの経過秒数』を得られるようなオプションを加えてみましょうかね？ そうすると、JavaScriptを使って簡単に経過時間が判別できるので、JavaScriptで表示/非表示を切り替えられるでしょうし。
(追記) ➡もっと良い方法を No.5185 さんが提示して下さいましたので、それを実現するソースを No.5186 に書きましたからそちらをご覧下さい。
🧊Re:5182◆そうですね。Skebサイトに久しぶりにアクセスしたとき、ほんの数秒間くらいだけ『繰り返し表示される場合はCookieを有効にしてください』のような表示が出ますよね。なので、Skebのページをまともに閲覧するには、Cookieを使ったセッション確認的なものが必須なんだと思います。（つまり、Cookieを受け入れる仕組みを持ったユーザエージェント以外でアクセスすると中身が見えない。）
Skebは、利用規約でプログラムによる自動アクセスを禁止していますが、単に禁止と言うだけではなくて、技術的にもアクセスを拒否する仕組みを用意しているということでしょうね。
そもそも、人間がブラウザでアクセスしても、Skebのページって「JavaScript前提」になっているんですよね。HTMLソースを表示させても、Skebページ内に見えている日本語文字が出てきません。^^;
なので、Skebは「Cookieを受け入れた上で、JavaScriptが実行できる環境」（要するに一般的なブラウザ）からのアクセスしか受け付けない実装になっているのではないかと思います。
……とはいえ、Twitter Cardっぽい情報の欠片みたいなのはHTMLソースに含まれていますから、Skeb側が認めたSNS等からOGPを参照された場合には正しく情報を返すような仕組みが（Skeb側に）用意されているのかもしれません。
任意のWebサイトからSkebのOGPを読んでリンクカードを作るのは、たぶん諦めるほかないのではないかな……と思います。（もしかしたらSkeb側が何かAPIを用意しているかもしれないのですが、軽く探してみた限りでは見つけられませんでした。もし何か公式情報があるようでしたら教えて下さい。）
🧊Re:5181◆なるほど、新たな視点をどうもありがとうございます！ 投稿からの経過時間に応じて表示を変えるという発想はありませんでした。今のところ経過時間に応じて表示/非表示が切り替わるような機能はないのですが、[[DATE:～]]記法に『投稿からの経過秒数』を得られるようなオプションを加えてみましょうかね？ そうすると、JavaScriptを使って簡単に経過時間が判別できるので、JavaScriptで表示/非表示を切り替えられるでしょうし。
《補足》現状でもJavaScriptで実現できなくはない話
なお、現状でも、JavaScriptで const $pastTimeStr = "[[DATE:A]]"; のように書くと、変数 $pastTimeStr には「5秒前」や「10分前」や「3時間前」や「2日前」のような文字列が入ります。
事前に、てがろぐ管理画面の[設定]→[ページの表示]→【経過時間(相対時間)の表記】で、『1時間以上 24 時間未満なら「時間」で表示』のように、24時間を超えると「日」単位で表示されるように設定を変更しておけば、24時間が経過した時点で「2日前」という表示になります。
とすると、この変数$pastTimeStrの中に「秒」か「分」か「時間」という漢字が含まれていなければ、投稿から24時間以上が経過していると判断できます。
これを使って、（例えば相対時間表記の部分に <span id="pastTime[[POSTID]]">[[DATE:（A）]]</span> のような感じで、その要素を特定できる何らかのid名を割り振っておけば）JavaScriptで表示/非表示を切り替えることはできそうに思います。
事前に、てがろぐ管理画面の[設定]→[ページの表示]→【経過時間(相対時間)の表記】で、『1時間以上 24 時間未満なら「時間」で表示』のように、24時間を超えると「日」単位で表示されるように設定を変更しておけば、24時間が経過した時点で「2日前」という表示になります。
とすると、この変数$pastTimeStrの中に「秒」か「分」か「時間」という漢字が含まれていなければ、投稿から24時間以上が経過していると判断できます。
これを使って、（例えば相対時間表記の部分に <span id="pastTime[[POSTID]]">[[DATE:（A）]]</span> のような感じで、その要素を特定できる何らかのid名を割り振っておけば）JavaScriptで表示/非表示を切り替えることはできそうに思います。
(追記) ➡もっと良い方法を No.5185 さんが提示して下さいましたので、それを実現するソースを No.5186 に書きましたからそちらをご覧下さい。
🧊Re:5182◆そうですね。Skebサイトに久しぶりにアクセスしたとき、ほんの数秒間くらいだけ『繰り返し表示される場合はCookieを有効にしてください』のような表示が出ますよね。なので、Skebのページをまともに閲覧するには、Cookieを使ったセッション確認的なものが必須なんだと思います。（つまり、Cookieを受け入れる仕組みを持ったユーザエージェント以外でアクセスすると中身が見えない。）
Skebは、利用規約でプログラムによる自動アクセスを禁止していますが、単に禁止と言うだけではなくて、技術的にもアクセスを拒否する仕組みを用意しているということでしょうね。
そもそも、人間がブラウザでアクセスしても、Skebのページって「JavaScript前提」になっているんですよね。HTMLソースを表示させても、Skebページ内に見えている日本語文字が出てきません。^^;
なので、Skebは「Cookieを受け入れた上で、JavaScriptが実行できる環境」（要するに一般的なブラウザ）からのアクセスしか受け付けない実装になっているのではないかと思います。
……とはいえ、Twitter Cardっぽい情報の欠片みたいなのはHTMLソースに含まれていますから、Skeb側が認めたSNS等からOGPを参照された場合には正しく情報を返すような仕組みが（Skeb側に）用意されているのかもしれません。
任意のWebサイトからSkebのOGPを読んでリンクカードを作るのは、たぶん諦めるほかないのではないかな……と思います。（もしかしたらSkeb側が何かAPIを用意しているかもしれないのですが、軽く探してみた限りでは見つけられませんでした。もし何か公式情報があるようでしたら教えて下さい。）
