2025年6月 この範囲を時系列順で読む この範囲をファイルに出力する
>5213 大丈夫です！ありがとうございます！
ブラウザによって改行処理が違うんですね。知りませんでした！
ブラウザによって改行処理が違うんですね。知りませんでした！
5209の者です。ご回答有難うございました！
『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』と言うことが可能性として高いんですね。モヤモヤと「何故？」という疑問を携えていたのでスッキリいたしました。
今も「CARD-S」や「CARD-L」の記述を使わせて頂いておりますので、そちらを利用させて頂きます。
細やかな疑問にお答え頂き、本当にありがとうございました。
『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』と言うことが可能性として高いんですね。モヤモヤと「何故？」という疑問を携えていたのでスッキリいたしました。
今も「CARD-S」や「CARD-L」の記述を使わせて頂いておりますので、そちらを利用させて頂きます。
細やかな疑問にお答え頂き、本当にありがとうございました。
>>5215
5214さんとは別人で、Blueskyのアカウントを持ってない者です。
Androidスマホのブラウザから、5215のにししさんの埋め込みは両方とも画像つきで見えてます！
5214さんとは別人で、Blueskyのアカウントを持ってない者です。
Androidスマホのブラウザから、5215のにししさんの埋め込みは両方とも画像つきで見えてます！
ジャーマンポテトを食べました。再び。🥔🥔🥔
🥔Re:5214◆なるほど、Bluesky側の個別ページにはOGPが含まれているんですね……！ 有用な情報をありがとうございます！ なお、私の投稿で試してみたところ、単純にブラウザのアドレス欄に表示される（個別投稿の）URLを使っても埋め込めました。（もしかしたら、そのアカウントの設定によって異なるのかもしれませんが。）
▼Bluesky上の個別投稿のURLを使用：
(Loading...)...
▼Bluesky側の「投稿を埋め込む」機能から抜き出したURLを使用：
(Loading...)...
OGPがあるだけでなく、Twitter Cardの指定もあるんですねえ。（「大画像」が指定されていました。）
🥔Re:5214◆なるほど、Bluesky側の個別ページにはOGPが含まれているんですね……！ 有用な情報をありがとうございます！ なお、私の投稿で試してみたところ、単純にブラウザのアドレス欄に表示される（個別投稿の）URLを使っても埋め込めました。（もしかしたら、そのアカウントの設定によって異なるのかもしれませんが。）
▼Bluesky上の個別投稿のURLを使用：
(Loading...)...
▼Bluesky側の「投稿を埋め込む」機能から抜き出したURLを使用：
(Loading...)...
OGPがあるだけでなく、Twitter Cardの指定もあるんですねえ。（「大画像」が指定されていました。）
現在のてがろぐにある機能でBlueskyの投稿を埋め込む方法があるか模索していたのですが、てがろぐに最近実装された「OGPカード」の機能で、埋め込みに近いことができると気づいたので、共有させていただきます。既出でしたら申し訳ございません。
■前提条件
■手順
OGPカードなので、画像1枚と一定の文字数しか載せられず、完全な埋め込みの代替にはならないと思いますが、こんな投稿してるよ！のアピールには多少なるかなと思いました。
もしこの方法はあまり良くないなどのご指摘がありましたらお寄せいただければ幸いです。どうぞよろしくお願いいたします。
■前提条件
- Bluesky上の「投稿を埋め込む」機能を利用します。パソコンのブラウザでBlueskyを表示すればこの機能はあるのですが、BlueskyのAndroidアプリではこの機能がないかもしれません。iPhoneは確認できておりません。
- 埋め込みたいポストのBlueskyアカウントで「アプリがログアウトしたユーザーに自分のアカウントを表示しないようにする」設定にチェックが入っているとBlueskyからの埋め込み用タグが提供されませんので、この方法が使えません。
- 画像のあるポストを埋め込んだ場合、最初の1枚だけがOGPカード内に表示されます。
■手順
- 埋め込みたいBlueskyのポストの右下の「…」を押す
- 開いたメニューから「投稿を埋め込む」を押す
- 「コードをコピー」ボタンを押す
- コピーしたテキストを、お使いのてがろぐの投稿フォームかメモアプリ等に貼り付け
- 「/post/」で検索し、それが含まれるURLをコピー（末尾の ?ref_src=embed はあってもなくても大丈夫なようです）
- てがろぐで「OGPカード」ボタンを押し、コピーしたURLを貼り付け
OGPカードなので、画像1枚と一定の文字数しか載せられず、完全な埋め込みの代替にはならないと思いますが、こんな投稿してるよ！のアピールには多少なるかなと思いました。
もしこの方法はあまり良くないなどのご指摘がありましたらお寄せいただければ幸いです。どうぞよろしくお願いいたします。
昼食はそうめん。🧊🧊🧊
🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;
🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;
>5211 5210です。すぐにご対応いただきありがとうございます！
「▼複数のてがろぐCGIでカスタム絵文字を共用したい場合の設定」とかまだ少しはみ出る部分はあるみたいなんですが（報告時に気づかずすみません）、スクロールや縮小しても読むには支障ないくらいになりました！大変助かります、ありがとうございます！
「▼複数のてがろぐCGIでカスタム絵文字を共用したい場合の設定」とかまだ少しはみ出る部分はあるみたいなんですが（報告時に気づかずすみません）、スクロールや縮小しても読むには支障ないくらいになりました！大変助かります、ありがとうございます！
珈琲飴を舐めます。あとカカオ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を調整してみました。これでどうでしょうか？
にししさんにお願いがあるんですが、てがろぐの使い方・設定方法のページについて
スマホから見ると、スクロールが横方向にぐにゃぐにゃしてしまって見づらいので
画面幅100%以上に文字をはみ出さないようにしていただけないでしょうか…！
具体的には「Twitterの任意の1ツイートを埋め込む書き方」や「▼設定例：Fancyboxを使って画像を拡大したい場合」の英字の部分です。
収まるまで画面縮小すると文字が小さくて読めなくて…カスタマイズ中はPCスマホで2窓したいことも多く
もし差し支えなければぜひお願いします！
てがろぐの管理画面も横幅調整できたら嬉しいなと思ったりもするんですが、こっちは載せる情報量とレイアウトが難しそうですよね。。環境もさまざまだし
スマホから見ると、スクロールが横方向にぐにゃぐにゃしてしまって見づらいので
画面幅100%以上に文字をはみ出さないようにしていただけないでしょうか…！
具体的には「Twitterの任意の1ツイートを埋め込む書き方」や「▼設定例：Fancyboxを使って画像を拡大したい場合」の英字の部分です。
収まるまで画面縮小すると文字が小さくて読めなくて…カスタマイズ中はPCスマホで2窓したいことも多く
もし差し支えなければぜひお願いします！
てがろぐの管理画面も横幅調整できたら嬉しいなと思ったりもするんですが、こっちは載せる情報量とレイアウトが難しそうですよね。。環境もさまざまだし
いつもお世話になっております。
OGPカード機能、待ち望んでいたのでとても嬉しく、活用させていただいております！
設定で「カード型リンクでの表示時」の部分の「Twitter Cardの指定がない場合に採用するカードサイズ」を「小画像」にチェックを入れているのですが、何故か大画像で出てしまいます。小画像で出ることもあるんですが、高い確率で大画像で出てしまいます。
特にCSSなどでそこまで弄っていないつもりなのですが、何か影響している可能性のあることや気をつけておいた方が良いことはあるでしょうか？
お手隙の際にご教示頂けますと幸いです。
OGPカード機能、待ち望んでいたのでとても嬉しく、活用させていただいております！
設定で「カード型リンクでの表示時」の部分の「Twitter Cardの指定がない場合に採用するカードサイズ」を「小画像」にチェックを入れているのですが、何故か大画像で出てしまいます。小画像で出ることもあるんですが、高い確率で大画像で出てしまいます。
特にCSSなどでそこまで弄っていないつもりなのですが、何か影響している可能性のあることや気をつけておいた方が良いことはあるでしょうか？
お手隙の際にご教示頂けますと幸いです。
>>5204 です
>>5205
お返事ありがとうございます。
カテゴリ目次モード、需要は絶対ありますよ！イラストや漫画などの作品を展示するサイトの管理人から！と勝手に思っております（笑）
身内用にスキンを作成および調整することがあるのでカテゴリ目次モードがあればより一層気軽にサイト運営ができるなと思いました（個人的にSNSよりも
個人サイトの方がその人が好きな要素などを浴びれるので個人サイトの時代が返ってこないかと思案しております）
要望を受け取っていただきありがとうございます。いつもアプデが早く頻繁なので他の機能も含めて楽しみにしております。
具体的な方法（「最初のli要素」以外の要素は消すようCSSを書く』か、または『「最初のli要素」に含まれている情報だけから抜き出すようにJavaScriptを書く）のご提案ありがとうございます。
現在好きにPC触れない状態ですので、また落ち着いたときにChatGPTにでも聞きながら試してみようと思います。
引き続きよろしくお願いいたします。
>>5205
お返事ありがとうございます。
カテゴリ目次モード、需要は絶対ありますよ！イラストや漫画などの作品を展示するサイトの管理人から！と勝手に思っております（笑）
身内用にスキンを作成および調整することがあるのでカテゴリ目次モードがあればより一層気軽にサイト運営ができるなと思いました（個人的にSNSよりも
個人サイトの方がその人が好きな要素などを浴びれるので個人サイトの時代が返ってこないかと思案しております）
要望を受け取っていただきありがとうございます。いつもアプデが早く頻繁なので他の機能も含めて楽しみにしております。
具体的な方法（「最初のli要素」以外の要素は消すようCSSを書く』か、または『「最初のli要素」に含まれている情報だけから抜き出すようにJavaScriptを書く）のご提案ありがとうございます。
現在好きにPC触れない状態ですので、また落ち着いたときにChatGPTにでも聞きながら試してみようと思います。
引き続きよろしくお願いいたします。
2025年5月 この範囲を時系列順で読む この範囲をファイルに出力する
「続きを読む」ボタンを開いたあとの「畳む」ボタンを上に置きたいという要望を出していた者です。
今回Ver4.6.1.から<details>での折り畳み機能が実装されたことで実現できました。
いつもサポートしていただいている感謝のお気持ちも兼ねて、ささやかながら投げ銭させていただきました。いつもありがとうございます。
今回Ver4.6.1.から<details>での折り畳み機能が実装されたことで実現できました。
いつもサポートしていただいている感謝のお気持ちも兼ねて、ささやかながら投げ銭させていただきました。いつもありがとうございます。
No.5187で質問をした者です。
確認が遅れまして申し訳ありません。ご回答ありがとうございます！
ご指摘いただいた通り、Perlのバージョンが5.8.9になっておりました。
既に対応版をリリースしていただいているとのことでしたので、5.8.9環境のままでバージョンアップを試してみた所無事に4.6にバージョンアップすることが出来ました。動作対象外と言われてもおかしくない所、ご対応いただきましてありがとうございます…！
Perlを古いバージョンのまま使用するのも問題がありそうですし、改めて「標準のPerl[推奨]」に設定を変更しておきました。
この度は本当にありがとうございました。
確認が遅れまして申し訳ありません。ご回答ありがとうございます！
ご指摘いただいた通り、Perlのバージョンが5.8.9になっておりました。
既に対応版をリリースしていただいているとのことでしたので、5.8.9環境のままでバージョンアップを試してみた所無事に4.6にバージョンアップすることが出来ました。動作対象外と言われてもおかしくない所、ご対応いただきましてありがとうございます…！
Perlを古いバージョンのまま使用するのも問題がありそうですし、改めて「標準のPerl[推奨]」に設定を変更しておきました。
この度は本当にありがとうございました。
チーズケーキを食べました。おいしい。🧀🍰🧀🍰🧀🍰
🧀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件」の情報だけを表示できるでしょう。）
5197です。
>>5199
>>5200
お返事ありがとうございます（まとめてで申し訳ございません）。
5197の説明があまりうまくなくて申し訳ございません。
親カテゴリpictの子カテゴリとして、A,B,Cがあるとします。
このときスキンで[INCLUDE:pict] と記載したら
◎A
カテゴリAのサイトマップやスキンで設定しているサムネ等
◎B
カテゴリAのサイトマップやスキンで設定しているサムネ等
◎C
カテゴリAのサイトマップやスキンで設定しているサムネ等
…という風に『pictカテゴリに属するものがごちゃまぜで表示されるのではなく』、『親カテゴリ（pict）の下にある子カテゴリごとに表示する』ようなイメージです。
確かににししさんが疑問に抱かれているとおり、スキンに[INCLUDE:pict] を記載する必要はあります。
しかし今後カテゴリが増えたとしても子カテゴリごとに分けて表示をするイメージですので新たにカテゴリを増やしたとしてもその分追加して表示されるイメージです（伝わりにくかったら申し訳ございません）。
随時埋め込み用のURLを記載する必要はありません。
新着投稿リストについてなのですが、通常の更新履歴の部分で現在使用しております（日付・タイトル・カテゴリ）。それとは別で特定のカテゴリの日付のみを表示したいのです。
その日付を表示する箇所がメニューのところでして（ info pict 落書き（MM/DD）のように）。
[[LATESTLIST:CAT(カテゴリID)]]では通常の更新履歴で使っているタイトル・カテゴリの部分が余分だと感じます。
[[INFO:LATESTPOSTDATE]]はカテゴリ表示が出来ず、またYYYY/MM/DDあるいはMM/DDだけで良いので時間の部分が余分だと感じております。
[[LATESTLIST:CAT(カテゴリID)]]の所に掲載される項目について『今のところ、スキン側では指定できません（将来対応予定）。』とあるので将来を待つしかと思いました。
また『カテゴリ限定のパラメータを付けたURLにJavaScriptでアクセスして合成する』ですが、新たにスキンを作れば確かに可能だとはおもいます。
ただこれは個人の感じ方なのですが、新たにスキンを作成することも、それの管理をするのも少し手間だなと感じてとっかかりにくいところがあります（勿論個人の意見なので、苦に感じない人もおりますし、なるべく簡単にしたいなと強く思っておりますので…）。
なるほど、標準で搭載してしまうと機能拡張をしたい人へのハードルがあがることやカスタマイズが却って難しくなるデメリットがあったのですね。その部分については確かにそうだと思いました。
それなら確かにこのままの方が長い目で見たときに良いのだろうなと思います。
ご質問とご提案と考えを教えていただきありがとうございました。
もしも他に「こういうアプローチの仕方があるよ」等ありましたら教えていただければとても嬉しいです。
>>5199
>>5200
お返事ありがとうございます（まとめてで申し訳ございません）。
5197の説明があまりうまくなくて申し訳ございません。
親カテゴリpictの子カテゴリとして、A,B,Cがあるとします。
このときスキンで[INCLUDE:pict] と記載したら
◎A
カテゴリAのサイトマップやスキンで設定しているサムネ等
◎B
カテゴリAのサイトマップやスキンで設定しているサムネ等
◎C
カテゴリAのサイトマップやスキンで設定しているサムネ等
…という風に『pictカテゴリに属するものがごちゃまぜで表示されるのではなく』、『親カテゴリ（pict）の下にある子カテゴリごとに表示する』ようなイメージです。
確かににししさんが疑問に抱かれているとおり、スキンに[INCLUDE:pict] を記載する必要はあります。
しかし今後カテゴリが増えたとしても子カテゴリごとに分けて表示をするイメージですので新たにカテゴリを増やしたとしてもその分追加して表示されるイメージです（伝わりにくかったら申し訳ございません）。
随時埋め込み用のURLを記載する必要はありません。
新着投稿リストについてなのですが、通常の更新履歴の部分で現在使用しております（日付・タイトル・カテゴリ）。それとは別で特定のカテゴリの日付のみを表示したいのです。
その日付を表示する箇所がメニューのところでして（ info pict 落書き（MM/DD）のように）。
[[LATESTLIST:CAT(カテゴリID)]]では通常の更新履歴で使っているタイトル・カテゴリの部分が余分だと感じます。
[[INFO:LATESTPOSTDATE]]はカテゴリ表示が出来ず、またYYYY/MM/DDあるいはMM/DDだけで良いので時間の部分が余分だと感じております。
[[LATESTLIST:CAT(カテゴリID)]]の所に掲載される項目について『今のところ、スキン側では指定できません（将来対応予定）。』とあるので将来を待つしかと思いました。
また『カテゴリ限定のパラメータを付けたURLにJavaScriptでアクセスして合成する』ですが、新たにスキンを作れば確かに可能だとはおもいます。
ただこれは個人の感じ方なのですが、新たにスキンを作成することも、それの管理をするのも少し手間だなと感じてとっかかりにくいところがあります（勿論個人の意見なので、苦に感じない人もおりますし、なるべく簡単にしたいなと強く思っておりますので…）。
なるほど、標準で搭載してしまうと機能拡張をしたい人へのハードルがあがることやカスタマイズが却って難しくなるデメリットがあったのですね。その部分については確かにそうだと思いました。
それなら確かにこのままの方が長い目で見たときに良いのだろうなと思います。
ご質問とご提案と考えを教えていただきありがとうございました。
もしも他に「こういうアプローチの仕方があるよ」等ありましたら教えていただければとても嬉しいです。
カテゴリA+下げる投稿はカテゴリ限定でのみ表示したい
カテゴリB+下げる投稿はカテゴリ限定、日時指定、検索結果に表示したい
この場合ってなにかいじれば可能でしょうか……？
カテゴリB+下げる投稿はカテゴリ限定、日時指定、検索結果に表示したい
この場合ってなにかいじれば可能でしょうか……？
Ver 4.6.1の折り畳み記法で毎回ラベルを入れなければいけないのが面倒だから隠す記法と同じように使いたいな…と思って要望を書きに来たら、既に>>5192さんが同じ内容を投稿されてる上にもう新しいβ版で反映されていて驚きました。私も早速Ver 4.6.2にアップデートしました。5192さんとは別人ですがありがとうございます！
私は折り畳み記法にjavascriptとcssで開閉状況に応じてラベルが変わるカスタマイズをしてます。
折り畳まれているボタンをクリックして展開するとボタンのラベルが「閉じる」に変化し、展開された領域を折り畳むとラベルが「続きを読む」などの展開前のものに戻ります。同じことをしたい人がいましたら参考までに。
私は折り畳み記法にjavascriptとcssで開閉状況に応じてラベルが変わるカスタマイズをしてます。
折り畳まれているボタンをクリックして展開するとボタンのラベルが「閉じる」に変化し、展開された領域を折り畳むとラベルが「続きを読む」などの展開前のものに戻ります。同じことをしたい人がいましたら参考までに。
外側スキンの遅延読み込みスクリプト群に追加
//折り畳み記法の部分に「閉じる」ラベルを追加
document.addEventListener("DOMContentLoaded", function() {
// decorationO クラスを持つ details 要素を取得
document.querySelectorAll("details.decorationO > summary").forEach(summary => {
// 既に foldlabelClose がない場合のみ追加
if (!summary.querySelector(".foldlabelClose")) {
let closeSpan = document.createElement("span");
closeSpan.className = "foldlabelClose";
closeSpan.textContent = "閉じる";
summary.appendChild(closeSpan);
}
});
});
document.addEventListener("DOMContentLoaded", function() {
// decorationO クラスを持つ details 要素を取得
document.querySelectorAll("details.decorationO > summary").forEach(summary => {
// 既に foldlabelClose がない場合のみ追加
if (!summary.querySelector(".foldlabelClose")) {
let closeSpan = document.createElement("span");
closeSpan.className = "foldlabelClose";
closeSpan.textContent = "閉じる";
summary.appendChild(closeSpan);
}
});
});
スキン用cssに追加
/* 開いている状態の時に「続きを読む」を消す */
details[open] .foldlabel {
display: none;
}
/* 閉じている状態の時に「閉じる」を消す */
details:not([open]) .foldlabelClose {
display: none;
}
details[open] .foldlabel {
display: none;
}
/* 閉じている状態の時に「閉じる」を消す */
details:not([open]) .foldlabelClose {
display: none;
}
先月に公開した Ver 4.6.0 正式版の配布ZIPの中身も、古いPerl対応版に差し替えました。
No.5189に書いた通り、お使いのサーバにインストールされているPerlのバージョンが古い場合(Perl 5.10未満の場合)に限って、てがろぐCGIを Ver 4.6.0 にバージョンアップすると「500 Internal Server Error」になってしまう問題がありました。（※正確には Ver 4.5.3β～4.6.1βのバージョンで発生していました。）
Perlのバージョンを 5.10.x 以上にすることで正常稼働するようになりますが、他に稼働させているCGIの都合等でPerlのバージョンを上げられない場合のために、Perl 5.10未満でも正常稼働するよう修正しましたので、先程 Ver 4.6.0 のZIPも差し替えました。
先月から本日までの間に、TegUp等を使ってバージョンアップした結果「500 Internal Server Error」が出たのでバージョンダウンした、という方は、再度TegUp等でバージョンアップしてみて下さい。今は問題なくバージョンアップできるハズです。
※注意：既に Ver 4.6.x がエラーなく動作している方々は、何もする必要はありません。（差し替えたZIPに収録しているファイルは、問題箇所を書き換えただけで、機能面ではまったく同じですので。）
No.5189に書いた通り、お使いのサーバにインストールされているPerlのバージョンが古い場合(Perl 5.10未満の場合)に限って、てがろぐCGIを Ver 4.6.0 にバージョンアップすると「500 Internal Server Error」になってしまう問題がありました。（※正確には Ver 4.5.3β～4.6.1βのバージョンで発生していました。）
Perlのバージョンを 5.10.x 以上にすることで正常稼働するようになりますが、他に稼働させているCGIの都合等でPerlのバージョンを上げられない場合のために、Perl 5.10未満でも正常稼働するよう修正しましたので、先程 Ver 4.6.0 のZIPも差し替えました。
先月から本日までの間に、TegUp等を使ってバージョンアップした結果「500 Internal Server Error」が出たのでバージョンダウンした、という方は、再度TegUp等でバージョンアップしてみて下さい。今は問題なくバージョンアップできるハズです。
※注意：既に Ver 4.6.x がエラーなく動作している方々は、何もする必要はありません。（差し替えたZIPに収録しているファイルは、問題箇所を書き換えただけで、機能面ではまったく同じですので。）
具体的な原因と対処の余談
具体的には、$value = Ⓐ // Ⓑ;という記述で「ⒶがundefだったらⒷを代入する」という意味になる『defined-or演算子』が Perl 5.10 から導入された書き方だったために、Perl 5.10未満ではエラーになっていたのでした。この書き方を使っていたのは1箇所だけでしたので、そこを $value = defined Ⓐ ? Ⓐ : Ⓑ のような、以前から使用可能な書き方に改めただけです。
昼食はコーンピザ。🌽🍕🌽🍕🌽🍕
🌽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◆サポートありがとうございます～。(╹◡╹)ﾉ
>>5197
新着投稿リストの掲載対象をスキン側で限定する方法（掲載する対象を選択）
https://www.nishishi.com/cgi/tegalog/custom/#customize...
この方法ではいけませんか…？
新着投稿リストの掲載対象をスキン側で限定する方法（掲載する対象を選択）
https://www.nishishi.com/cgi/tegalog/custom/#customize...
この方法ではいけませんか…？
こんにちわ。
>>5192の折畳ラベルについて書いた者です。
も、もうアップデートされてる！？とびっくりしました！
さっそくバージョンアップさせていただきました。
更に使いやすくなり、嬉しい限りです。
これからもてがろぐライフを楽しみたいと思います。
ありがとうございました！
>>5192の折畳ラベルについて書いた者です。
も、もうアップデートされてる！？とびっくりしました！
さっそくバージョンアップさせていただきました。
更に使いやすくなり、嬉しい限りです。
これからもてがろぐライフを楽しみたいと思います。
ありがとうございました！
いつもお世話になっています。
てがろぐでイラストサイトを作成しているものです。個人的には昨今の流れでちょくちょくてがろぐを使った個人サイトが見られるようになって嬉しく思います。
さて、現在展示ページをサイトマップモードの埋め込みで作成しております。ジャンルごとにカテゴリを作成し、カテゴリを絞り込みしたサイトマップモードを埋め込んで以下のように表示しております
ジャンル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:～）機能なのですが、機能ボタンを使った時、隠す（[H:～）機能と同じくラベル入力なしでも挿入できるようにしてもらえると嬉しいです。
毎回ラベルを変える訳でもなくデフォルトで入るラベルで充分なので…
それなら隠す機能でいいのでは？と言われてしまいそうですが、これは私の都合でしかないのですが、てがろぐ外の自サイトで同じ折り畳みタグを多用しているので合わせたいのもありまして。
（ですのでてがろぐで折り畳み機能が追加されてめちゃくちゃ嬉しかったです！）
もし何か理由あってのラベル必須項目なら申し訳ないです。
折り畳み（[O:～）機能なのですが、機能ボタンを使った時、隠す（[H:～）機能と同じくラベル入力なしでも挿入できるようにしてもらえると嬉しいです。
毎回ラベルを変える訳でもなくデフォルトで入るラベルで充分なので…
それなら隠す機能でいいのでは？と言われてしまいそうですが、これは私の都合でしかないのですが、てがろぐ外の自サイトで同じ折り畳みタグを多用しているので合わせたいのもありまして。
（ですのでてがろぐで折り畳み機能が追加されてめちゃくちゃ嬉しかったです！）
もし何か理由あってのラベル必須項目なら申し訳ないです。
>>5189
No.5178の者です、お返事ありがとうございます。確認が遅れ大変失礼いたしました。
個人的には30MB以上のデータサイズでも対応できるようにして頂けるならありがたいのですが、サーバーへの負荷や操作ミスのリスクを考えると難しいところですね…
今後大きなサイズのイラストを投稿するときはFTPを利用するようにします。
お忙しい中お手数をおかけしました。
No.5178の者です、お返事ありがとうございます。確認が遅れ大変失礼いたしました。
個人的には30MB以上のデータサイズでも対応できるようにして頂けるならありがたいのですが、サーバーへの負荷や操作ミスのリスクを考えると難しいところですね…
今後大きなサイズのイラストを投稿するときはFTPを利用するようにします。
お忙しい中お手数をおかけしました。
No.5181の日付についての質問をした者です。
無事にやりたかった動きになりました。にしし様、5185様、本当にありがとうございました！
無事にやりたかった動きになりました。にしし様、5185様、本当にありがとうございました！
てがろぐCGIを Ver 4.6.0 等にバージョンアップした結果として 500 Internal Server Error になる場合：
（※Ver 4.5.3β以降で発生します。）
もし、サーバのコントロールパネルからPerlのバージョンを切り替えられる場合で、切り替えても問題ないなら、Perl 5.10.x 以降のバージョンにして下さい。そうすると、正常稼働するようになります。
例えば、さくらインターネットのサーバなら下記の場所（コントロールパネル→スクリプト設定→言語バージョン設定）で切り替えられます。特に不都合がなければ『標準のPerl[推奨]』に切り替えると望ましいですが、最低でもPerl 5.10 以上にすれば問題ありません。
Perlのバージョンを上げる設定(さくらインターネット)
なお、他に稼働させているCGIの都合でPerlのバージョンを上げられない場合は、次に公開するてがろぐの新バージョンをお待ち下さい。こちらのローカルにあるソースでは、Perl 5.10.x 未満でエラーになる記述を修正しましたので、次のバージョンからは Perl 5.8.9 のような古いPerlでも正常稼働するようになります。
※Ver 4.5.3β以降で発生していた問題なので、この間に 4.5.3、4.5.4、4.5.5、4.5.6、4.5.7 のβ版を挟んでいたわけですが、全く報告がなかったことからして、β版をご試用の方々はみなさんわりと新しいバージョンをご使用ということなんでしょうね。(^_^;) 私もそういえば、Perl 5.8.9では動作確認をしていませんでした。
（※Ver 4.5.3β以降で発生します。）
もし、サーバのコントロールパネルからPerlのバージョンを切り替えられる場合で、切り替えても問題ないなら、Perl 5.10.x 以降のバージョンにして下さい。そうすると、正常稼働するようになります。
例えば、さくらインターネットのサーバなら下記の場所（コントロールパネル→スクリプト設定→言語バージョン設定）で切り替えられます。特に不都合がなければ『標準のPerl[推奨]』に切り替えると望ましいですが、最低でもPerl 5.10 以上にすれば問題ありません。
なお、他に稼働させているCGIの都合でPerlのバージョンを上げられない場合は、次に公開するてがろぐの新バージョンをお待ち下さい。こちらのローカルにあるソースでは、Perl 5.10.x 未満でエラーになる記述を修正しましたので、次のバージョンからは Perl 5.8.9 のような古いPerlでも正常稼働するようになります。
※Ver 4.5.3β以降で発生していた問題なので、この間に 4.5.3、4.5.4、4.5.5、4.5.6、4.5.7 のβ版を挟んでいたわけですが、全く報告がなかったことからして、β版をご試用の方々はみなさんわりと新しいバージョンをご使用ということなんでしょうね。(^_^;) 私もそういえば、Perl 5.8.9では動作確認をしていませんでした。
