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

てがろぐ - Fumy Otegaru Memo Logger -

or 管理画面へ

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

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

Icon of admin 付箋No.4555 (60文字) 編集 削除
Re:4553 バージョンアップお疲れ様です。
鍵機能で2行目も表示できる機能ありがとうございました。とても嬉しいです。
NO IMAGE 付箋No.4554 (255文字) 編集 削除
もはやアイスよりかき氷の方が良さそうな……?🍧🍧🍧

🍧Re:4551◆基本は、「最新の1件を任意のページに埋め込む」方法と同じやりかたで、埋め込み用スキンの「内側スキン」には [[PERMAURL:PURE:FULL]]使ったリンクだけを書いたら良いのではないかと思います。そうすると、お望みのように『最新ポスト一件の単独表示に飛ぶリンク』ができると思います。
NO IMAGE 付箋No.4553 (1144文字) 編集 削除
てがろぐ Ver 4.4.0 を公開しました! #UpdateLog

ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ(表示上の問題)を修正しましたまた、文字装飾で実際に出力されるHTML要素の変更機能、検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能などの追加が主な更新点です。その他、細々した仕様改善や機能追加を含んでいます。今回のリリースはバグの修正が主で、追加機能は少なめです。やや大きめのバグを解消していますので、早めのバージョンアップをお願い致します。
https://www.nishishi.com/cgi/tegalog/

バージョンアップするには、
  • 1クリックでバージョンアップできる専用PHP「TegUp」のご使用をお勧め致します。
  • もしくは、最新版のZIPの中から tegalog.cgifumycts.pl の2ファイルだけを抜き出して上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(Ver.3以下も含む、過去のどのバージョンからでも可)

🆕 Ver 4.4.0の更新点(概要):
《▼大きな不具合の修正》
ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ(表示上の問題)を修正。

《▼大きな機能追加》
文字装飾で実際に出力されるHTML要素の変更機能。
検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能。

《▼細かな機能追加》
●鍵付き投稿で、本文の1行目だけでなくさらに2行目も常時見せるようにできる設定機能。
●ログイン者限定動作時にTOPに表示されるメッセージを自由に書き換える機能。
●ハッシュタグ未集計時の文言の変更機能。

《▼仕様改善》
任意のディレクトリにあるスキンを手動指定できる設定項目を、条件によっては非表示にするよう改善。
文字装飾記法の「隠す」を使って隠される範囲全体を指定要素で囲むよう改善。
高負荷Botへの軽い対策を追加。
別タブで開くリンクにrel属性も出力する仕様改善。

《▼スキン更新》
(なし)

《▼不具合修正》
IF文の条件にパーセントエンコーディングされた文字列を含めると、IF文として解釈されなくなる不具合を修正。
カテゴリ概要文にHTMLを使用可能にしているとき、カテゴリツリーではソースがそのまま見えてしまっていた不具合を修正。

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

アナウンス:
✔Twitter:
Bluesky
Pawoo(Mastodon)
Icon of admin 付箋No.4552 (3文字) 編集 削除
Icon of admin 付箋No.4551 (60文字) 編集 削除
てがろぐでない部分のページに、てがろぐの最新ポスト一件の単独表示に飛ぶリンクを作りたいのですがどう書けばいいでしょうか?
NO IMAGE 付箋No.4550 (272文字) 編集 削除
今日は、バナナブリュレフラペチーノを飲んできました。🍧🍨🍌

🍨Re:4548◆はい。可能ですよ。画像の掲載記法を単に横に続けて書けば良いだけです。
高速道路 海と空と島4
ただ、キャプション付きで表示する場合は figure要素を使って出力されますので、何のCSSも適用されていない状態だと横には並びません。標準添付の各スキンなら横並びになるよう .embeddedpictbox に装飾を適用してありますが、1から自作するスキンの場合には自力で対処して頂く必要があります。(figure要素をinlineにするよう装飾すれば良いです。)
エアリアル しお味
エアリアル しお味
エアリアル 濃厚チェダーチーズ味
エアリアル 濃厚チェダーチーズ味

Icon of sakura 付箋No.4549 (61文字) 編集 削除
>>4547
ありがとうございます。javascriptはあまりよくわかっていないので詳しく教えていただけて良かったです🙇
Icon of tomoyo 付箋No.4548 (23文字) 編集 削除
2つの画像を隣り合わせにすることは可能ですか?
NO IMAGE 付箋No.4547 (52文字) 編集 削除
おっと、回答を書いている間に、さらに回答が。(笑)
解決したなら良かったです。(╹◡╹)ノ >>4545
NO IMAGE 付箋No.4546 (1056文字) 編集 削除
今日は、冷凍餃子の備蓄を調達してきました。さらに冷蔵餃子も買ってきたのでそれは夕飯に食べました。🥟🥟🥟

🥟Re:4543◆今のところ、実装上の都合で「SITUATION:CLASS」にログイン有無のキーワードを加えられないのですが、何か良さげな実装方法を思いついた場合には考えます。ただ、おっしゃる通り、ログインしていなければ特に何も操作はできませんので、CSSが適用されなかった場合まで考慮する必要はないのではないかとは思います。

さて、スキンディレクトリ名の話ですが。なるほど、その場合は、
[[INCLUDE:head1.html]]
<link type="text/css" rel="stylesheet" href="スキン固有ファイル名.css">
[[INCLUDE:head2.html]]

……のように、ヘッダ用の共通ファイルを2つに分けて頂いて、CSSを読み込む行だけは各スキンに直接書いて頂くのが最も簡単な気がします。

なお、共通ファイルを2つに分けるのが嫌な場合は、先のJavaScriptでスキンディレクトリ名を変数 skinDirName に得ておいて、
document.write('<link type="text/css" rel="stylesheet" href="[[PATH:SKINDIR]]' + skinDirName + '.css">');
……のようなJavaScriptを使ってCSSファイルを読み込むという方法もあります。

もし、「今時 document.write はないのでは……」と思われる場合には、以下のようなモダンな書き方もできます。
let skincss = document.createElement('link');
skincss.rel = 'stylesheet';
skincss.type = 'text/css';
skincss.href = '[[PATH:SKINDIR]]' + skinDirName + '.css';
document.head.appendChild(skincss);

これで、スキンディレクトリ名のCSSファイルを読み込めます。

※JavaScriptでCSSを動的に読み込む場合は、てがろぐ側でのリンク自動調整機能が働きませんので、読み込むCSSファイルパスにはスキンディレクトリ([[PATH:SKINDIR]])も自力で加える必要があります。
畳む
Icon of sakura 付箋No.4545 (478文字) 編集 削除
たびたびすみません、>>4541,4543 です。
教えていただいたjavascriptをもとに
function getLastPart(path) {
   if(path.endsWith('/')) {
      path = path.slice(0, -1);
   }
   const parts = path.split('/');
   return parts[parts.length - 1];
}
let path = "[[PATH:SKINDIR]]";
let skinDirName = getLastPart(path);
var skinDircss = document.createElement('link');
skinDircss.href = skinDirName+'.css';
skinDircss.rel = 'stylesheet';
document.head.appendChild(skinDircss);

として考えていたような出力が出来ましたのでご報告いたします。ありがとうございました!
Icon of sakura 付箋No.4543 (759文字) 編集 削除
お返事ありがとうございます、>>4541 です

言葉足らずですみません、

ログイン状況を示すキーワードについてですが、
現状では [[QUICKPOST]] 記述あり+管理画面で『ログインしている際にのみ表示する』に設定でCSSで表示非表示を切り替えています
が、これだとソースには出力されているのでCSSが何らかの原因で適用されないような場合には表示されてしまうなぁというのが少し気になってしまい…
見えてしまっても非ログイン時には操作できないので気にしすぎかもしれません。
「ログインしています/していません」等のメッセージを表示したい場合はご教示いただいたjavascriptを試してみます。

スキンディレクトリ名だけが欲しいのは、
複数のスキンを共通部分(<head>~</head>間や<footer>~</footer>など)を一つにしていて各スキンで[[INCLUDE:ファイル名]]で合成して使っているのですがその時のcss名を「スキンディレクトリ名.css」としたかったためです。
CSSファイルの名前を同じ(tegalog.css)にすれば
<link type="text/css" rel="stylesheet" href="tegalog.css">
で行けるのはわかっているんですがその場合どのスキンのCSSを編集しているのかわからなくなる時があるので適用するCSSファイル名を「スキンディレクトリ名.css」として
<link type="text/css" rel="stylesheet" href="[[スキンディレクトリ名]].css">←共通ファイルに書いて各スキンでINCLUDE
みたいなことが出来たらちょっと助かるかなぁと思ったのでした。ニッチな要望ですみません。
NO IMAGE 付箋No.4542 (952文字) 編集 削除
ご要望を頂く際には、「それをどんなことに使うのか」も併せてお知らせ頂けると、検討なり方策の提示なりの参考になってありがたいです。

🧇Re:4541◆残念ながら、ログイン状況を示すキーワードはありません。ただ、この2条件が成立している状況なら、JavaScriptを使うことで判別は可能です。要は、CSSの中に .Login-Required という定義が存在するかどうかを調べれば良いので、以下のようなJavaScriptで調べられます。
for(let sheet of document.styleSheets) {
   for(let rule of sheet.cssRules) {
      if(rule.selectorText === '.Login-Required') {
         // 非ログイン状態だと分かる
      }
   }
}

このJavaScriptを、QUICKPOSTの記述位置よりもに書くか、もしくはページ読み込み完了後に実行されるように書けば、ログインされているかどうかを判別できます。

また、[[PATH:SKINDIR]]で得られる文字列から、スキンディレクトリ名だけを抜き出すには、以下のJavaScriptでできます。
function getLastPart(path) {
   if(path.endsWith('/')) {
      path = path.slice(0, -1);
   }
   const parts = path.split('/');
   return parts[parts.length - 1];
}
let path = "[[PATH:SKINDIR]]";
let skinDirName = getLastPart(path));

このJavaScriptを使うと、変数 skinDirName には、スキンディレクトリ名だけが入ります。(もうちょっとスマートな方法があるかもしれませんが。^^;)
例えば、[[PATH:SKINDIR]]/path/to/directory/なら、変数skinDirName にはdirectoryだけが入ります。
Icon of sakura 付箋No.4541 (232文字) 編集 削除
こんにちは、お世話になっております。質問というか要望というか…なのですが

①[[IF(条件): ~中身~ :IF]]に使える条件にログインしていることを示すキーワードはありますか?
②また、これは需要が少ない要望かと思いますが、スキンディレクトリ名を表示させるキーワードが欲しいです。
[[PATH:SKINDIR]]でスキンディレクトリの絶対パスが取得できますが[[NAME:SKINDIR]]のような感じでディレクトリ名だけ出せるものがあるとありがたいです。
Icon of sakura 付箋No.4540 (50文字) 編集 削除
>>4535
さっそく更新して使ったところ、無事に反映されました!
ありがとうございますm(__)m
NO IMAGE 付箋No.4539 (51文字) 編集 削除
今月の前半には、次の正式版(Ver 4.4.0)をリリースしたいと思っています。思っては。(気力次第)
NO IMAGE 付箋No.4538 (9文字) 編集 削除
おっと、もう7月。
NO IMAGE 付箋No.4537 (335文字) 編集 削除
開発進捗状況報告サイトで、てがろぐ Ver 4.3.3(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.3.3βの更新点(概要):
《▼新機能》
🌺ハッシュタグ未集計時の文言の変更機能。

《▼仕様改善》
🌸別タブで開くリンクにrel属性も出力する仕様改善。

《▼不具合修正》
❎カテゴリ概要文にHTMLを使用可能にしているとき、カテゴリツリーではソースがそのまま見えてしまっていた不具合を修正。

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

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

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

NO IMAGE 付箋No.4536 (21文字) 編集 削除
Ver 4.3.3β(未配布)の動作テスト
NO IMAGE 付箋No.4535 (288文字) 編集 削除
今年が半分終わってしまう……!

🍵Re:4534◆おっと……、たしかに [[CATEGORY:TREE:識別子]] の記法で識別子に「D」を加えても、HTMLはソースがそのまま見えるだけになってしまいますね。どうやら、この部分の実装を忘れていたようです。(^_^;) ご指摘をどうもありがとうございます。次のバージョンでは、ちゃんとHTMLとして解釈されて表示されるように修正します。もうしばらくお待ち下さい~。

(※追記) こちらのローカルにあるソースでは修正しましたので、次に公開するβ版から確実にご使用頂けます。
(※さらに追記) 公開しました。>>4537
Icon of sakura 付箋No.4534 (164文字) 編集 削除
いつもお世話になっております。
[[CATEGORY:TREE:識別子]]の設定なのですが、これは高度な設定で「カテゴリ概要文の入力欄にHTMLの記述を許可する」にチェックをいれていてもHTMLがそのまま吐き出されますか?
[[INFO:NOWCAT:DESCRIPTION]]と同じようにする方法をご存じでしたら教えて下さい🙏
NO IMAGE 付箋No.4533 (322文字) 編集 削除
冷凍餃子と冷凍たこ焼きの備蓄が尽きました。また買ってこなくては……。takoyaki2takoyaki3takoyaki4

🥟Re:4532◆ダークモードのご要望もちらほら頂くのでなんとかしたい気はあるのですけども、元々そこまで大きく配色を可変にすることを前提にしないまま製作してきたために、書き換えないといけないCSS量が多いので先送りになっております。とりあえず現時点では、ユーザスタイルシートをご活用頂くか、いい感じにダークモードで表示してくれるアドオンをお使い頂ければ幸いです。関連情報として、No.4488,4489,4490,4493 あたりもご参照下さい。
Icon of tomoyo 付箋No.4532 (152文字) 編集 削除
お世話になっております。てがろぐを使わせていただいております。
管理画面についてのお願いがあるのですが、ダークモードに対応していただくことは可能でしょうか?
もしくはダークテーマを1つでもご用意いただけますと嬉しいです。
お忙しい中恐れ入りますが、ご検討いただけたら幸いです。
よろしくお願いいたします。
Icon of admin 付箋No.4531 (36文字) 編集 削除
Icon of misaki 付箋No.4530 (12文字) 編集 削除
Icon of admin 付箋No.4529 (3文字) 編集 削除
Icon of admin 付箋No.4528 (131文字) 編集 削除
>>4527
№4526の質問をした者です。仰る通りの事象でして、大文字にしたら無事に解決しました!
補足のページのリンクも有難うございます。そもそものマニュアルがしっかりなさっているのに見落としており申し訳ないです。
早々にご回答頂き、誠に有難うございました!
NO IMAGE 付箋No.4527 (208文字) 編集 削除
朝食は、ピザトーストとサンドイッチ。🍕🍞🥪

🥪Re:4526◆ご質問は、『状況を表す文字列が出力されるのではなく、スキンに書いた[[SITUATION:html]]という文字列がそのまま見えてしまう』という意味ですかね?
もしそうなら、全部大文字で書いて頂いていますでしょうか? [[SITUATION:html]] ではなく [[SITUATION:HTML]] と書かないと認識されません。
Icon of admin 付箋No.4526 (553文字) 編集 削除
いつもお世話になっております。

[[SITUATION:html]] が常に表示されるようになってしまいました。

長らく使っていて表示はされていませんでした。
CSSの『utilitylinks』の部分をちょっと弄り、設定画面から『【ページの表示/投稿単独】』のチェックを弄り、skin-coverのスタイルシートを呼び出す部分の『~.css』の後に記述していたクエリを変更してアップロードしたら、[[SITUATION:html]]が常に表示されるようになりました。
本来表示されるはずの検索結果なども表示されなくなっております。

尚、CSSの『表示限定案内枠』のところは何も触っておりません。
『.situation:empty』は勿論『display: none;』のままです。

てがろぐ本体のアップロードは管理画面からTegUpで更新し、Ver. 4.3.0になっています。
ですが、スタイルシートはVer 4.0.0です。
この辺りが関係していたりするでしょうか?

CSSの『utilitylinks』の弄った部分を元に戻したりしたのですが勿論関係なく、どうしたら良いのか分からずにおります…。
何か思い当たる点などございましたらご教示頂けますと幸いです。
何卒宜しくお願いいたします。
NO IMAGE 付箋No.4525 (139文字) 編集 削除
久しぶりに玄米茶を買いました。🍵🍵🍵

🍵Re:4524現状で本実装しているつもりなのですが、さらにどうなると嬉しいですか?

■フリースペース:

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

編集

■全文検索:

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

■カテゴリ:

■ハッシュタグ:

■日付一覧:

■カレンダー:

2024年7月
123456
78910111213
14151617181920
21222324252627
28293031

■日付検索:

■最近の投稿:

■新着画像リスト:

挿入される画像表示記法の選択タイムスタンプを維持する設定(FFFTP)投稿や編集直後の動作(移動先)投稿結果のステータス画面

全333個 (総容量 36.93MB)

■情報:

▼現在の表示条件での投稿総数:
5535件

▼最終更新日時:
2026年2月6日(金) 18:27:26〔1時間前〕

■リンク:

てがろぐTOPへ戻る

RSS / 新規投稿 / 管理画面

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