お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。) RSSフィード

てがろぐ - Fumy Otegaru Memo Logger -

2025年8月27日(水) 23:59:01〔6時間前〕 更新

■カテゴリ「カテゴリなし」の投稿[4013件](5ページ目) ( 4013

■フリースペース: 編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

■日付検索:

■全文検索:

or 管理画面へ

〔97文字〕 編集

No.5220 by Icon of misaki みさき 〔84日前〕

お世話になっております。結構前にdetailsの折りたたみがほしい…と要望したことがあったのですが、とうとう実装されてて本当に嬉しいです。ありがとうございます!これからも活用させていただきます。

〔53文字〕 編集

No.5218 by Icon of admin あどみ 〔85日前〕

>5213 大丈夫です!ありがとうございます!
ブラウザによって改行処理が違うんですね。知りませんでした!

〔205文字〕 編集

No.5217 by Icon of admin あどみ 〔86日前〕

5209の者です。ご回答有難うございました!
『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』と言うことが可能性として高いんですね。モヤモヤと「何故?」という疑問を携えていたのでスッキリいたしました。
今も「CARD-S」や「CARD-L」の記述を使わせて頂いておりますので、そちらを利用させて頂きます。
細やかな疑問にお答え頂き、本当にありがとうございました。

〔92文字〕 編集

No.5216 by Icon of admin あどみ 〔86日前〕

>>5215
5214さんとは別人で、Blueskyのアカウントを持ってない者です。
Androidスマホのブラウザから、5215のにししさんの埋め込みは両方とも画像つきで見えてます!

〔393文字〕 編集

No.5215 by NO IMAGE にしし 〔86日前〕

ジャーマンポテトを食べました。再び。🥔🥔🥔

🥔Re:5214◆なるほど、Bluesky側の個別ページにはOGPが含まれているんですね……! 有用な情報をありがとうございます! なお、私の投稿で試してみたところ、単純にブラウザのアドレス欄に表示される(個別投稿の)URLを使っても埋め込めました。(もしかしたら、そのアカウントの設定によって異なるのかもしれませんが。)

▼Bluesky上の個別投稿のURLを使用:
(Loading...)...

▼Bluesky側の「投稿を埋め込む」機能から抜き出したURLを使用:
(Loading...)...

OGPがあるだけでなく、Twitter Cardの指定もあるんですねえ。(「大画像」が指定されていました。)

〔758文字〕 編集

No.5214 by Icon of sakura さくら 〔86日前〕

現在のてがろぐにある機能でBlueskyの投稿を埋め込む方法があるか模索していたのですが、てがろぐに最近実装された「OGPカード」の機能で、埋め込みに近いことができると気づいたので、共有させていただきます。既出でしたら申し訳ございません。

■前提条件
  • Bluesky上の「投稿を埋め込む」機能を利用します。パソコンのブラウザでBlueskyを表示すればこの機能はあるのですが、BlueskyのAndroidアプリではこの機能がないかもしれません。iPhoneは確認できておりません。
  • 埋め込みたいポストのBlueskyアカウントで「アプリがログアウトしたユーザーに自分のアカウントを表示しないようにする」設定にチェックが入っているとBlueskyからの埋め込み用タグが提供されませんので、この方法が使えません。
  • 画像のあるポストを埋め込んだ場合、最初の1枚だけがOGPカード内に表示されます。


■手順
  • 埋め込みたいBlueskyのポストの右下の「…」を押す
  • 開いたメニューから「投稿を埋め込む」を押す
  • 「コードをコピー」ボタンを押す
  • コピーしたテキストを、お使いのてがろぐの投稿フォームかメモアプリ等に貼り付け
  • 「/post/」で検索し、それが含まれるURLをコピー(末尾の ?ref_src=embed はあってもなくても大丈夫なようです)
  • てがろぐで「OGPカード」ボタンを押し、コピーしたURLを貼り付け


OGPカードなので、画像1枚と一定の文字数しか載せられず、完全な埋め込みの代替にはならないと思いますが、こんな投稿してるよ!のアピールには多少なるかなと思いました。

もしこの方法はあまり良くないなどのご指摘がありましたらお寄せいただければ幸いです。どうぞよろしくお願いいたします。

〔154文字〕 編集

No.5212 by Icon of admin あどみ 〔86日前〕

>5211 5210です。すぐにご対応いただきありがとうございます!
「▼複数のてがろぐCGIでカスタム絵文字を共用したい場合の設定」とかまだ少しはみ出る部分はあるみたいなんですが(報告時に気づかずすみません)、スクロールや縮小しても読むには支障ないくらいになりました!大変助かります、ありがとうございます!

〔330文字〕 編集

No.5210 by Icon of admin あどみ 〔87日前〕

にししさんにお願いがあるんですが、てがろぐの使い方・設定方法のページについて
スマホから見ると、スクロールが横方向にぐにゃぐにゃしてしまって見づらいので
画面幅100%以上に文字をはみ出さないようにしていただけないでしょうか…!

具体的には「Twitterの任意の1ツイートを埋め込む書き方」や「▼設定例:Fancyboxを使って画像を拡大したい場合」の英字の部分です。

収まるまで画面縮小すると文字が小さくて読めなくて…カスタマイズ中はPCスマホで2窓したいことも多く
もし差し支えなければぜひお願いします!

てがろぐの管理画面も横幅調整できたら嬉しいなと思ったりもするんですが、こっちは載せる情報量とレイアウトが難しそうですよね。。環境もさまざまだし

〔270文字〕 編集

No.5209 by Icon of admin あどみ 〔87日前〕

いつもお世話になっております。
OGPカード機能、待ち望んでいたのでとても嬉しく、活用させていただいております!

設定で「カード型リンクでの表示時」の部分の「Twitter Cardの指定がない場合に採用するカードサイズ」を「小画像」にチェックを入れているのですが、何故か大画像で出てしまいます。小画像で出ることもあるんですが、高い確率で大画像で出てしまいます。
特にCSSなどでそこまで弄っていないつもりなのですが、何か影響している可能性のあることや気をつけておいた方が良いことはあるでしょうか?
お手隙の際にご教示頂けますと幸いです。

〔451文字〕 編集

No.5208 by Icon of admin あどみ 〔87日前〕

>>5204 です
>>5205
お返事ありがとうございます。

カテゴリ目次モード、需要は絶対ありますよ!イラストや漫画などの作品を展示するサイトの管理人から!と勝手に思っております(笑)
身内用にスキンを作成および調整することがあるのでカテゴリ目次モードがあればより一層気軽にサイト運営ができるなと思いました(個人的にSNSよりも
個人サイトの方がその人が好きな要素などを浴びれるので個人サイトの時代が返ってこないかと思案しております)
要望を受け取っていただきありがとうございます。いつもアプデが早く頻繁なので他の機能も含めて楽しみにしております。

具体的な方法(「最初のli要素」以外の要素は消すようCSSを書く』か、または『「最初のli要素」に含まれている情報だけから抜き出すようにJavaScriptを書く)のご提案ありがとうございます。
現在好きにPC触れない状態ですので、また落ち着いたときにChatGPTにでも聞きながら試してみようと思います。

引き続きよろしくお願いいたします。

〔158文字〕 編集

No.5207 by Icon of admin あどみ 〔88日前〕

「続きを読む」ボタンを開いたあとの「畳む」ボタンを上に置きたいという要望を出していた者です。
今回Ver4.6.1.から<details>での折り畳み機能が実装されたことで実現できました。
いつもサポートしていただいている感謝のお気持ちも兼ねて、ささやかながら投げ銭させていただきました。いつもありがとうございます。

〔295文字〕 編集

No.5206 by Icon of sakura さくら 〔88日前〕

No.5187で質問をした者です。
確認が遅れまして申し訳ありません。ご回答ありがとうございます!
ご指摘いただいた通り、Perlのバージョンが5.8.9になっておりました。
既に対応版をリリースしていただいているとのことでしたので、5.8.9環境のままでバージョンアップを試してみた所無事に4.6にバージョンアップすることが出来ました。動作対象外と言われてもおかしくない所、ご対応いただきましてありがとうございます…!

Perlを古いバージョンのまま使用するのも問題がありそうですし、改めて「標準のPerl[推奨]」に設定を変更しておきました。
この度は本当にありがとうございました。

〔1276文字〕 編集

No.5204 by Icon of admin あどみ 〔89日前〕

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でアクセスして合成する』ですが、新たにスキンを作れば確かに可能だとはおもいます。
ただこれは個人の感じ方なのですが、新たにスキンを作成することも、それの管理をするのも少し手間だなと感じてとっかかりにくいところがあります(勿論個人の意見なので、苦に感じない人もおりますし、なるべく簡単にしたいなと強く思っておりますので…)。

なるほど、標準で搭載してしまうと機能拡張をしたい人へのハードルがあがることやカスタマイズが却って難しくなるデメリットがあったのですね。その部分については確かにそうだと思いました。
それなら確かにこのままの方が長い目で見たときに良いのだろうなと思います。

ご質問とご提案と考えを教えていただきありがとうございました。
もしも他に「こういうアプローチの仕方があるよ」等ありましたら教えていただければとても嬉しいです。

〔86文字〕 編集

No.5203 by Icon of admin あどみ 〔89日前〕

カテゴリA+下げる投稿はカテゴリ限定でのみ表示したい
カテゴリB+下げる投稿はカテゴリ限定、日時指定、検索結果に表示したい

この場合ってなにかいじれば可能でしょうか……?

〔1042文字〕 編集

No.5202 by Icon of tomoyo ともよ 〔89日前〕

Ver 4.6.1の折り畳み記法で毎回ラベルを入れなければいけないのが面倒だから隠す記法と同じように使いたいな…と思って要望を書きに来たら、既に>>5192さんが同じ内容を投稿されてる上にもう新しいβ版で反映されていて驚きました。私も早速Ver 4.6.2にアップデートしました。5192さんとは別人ですがありがとうございます!

私は折り畳み記法に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);
        }
    });
});


スキン用cssに追加
/* 開いている状態の時に「続きを読む」を消す */
details[open] .foldlabel {
  display: none;
}

/* 閉じている状態の時に「閉じる」を消す */
details:not([open]) .foldlabelClose {
  display: none;
}

〔835文字〕 編集

No.5201 by NO IMAGE にしし 〔89日前〕

先月に公開した 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に収録しているファイルは、問題箇所を書き換えただけで、機能面ではまったく同じですので。)
具体的な原因と対処の余談
具体的には、$value = Ⓐ // Ⓑ;という記述で「ⒶがundefだったらⒷを代入する」という意味になる『defined-or演算子』が Perl 5.10 から導入された書き方だったために、Perl 5.10未満ではエラーになっていたのでした。この書き方を使っていたのは1箇所だけでしたので、そこを $value = defined Ⓐ ? Ⓐ : Ⓑ のような、以前から使用可能な書き方に改めただけです。

〔131文字〕 編集

No.5199 by Icon of admin あどみ 〔89日前〕

>>5197

新着投稿リストの掲載対象をスキン側で限定する方法(掲載する対象を選択)
https://www.nishishi.com/cgi/tegalog/custom/#customize...
この方法ではいけませんか…?

〔138文字〕 編集

No.5198 by Icon of admin あどみ 〔89日前〕

こんにちわ。
>>5192の折畳ラベルについて書いた者です。
も、もうアップデートされてる!?とびっくりしました!
さっそくバージョンアップさせていただきました。
更に使いやすくなり、嬉しい限りです。
これからもてがろぐライフを楽しみたいと思います。
ありがとうございました!

〔6文字〕 編集

No.5195 by Icon of admin あどみ 〔90日前〕

続きを読む
てす

〔16文字〕 編集

No.5193 by Icon of admin あどみ 〔91日前〕

ラベル
折り畳まれる内容

〔281文字〕 編集

No.5192 by Icon of admin あどみ 〔92日前〕

てがろぐにはいつもお世話になっています。
折り畳み([O:~)機能なのですが、機能ボタンを使った時、隠す([H:~)機能と同じくラベル入力なしでも挿入できるようにしてもらえると嬉しいです。
毎回ラベルを変える訳でもなくデフォルトで入るラベルで充分なので…
それなら隠す機能でいいのでは?と言われてしまいそうですが、これは私の都合でしかないのですが、てがろぐ外の自サイトで同じ折り畳みタグを多用しているので合わせたいのもありまして。
(ですのでてがろぐで折り畳み機能が追加されてめちゃくちゃ嬉しかったです!)
もし何か理由あってのラベル必須項目なら申し訳ないです。

〔183文字〕 編集

No.5191 by Icon of sakura さくら 〔94日前〕

>>5189
 No.5178の者です、お返事ありがとうございます。確認が遅れ大変失礼いたしました。
個人的には30MB以上のデータサイズでも対応できるようにして頂けるならありがたいのですが、サーバーへの負荷や操作ミスのリスクを考えると難しいところですね…
今後大きなサイズのイラストを投稿するときはFTPを利用するようにします。
お忙しい中お手数をおかけしました。

〔69文字〕 編集

No.5190 by Icon of admin あどみ 〔94日前〕

No.5181の日付についての質問をした者です。
無事にやりたかった動きになりました。にしし様、5185様、本当にありがとうございました!

〔670文字〕 編集

No.5189 by NO IMAGE にしし 〔94日前〕

てがろぐCGIを Ver 4.6.0 等にバージョンアップした結果として 500 Internal Server Error になる場合:
(※Ver 4.5.3β以降で発生します。)

もし、サーバのコントロールパネルからPerlのバージョンを切り替えられる場合で、切り替えても問題ないなら、Perl 5.10.x 以降のバージョンにして下さい。そうすると、正常稼働するようになります。
例えば、さくらインターネットのサーバなら下記の場所(コントロールパネル→スクリプト設定→言語バージョン設定)で切り替えられます。特に不都合がなければ『標準のPerl[推奨]』に切り替えると望ましいですが、最低でもPerl 5.10 以上にすれば問題ありません。
Perlのバージョンを上げる設定(さくらインターネット)
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では動作確認をしていませんでした。

〔568文字〕 編集

No.5187 by Icon of sakura さくら 〔98日前〕

はじめまして。
自サイトの方で一言ツール+簡易イラスト置き場として「てがログ」を利用させていただいている者です。PCからもスマホからも手軽に更新できるのが便利で凄く重宝しております。素敵なスクリプトをありがとうございます!

現在てがろぐ4.5を使用しているのですが、4.6へのアップデートを行うと500エラーが表示されるようになってしまいました。
Tegupでの自動バージョンアップ、最新版をサイトから落としてきてFTPソフトで上書きする方法の両方を試しましたがどちらも500エラーになります。Tegupでは正常にバージョンアップが完了しましたという表示が出たあと、サイトに戻るとエラー画面となります。
cgiやphp部分の改造は特に行っておらずスキンまわりを弄っているだけなのですが(外部から「いいねボタン・改」というスクリプトを引っ張ってきていますがスキンに表示を追加するのみの調整です)、500エラーが出る原因となりそうな箇所などもしありましたらご教授いただけますでしょうか。

下記が実際に設置しているURLとなります。お忙しい中恐縮ですが、どうぞよろしくお願いいたします。
(設置先はさくらインターネットになります)
https://blue-black.sakura.ne.jp/blue/tega/tegalog.cgi

〔771文字〕 編集

No.5186 by NO IMAGE にしし 〔98日前〕

シューアイスを食べようかな……どうしようかな……と迷って、腹の脂肪具合と相談して、とりあえず見送りました。_(:3」∠)_

🧊Re:5185◆おぉ、それはスマートなアルゴリズムですね! たしかに、JavaScriptが解釈しやすい日付フォーマットでdata-属性に出力しておいて現在日時と比較する方法なら、てがろぐの現状の仕様だけで簡単に(任意の)経過時間が計算できますね。

というわけで、No.5181さんは、ぜひ以下の手順で試してみて下さい。
--- ▼Step①: ---
まず、内側スキンで相対時刻を掲載したい箇所に
<span data-published="[[DATE:Y-M-D]]T[[DATE:h:m:s]]">[[DATE:《A》]]</span>
……と書いておきます。
(※data-published属性値は ISO 8601 のローカル時刻形式「YYYY-MM-DDThh:mm:ss」になるようにしています。)

--- ▼Step②: ---
次に、外側スキンに『日時情報を比較して非表示にするJavaScript』を書きます。
具体的には、このリンク先で閲覧できるChatGPTとの一連の会話をご覧下さい。
この会話の最後に提示されているソース(全20行)をコピー&ペーストして使って下さい。(注:最初のソースではなく最後のソースです。)
(なぜISO 8601フォーマットにしたのかの理由が会話の途中で分かります。^^;)

実際の動作テストはしていないのですが、JavaScriptソースを読んだ限りではいけそうな気がします。
なお、「24時間」の閾値を変更したい場合は、ソース中の if (diffHours >= 24) の「24」の部分を修正すれば良いです。

〔325文字〕 編集

No.5185 by Icon of misaki みさき 〔98日前〕

投稿時間から24時間以上経過した場合に非表示にするだけだったら
javascriptで内側スキンに日時を表示するspan要素に相対時間表示([[DATE:A]])を入れて、
span要素にdata属性でdata-publishedなどの中に[[DATE:Y/M/D W h:m]]などを与える

現在時刻をnew Dateで作った後data-publishedに与えた日時と比較して24時間(60*60*24=86400秒)以上だったら
style属性にdisplay:noneを付与する(または最初にnone属性を与えておいてblockに変更する)とかでも実装できそうかなと思いました
実際のコードは書いてないのであくまでも考えてみただけですが……

〔5文字〕 編集

No.5183 by Icon of admin あどみ 〔98日前〕

あいうえお

〔49文字〕 編集

No.5182 by Icon of admin あどみ 〔99日前〕

tesuto
(Loading...)...

SkebへのカードリンクがダメなのってSkeb側の仕様なんですかね……

〔252文字〕 編集

No.5181 by Icon of admin あどみ 〔100日前〕

検索して探したのですがなかなか見つからなかったので、こちらにて失礼します。経過時間(相対時間)表記機能について質問です。[[DATE:《A》]] を使ってn秒前やm分前という表示を24時間以内の時だけ表示させ、24時間を過ぎたら非表示にしたいのですが、この場合はどこを設定すればできますか?
経過時間の表記変更は設定の項目でできる事は分かったのですが、一定時間後に非表示にするなどの方法が探してもなかなか見つからなくこちらで質問させて頂きました。
お忙しいところ恐れ入りますが何卒よろしくお願い致します。

■日付一覧:

■カレンダー:

2025年6月
1234567
891011121314
15161718192021
22232425262728
2930

■最近の投稿:

■新着画像リスト:

Perlのバージョンを上げる設定(さくらインターネット)

全321個 (総容量 36.37MB)

■複合全文検索:

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

ランダムに1件を見る / ギャラリーモードで表示 / 画像一覧モードで表示 / サイトマップモードで表示 / 時系列順で表示する

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「ジャーナル(日誌)スキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル版スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る