てがろぐ - Fumy Otegaru Memo Logger -

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

管理用

■フリースペース： 編集

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

or 管理画面へ

先頭固定（←ここの文字列も自由に変更可能。非表示にも設定可能）

NO IMAGE にしし ＞ テスト投稿はご自由にどうぞ。ご質問やご要望もお気軽にどうぞー。ただの呟き等もご自由にどうぞ～。(返信は遅くなることがありますので気長にお待ち頂ければ幸いです。) ※ツイートやWebページ等の外部コンテンツを紹介する場合は、本人による投稿なのか、第三者による紹介なのかの明記をお願い致します。
🤔てがろぐヘルプ群：セットアップ方法、使い方・設定方法、カスタマイズ方法、FAQ・豆知識
※開発放言 0秒前（木 21:30:15） 情報
NO IMAGE にしし ＞ 開発進捗状況報告サイトでフォロー頂くと、てがろぐCGIの最新β版や正式版の公開時にメールで連絡を受け取ることもできますので、ぜひご活用下さい。(╹◡╹)ﾉ
フォロー数が増えると、私の開発モチベーションが向上するメリットもあります。(笑)
 0秒前（木 21:30:15） 雑記

2025年6月 この範囲を時系列順で読む この範囲をファイルに出力する

Icon of admin あどみ ＞ 5224,5228,5233です
>>5234さんのおっしゃる通りでした！！
WAFの設定でした。
ありがとうございます。お騒がせいたしました。 25時間前（水 20:18:41）
Icon of misaki みさき ＞ ロリポップで404が出るのはもしかしたらWAFによるものかもしれません…？
サーバの設定をみてみると良いかもです〜見当違いだったらごめんなさい！ 1日前（水 01:43:04）
Icon of admin あどみ ＞ 5224,5228です。
お返事ありがとうございます。
>>5232のような流れで処理されているのですね。
全然システム的なことが詳しくなくて見当違いなことをお話していたら恐縮なのですが
『「てがろぐ側の画像UP機能を使わずに、独自に画像をUPして画像インデックスを更新する」と言う処理が必要そう』、とのことでしたが
てきとーのーと様の『てがろぐでD＆Dまたはコピペで画像投稿するやつV2 』を使用したらいけるといいなとおもいました。
実際にChatGPTに聞いてみると可能とのことでしたのでチャレンジしてみようと思います（ChatGPTは割と頻繁にいい加減なことを言いますが。。）

以下別件です。
セキュリティレベルをJavascriptでも可能なものにしたのですが、てがろぐで備忘録としてエスケープ文字を用いてコード（VueやJavascript）を記載し投稿しようとしたら404がでてしまいます（ロリポップのサーバーです）。
CSSはエスケープ文字で記載できたのですが、Javascriptについてはどうしようもないことなのでしょうか？
 1日前（水 00:13:39）
NO IMAGE にしし ＞ 最近、クロワッサンを食べていないな……。🥐🥐🥐

🥐Re:5228◆投稿と同時に画像もUPする場合、内部では以下のような動作をしています。
  1. 画像をアップロードする。
  2. フラグを立てる必要がある場合はフラグを立てる。→この時点で画像インデックスファイル(index.xml)が更新される。
  3. 実際にアップロードされたファイル名から、画像挿入用記法（[PICT:～]）を作って本文の指定位置(※設定で選択できます)に追記する。
  4. 投稿本文をデータファイル(tegalog.xml)に追加する。
さらに、投稿直後にHOMEを表示するよう設定されているなら（※デフォルトではそう設定されています）、以下に続きます。
  1. 本文を表示する。
なので、「投稿と同時に実行されるJavaScript」等を使って画像インデックスファイル(index.xml)を書き換える場合、上記の「2より後」かつ「5より前」のタイミングで書き換えられれば望みのフラグを「5」の時点で反映させることは可能です。……が、現実的にはそんなタイミングを狙うのは無理だと思いますので、不可能でしょうね。^^;
新規投稿時に画像のメタデータをどうにかしたい場合は、「新規投稿されるよりも前の段階でindex.xmlを書き換えておく」みたいな手順でないと無理だと思います。（つまり、「てがろぐ側の画像UP機能を使わずに、独自に画像をUPして画像インデックスを更新する」のような処理が必要そうに思います。）

🥐Re:5230◆スキン配布ありがとうございます。てがろぐがお役に立っているようで嬉しいです。(╹◡╹)ﾉ 残念ながら、指定画像のフラグだけを得る記法はありません。……が、自力で画像表示用のimg要素を組み立てられるように、フラグとかサイズとかも取得できる記法も用意する方が良いかもしれませんね。ちょっと何か考えてみます。気長にお待ち頂ければ幸いです。

🥐Re:5231◆独自で検索窓を作った場合でも、てがろぐ側の検索機能を使って検索するなら（＝URLに ?q=検索語 を付ける形のURLにアクセスさせるよう検索フォームを作るなら）検索結果にも「下げる」投稿は表示されます。（※『設定方法：下げた投稿が表示される状況を選択する方法』の説明にある「全文検索時」項目がONに設定されているなら、ですが。）
てがろぐ側の検索機能を使わずに、何らかの方法で投稿を絞り込んで表示しようとなさっている場合は、その方法を具体的に説明して頂かないと何とも答えようがありません。いろんな方法がありそうに思いますので。
（ついでに、なぜ標準の [[SEARCHBOX]]等ではダメなのかも教えて頂けると、今後の参考になってありがたいです。）
 2日前（火 21:27:45） 回答/返信
Icon of admin あどみ ＞ 質問です。てがろぐの「下げる」について、[[searchbox]] などを使わずに、独自で作った検索BOXや検索カテゴリリンクで一致したら表示させる方法はないでしょうか？
下げた投稿はHTMLには出力されないため一致しても表示することができず、方法が分からないのですが… 2日前（火 19:53:13）
Icon of sakura さくら ＞ てがろぐスキン作成と配布を行っている者です。いつもてがろぐを楽しく使わせていただいております！

質問です。
[[GETURL:PICT:1]]で画像を配置したい場所があり、その画像にNSFWフラグがついていれば、imgのclass名に「nsfw」が出力されるようにしたいです。そういった書き方はありますでしょうか？

そういった書き方が無いようでしたら、ギャラリーモードと同じようにサイトマップモードでも、[[ONEPICT:1]]で画像を配置するときに「原寸画像へのリンク無し」設定が可能になると嬉しいです。こちらはもし可能であれば…という要望になってしまい申し訳ありません。

配置したい場所というのはサイトマップモード用のskin-onelog.htmlで、各投稿の画像を一つだけ表示したいと思っています。ギャラリーモードではなくサイトマップモードを使う理由は、投稿内の画像の有無にかかわらず一覧にしたいからです。どうぞよろしくお願いいたします。 2日前（火 13:48:46）
Icon of sakura さくら ＞ 4226です。
ご教示ありがとうございます、リンクを張る方向でで試してみます。
まだやり始めたばかりですが、たくさん機能があって楽しいです！使いこなせるように頑張りますね！ 4日前（日 20:13:05）
Icon of admin あどみ ＞ 5224です、お返事ありがとうございます。
できるかどうかわからないんですが、投稿画面から画像を添付して投稿するときにindex.xmlを書き加える処理をedit.jsでしたとしてもてがろぐの元々の機能でフラグ部分を書き換えられてしまいそうですよね…
うーん、何か良い手がないか考えてみます… 4日前（日 19:26:46）
NO IMAGE にしし ＞ ね、ねむい……！（別件のトラブルシューティングで凄まじく時間を使った……！）

🌭Re:5226◆鍵入力窓を任意の位置に挿入した場合は、「その鍵入力窓があった位置（＝『見えている区画』と『隠されていた区画』との境界位置）」にアンカーが挿入されます。この仕様を利用すると、その「5000文字ほど書いた後」の位置にジャンプするなり、見た目を変えるなり、何らかの対処ができるでしょう。
（例えば、<a href="#HiddenPoint">隠されていた部分の先頭にジャンプ</a>みたいなリンクを用意しておくような。）
詳しくは、カスタマイズ方法ページの『正しい鍵が入力された後、鍵入力フォームのあった位置に挿入されるアンカーのHTML』項目をご覧下さい。 4日前（日 01:13:27）
Icon of sakura さくら ＞ 最近てがろぐを設置したのですが、「鍵の入力フォームを任意の位置に」し、キーを入れると記事のいちばん上（1行目）に戻ってしまいます。
5000文字ほど書いた後の文章を鍵付きにしたいのですが、1行目に戻ってしまうのでまた読み直さなければいけなくなり四苦八苦しています。
設定かスキン、記事で何か必要な記述があるのでしょうか。ご教示いただけたら幸いです。

#質問 4日前（土 23:55:07）
NO IMAGE にしし ＞ ホットドッグでもいい。それもないけども。(´･ω･`)🌭🌭🌭

🌭Re:5224◆文章投稿と同時に画像をUPする場合、その投稿が「下書き」や「鍵付き」に指定されていれば、画像にも自動的に「一覧外」フラグが付くという仕様はありますが、それ以外では画像情報の編集画面から設定するしかありません。
画像に対するフラグ等の情報は、画像インデックスファイル（＝画像保存用ディレクトリ内に自動生成される index.xml ファイル）に記録されています。このファイルを編集すると、複数の画像に対するフラグを一括変更できるので便利な場面もあるかもしれません。
➡ 詳しくは、豆知識・FAQページの「大量の画像キャプションを一括設定(編集)したい場合は、XMLデータを直接編集すると楽かもしれない」項目をご覧下さい。
 5日前（土 18:02:52） 回答/返信
Icon of admin あどみ ＞ てがろぐで画像付の投稿をするときに画像にNSFWや一覧外のフラグを付与することって今の所方法ないですよね……？
このフラグってどこで管理されているのでしょうか？ 5日前（金 23:05:37）
NO IMAGE にしし ＞ ホットケーキを食べたい気分。ないけど。(´･ω･`)🥞🥞🥞

🥞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◆当初はあまり意味がある機能だとは思っていなかったのですけども、実際に実装してみると、確かにボタンの位置が動かない方が便利だな……と思いました。(笑) ご活用下さい～。(╹◡╹)ﾉ
 5日前（金 22:06:04） 回答/返信
Icon of admin あどみ ＞ すみません、自分の投稿記事を編集しようとして質問のほうを上書きしてしまったかもしれません😰？
もしそうだとしたら質問された方へお詫び申し上げます。大変失礼しました。 6日前（金 20:18:29）
Icon of admin あどみ ＞ >>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」などを選んで該当箇所を見てみてください）
ご参考になれば幸いです。 6日前（金 20:08:06）
Icon of misaki みさき ＞ お世話になっております。結構前にdetailsの折りたたみがほしい…と要望したことがあったのですが、とうとう実装されてて本当に嬉しいです。ありがとうございます！これからも活用させていただきます。 8日前（水 09:42:49）
NO IMAGE にしし ＞ Google NotebookLM（AIリサーチアシスタント）に、てがろぐ公式ヘルプのURLを指定して読ませたら、カスタマイズ方法等の質問に会話形式で答えてくれるチャットAIになる。……という話を4月20日にしましたが、当時は作成したNotebookを共有する方法がありませんでした。その共有機能がどうやら今日実装されたっぽいので、共有してみます。
➡てがろぐ解説 notebook （使うには、Googleアカウントが必要だと思いますが、無料で使えます。）#🌱豆知識

Bluesky

ただ、これはヘルプの書き方や構造の問題もありそうですが、実際には解説は存在するのに「ない」と回答されることもありますので、（返ってきた解説自体は参考にできそうですが）「ない」と言われた場合には信用しないで、質問を変えるか、もしくは自力でWebをご覧下さい。(笑)
「こう質問したのに、適切な回答はなかった」みたいな情報があれば教えて下さい。もしかしたら、ヘルプドキュメントの改善の参考になるかもしれませんので。

※これは、リアルタイムにWebから情報を取ってくれるわけではなくて、ソース(資料)としてURLを指定した瞬間のHTMLソースからテキストデータを抽出して取り込む仕様っぽいので、（私が今後もメンテナンスをすれば別ですが）2025年6月3日時点のヘルプドキュメントを元にして回答されます。 8日前（火 22:22:40） 情報
Icon of admin あどみ ＞ >5213 大丈夫です！ありがとうございます！
ブラウザによって改行処理が違うんですね。知りませんでした！ 9日前（火 11:48:27）
Icon of admin あどみ ＞ 5209の者です。ご回答有難うございました！
『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』と言うことが可能性として高いんですね。モヤモヤと「何故？」という疑問を携えていたのでスッキリいたしました。
今も「CARD-S」や「CARD-L」の記述を使わせて頂いておりますので、そちらを利用させて頂きます。
細やかな疑問にお答え頂き、本当にありがとうございました。 9日前（月 22:34:49）
Icon of admin あどみ ＞ >>5215
5214さんとは別人で、Blueskyのアカウントを持ってない者です。
Androidスマホのブラウザから、5215のにししさんの埋め込みは両方とも画像つきで見えてます！ 10日前（月 19:52:52）
NO IMAGE にしし ＞ ジャーマンポテトを食べました。再び。🥔🥔🥔

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

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

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

OGPがあるだけでなく、Twitter Cardの指定もあるんですねえ。（「大画像」が指定されていました。） 10日前（月 19:33:27）
Icon of sakura さくら ＞ 現在のてがろぐにある機能でBlueskyの投稿を埋め込む方法があるか模索していたのですが、てがろぐに最近実装された「OGPカード」の機能で、埋め込みに近いことができると気づいたので、共有させていただきます。既出でしたら申し訳ございません。

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


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


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

もしこの方法はあまり良くないなどのご指摘がありましたらお寄せいただければ幸いです。どうぞよろしくお願いいたします。 10日前（月 19:07:37）
NO IMAGE にしし ＞ 昼食はそうめん。🧊🧊🧊

🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;
 10日前（月 15:26:08） 回答/返信
Icon of admin あどみ ＞ >5211 5210です。すぐにご対応いただきありがとうございます！
「▼複数のてがろぐCGIでカスタム絵文字を共用したい場合の設定」とかまだ少しはみ出る部分はあるみたいなんですが（報告時に気づかずすみません）、スクロールや縮小しても読むには支障ないくらいになりました！大変助かります、ありがとうございます！ 10日前（月 12:56:16）
NO IMAGE にしし ＞ 珈琲飴を舐めます。あとカカオ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を調整してみました。これでどうでしょうか？
 10日前（月 10:48:15） 回答/返信
Icon of admin あどみ ＞ にししさんにお願いがあるんですが、てがろぐの使い方・設定方法のページについて
スマホから見ると、スクロールが横方向にぐにゃぐにゃしてしまって見づらいので
画面幅100%以上に文字をはみ出さないようにしていただけないでしょうか…！

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

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

てがろぐの管理画面も横幅調整できたら嬉しいなと思ったりもするんですが、こっちは載せる情報量とレイアウトが難しそうですよね。。環境もさまざまだし 10日前（月 02:51:42）
Icon of admin あどみ ＞ いつもお世話になっております。
OGPカード機能、待ち望んでいたのでとても嬉しく、活用させていただいております！

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

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

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

引き続きよろしくお願いいたします。 11日前（日 12:42:08）

次の30件»

全文検索:

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