てがろぐ - Fumy Otegaru Memo Logger -

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

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「シンプル日記スキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る
:シンプル日記スキン: スキンは弄り放題なので、掲載したくない要素はたいてい省けます。このスキンでは投稿者名を一切表示しません。

or 管理画面へ

サイトマップ 5366件]7ページ目)

No.4933

テストです。

No.4932

4922です
4930さん
遅くなって申し訳ありません。

スキンの確認本当にありがとうございます。
また、丁寧な説明もとても助かります。
「画像一覧」以外でしておりましたので、先程教えていただいた通りにしましたところうまくいきました!
本当にありがとうございました。
id="[[POSTID]]"が必要だったのですね…!

テストテスト No.4931

テストです

No.4930

4922さん
スキンの情報ありがとうございます!

お使いのスキンを確認したところ、「画像一覧」の実現に、てがろぐの画像一覧モード(mode=picts)が使用されています。
画像一覧モードは、投稿に関係ない表示モード となるため、
「画像一覧」で、投稿単位にLightBoxのスライドの範囲を指定することはできません。

「画像一覧」以外の場合は、
skin-cover.htmlに、
4918の二つ目のコードを追加いただき、
skin-onelog.htmlの、
<articleで始まるタグの最後に、id="[[POSTID]]"を追加いただければ、ご希望の動作になると思います。

回答/返信 No.4929

にしし様

4923でカテゴリに関する要望を出したものです。
ご教授ありがとうございます🙇‍♀️

教えて頂いた方法を実践してカスタマイズに成功しました。JavaScriptで出来ることも多いのですね……勉強不足でお恥ずかしい限りです。今回を機に、JavaScriptにも積極的に触れて勉強しようと思います。本当にありがとうございました!

回答/返信 No.4928

そういえば、Unicodeには餅の絵文字もないんですね……。
月餅ならありますけども。🥮🥮🥮

Re:4921◆便利そうなスクリプトをありがとうございます!

Re:4923◆ご要望をありがとうございます。ご要望としては記録しておきますが、そのように設定できる機能を作るのは大変なので、ご自身でJavaScriptを書いてスキンに追加なさるのがたぶん一番早いのではないかと思います。スキンだけでなく管理画面の投稿欄でもedit.jsやedit.htmを使う方法で、任意のJavaScriptを加えられます。
てがろぐ投稿欄のカテゴリチェックボックスはinput要素で作られていますが、value="info"のようにカテゴリIDが値に含まれています。これを利用することで、『Ⓐにチェックが入ったらⒷにもチェックを入れる』というような処理はJavaScriptで実現可能です。

例えば、infoにチェックを入れたらmemoにも入れるという場合は、
document.addEventListener('DOMContentLoaded', function () {
   // カテゴリID「info」のチェックボックスを取得
   const infoCheckbox = document.querySelector('input[type="checkbox"][value="info"]');
   // カテゴリID「memo」のチェックボックスを取得
   const memoCheckbox = document.querySelector('input[type="checkbox"][value="memo"]');
   // infoチェックボックスの状態が変わったら……
   infoCheckbox.addEventListener('change', function () {
      // memoチェックボックスの状態を infoチェックボックスに合わせる
      memoCheckbox.checked = infoCheckbox.checked;
   });
});

動作確認はしていないんですけども、だいたいこんな感じでいけるのではないかと思います。カテゴリID名はハードコーディングになりますから汎用的ではありませんが、自分だけで使うなら使えるのではないかと思います。(^_^;)

Re:4924[[LOOPCOUNT]]は「そのページ内で上から何番目に表示されているのか」を出すだけなので、2ページ目に行けばまたNo.1から始まりますが、その点は大丈夫ですかね……?
また、そもそも投稿単独ページでは、常に「No.1」になってしまうと思いますが。

もし「一欄外にした投稿にNo.を割り振りたくない」というご要望だとすると、そこはさすがに、現状のシステムから乖離しすぎるので実現は困難だと思います。まさしくご自身で書かれている通り、直接本文に「No.123」のようにお好きな番号を書くのが現実的ではないかと思います。いっそのこと、記事No.を表示するのをやめてしまえば良い気もしますけどもね。(^_^;)
もしくは、てがろぐを2個セットアップして、これまで一覧外にしていた投稿をすべて2つ目のてがろぐに移す方法もありそうです。それだと、1つ目のてがろぐ(全部見せる投稿だけのてがろぐ)では番号は連番になるでしょうから。

Re:4926◆なるほど、お知らせありがとうございます。スキン名とリンクを No.4918 の本文末尾に加えておきました。

No.4927

4922です
>>4926さん
お、お言葉に甘えまして…!
pipiさんのてがろぐだけで簡易サイトを作れるスキンを利用しております…!
https://pipi.noor.jp/t/06/tegalog.cgi

お手すきの際で全然問題ありませんので!

No.4926

4918です。
No.4920
にししさん、ご指摘と補足ありがとうございます。
デフォルトスキンでの確認を失念しており申し訳ございません。
使用していたスキンは、X_modoki です。

No.4922さん
お試しいただきありがとうございます。
NSFWを除外するコードの方は動いてよかったです!
(範囲指定する方は、ご利用のスキンがわかれば、こちらでも確認できるかもです・・・!)

No.4925

>>4924
もしかしてなんですが「逆順表示」したらいいんじゃないでしょうか
リンクに&order=reverseと付けたら逆順で表示出来ませんか?

No.4924

あけましておめでとうございます。てがろぐについての要望です。

現在[[LOOPCOUNT]]で各記事のタイトルを「No.数字」としているのですが、現在の仕様だと上(新しいもの)から1~の数字になるのですが、これを逆にすることはできますか?(古いものからNo.1~にしたい、一番新しい記事を表示されている数の一番上の数字にしたい)

もともと[[COMMENT:TITLE]]で各記事にNO.数字というふうにしていたのですが、これだと一覧外にした記事の分の数字が抜けてしまう(No.123の隣にあるのがNo.125とか)になっているのが気になってしまい、[[LOOPCOUT]]に切り替えたのですが、今度は新しいものがNo.1になるのが気になってしまって…。

需要の低い要望かつ、なんなら自分で一行目に「No.数字」を書けばいいのですが……。
もしほかに対処法などがありましたらお教えしていただけると助かります。

No.4923

こんばんは。楽しんでてがろぐを使わせて頂いている者です。今日は要望があり書き込みをします。

⭐️投稿フォームに、ワンクリックで【複数カテゴリ】を選択できるフォーマット的な機能が欲しい

親カテゴリ:ギャラリー
子カテゴリ:シリーズタイトル
孫カテゴリ:ナンバリング

……というように、複数カテゴリを選択して投稿する記事があります。手動でもそこまで手間はありませんが、必要なものを選択し忘れる事があるので、事前に設定(上記の場合は親〜孫の3つをグループ化して)登録→投稿フォームでそれを呼び出せるものがあると嬉しいです🙇

No.4922

あけましておめでとうございます
4905です
Re:4915 Re:4918さん
ご丁寧にコードありがとうございます。
スライドの範囲を記事毎にしたかったのですがなぜかスライドショーではなくそのまま画像URLに飛びました…
NSFWを除外するコードは簡単に実装出来ました。
本当にありがとうございます!

Re:4920 にししさんもありがとうございます。
補足読んだのですがうまくコード解らなくてこちらでは使えませんでした……!
他の方にとって助かる情報に違いないのですが申し訳ないです。。。

今年もどうぞよろしくお願いします。

回答/返信 No.4920

年越しにはフィレオフィッシュセットを食べてきました。🍔🍔🍔
年末に書いた開発近況とか諸々はこちら
今年もよろしくお願い致します。

ちょいと放置気味ですみません。年末から今月にかけて仕事が忙しいので。_(:3」∠)_

🍔Re:4905◆残念ながら記事をまたがない専用機能(記法)は今のところありません。ただ、隣接画像を連続して閲覧させなくするにはこのへんの方法はあります。NSFWだけを除外するにはNo.4915さんがご提示下さったようなJavaScriptを活用する手がありますのでお試し下さい。
🍔Re:4911◆おぉ、製作中ですか。期待しています!(╹◡╹)ノ
🍔Re:4914,4917◆今のところ専用機能はないのですが、解決したようで良かったです。^^
🍔Re:4915◆JavaScriptの提示をどうもありがとうございます!
🍔Re:4916◆詳しい情報と解説付きのサポートをどうもありがとうございます!

🍔Re:4918◆参考情報をどうもありがとうございます。そのJavaScriptソースは、各投稿が article要素 で囲まれていることが前提になっていますね。外部で配布されているスキンが前提でしょうかね。もしよろしければそのスキンの情報も教えて頂けると、今後に読む方の参考になって(汎用的に役に立つ情報になって)ありがたいです。何にしても、詳しいお役立ち情報をありがとうございます!(╹◡╹)ノ
なお、このソースを任意のスキンでお試しになる方々のための参考情報として補足しておきますと、各投稿が <div class="onelogbox" id="…">~</div> という要素で囲まれている場合(標準スキンなどがそうです/※id属性値に投稿番号が出力されるスキンである必要があります。例えばスキンソースに id="pos[[LOOPCOUNT]]" と書かれているなど)は、No.4918さんのソースに含まれる imagelink.closest("article").id の部分を imagelink.closest("div.onelogbox").id に書き換えると良いと思います。

🍔Re:4919◆ご要望をどうもありがとうございます! 今後の参考にします。(╹◡╹)

No.4919

#要望
いつもお世話になっております。
「続きを読む/畳む」ボタンの位置が変わらないよう一括で設定変更できるようになると嬉しいです。

【続きを読む】
(本文)
↓「続きを読む」押下後
【畳む】
(本文)
となるイメージです。

過去ログは拝見済みです。

No.4918

4905さん

4915です。
投稿2回に分かれてしまい申し訳ございません。
NSFW画像のみスライドの範囲を記事毎にしたい場合は、以下で出来ると思います。

(やり方)
利用しているスキンのskin-cover.htmlの[[JS:LIGHTBOX]]の直前に以下を追加する

<script>
  document.addEventListener("DOMContentLoaded", function () {
  const nsfws = document.querySelectorAll("a.nsfw");
    for (let nsfw of nsfws) {
      let page_id = nsfw.closest("article").id
      nsfw.setAttribute("data-lightbox", "nsfw" + page_id);
    }
  });
</script>


NSFW画像かどうかに関わらず、スライドの範囲を記事毎にしたい場合は、追加するスクリプトを以下にすれば大丈夫です。
<script>
  document.addEventListener("DOMContentLoaded", function () {
    const imagelinks = document.querySelectorAll("a.imagelink");
    for (let imagelink of imagelinks) {
      let value = imagelink.getAttribute("data-lightbox");
      if(value != null && value != "") {
        let page_id = imagelink.closest("article").id
        imagelink.setAttribute("data-lightbox", page_id);
      }
    }
  });
</script>

参考スキン:X_modoki (管理者追記 2025/1/7)

No.4917

>>4916さん
4914です。
ご回答有難うございます。
JavaScriptの使用がサーバ等の理由で駄目というわけではなく、私の知識が乏しくて導入が難しいのでCGI本体側の設定で出来れば~と思っての質問でした。

ソースの記述までして頂いて有難うございます。
早速スキンに打ち込んでみましたらナビゲーションリンクのNo.が文字列に置き換わりました!
自サイトスキンのonelog.htmlのタイトルに設定されてるdiv classがonelogtitleとなっていた為、そこだけ変更しました。
(標準タイプは2行目が反映されるのにブログタイプのソースは何故反映すらされないのか半日頭を捻っていました…classの違いに気付けば単純な事でした…)
おかげ様で理想的な表示になりました。
有難うございますm(__)m

No.4916

>>4914
前後移動リンクなど外側スキンに投稿本文の内容を抜き出して表示させるには、現在はJavascriptを使わないと不可能です。お見かけしたというテンプレートサイトさんのスキンがJavascriptで実現しておられるのも同様の理由です。
使用しているスキンテンプレートへの導入が難しい為
の部分が、JavaScriptを使って実現すること自体がダメということでしたら以下の文章はスルーして下さい。

私は>>3855の者なのですが、3855を投稿した当時に変数を流用して<TITLE>~</TITLE>内だけじゃなくて前後移動リンクにも記事の1行目を反映するバージョンを副産物として作っていたのを思い出したので引っ張り出して来ました。

3855同様、外側スキンhtmlの最後の方にある遅延読み込みスクリプト群に下記の折りたたみ部分のソースを貼り付けるか、<script>~</script>の中身だけをjsファイルとして保存して遅延読み込みスクリプト群の所から<script src="保存したファイル名.js"></script>として呼び出せば使えるので、今ご利用中のスキンでもJavaScriptで実現することは可能なはずです。てがろぐ公式スキンのブログタイプスキンと、昔のツイッター風スキンで動作確認したものを置いておきます。

※JavaScriptを使っている都合上、記事単独ページを表示した時に一瞬だけ前後移動リンク部分に本来の「No.○○」が表示されてしまうのは仕様です。

ブログタイプスキン向け
(本文1行目をタイトルとして入力している、[[COMMENT:TITLE]]系の記法を使っているという環境向け)
<script>
window.addEventListener('load', function() {
   let nowurl = location.href;   //現在のURL
   let singleurl = nowurl.indexOf('postid=');   //記事単独表示かをURL内からpostid=の有無で判別

   //postid=がURLに含まれる場合のみ実行
   if( singleurl != -1){
      let Basetitle = document.title;   //元のページタイトルを変数に入れておく
      let ArticleTitleget = document.querySelector('.logtitle');   //logtitleクラスのhtml要素を取得
      let ArticleTitle = ArticleTitleget.innerText;   //logtitleクラスのテキストだけ取得
      document.title = Basetitle + ' - ' + ArticleTitle;   //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
   //<TITLE>タグに追加ここまで

   //前後ページ移動リンクが存在するか確認(どちらか片方が無い場合もあるので)
   let prevurl = document.querySelector('.prevlink') ? document.querySelector('.prevlink').href : null;
   let nexturl = document.querySelector('.nextlink') ? document.querySelector('.nextlink').href : null;

   if (prevurl !== null) {
         fetch(prevurl).then(response => response.text()).then(data => {
            let titlePREV = new DOMParser().parseFromString(data, 'text/html').querySelector('.logtitle').textContent;
            document.querySelector('.prevlink').textContent = titlePREV;
         });
   }

   if (nexturl !== null) {
            fetch(nexturl).then(response => response.text()).then(data => {
               let titleNEXT = new DOMParser().parseFromString(data, 'text/html').querySelector('.logtitle').textContent;
               document.querySelector('.nextlink').textContent = titleNEXT;
            });
      }
   }
});
</script>

※<TITLE>~</TITLE>に現在表示しているページの本文一行目を入れたくない場合は
document.title = Basetitle + ' - ' + ArticleTitle;  //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
の行をコメントアウトして下さい。畳む



標準スキンや昔のツイッター風スキンなど、ブログタイプ以外のスキン向け
([[COMMENT:TITLE]]系の記法を使っていない場合。JavaScriptで投稿本文の冒頭部分から抜き出す文字数を指定する)
<script>
window.addEventListener('load', function() {
   let nowurl = location.href;   //現在のURL
   let singleurl = nowurl.indexOf('postid=');   //記事単独表示かをURL内からpostid=の有無で判別

   //postid=がURLに含まれる場合のみ実行
   if( singleurl != -1){
      let Basetitle = document.title;   //元のページタイトルを変数に入れておく
         let ArticleTitleget = document.querySelector('.comment');   //commentクラスのhtml要素を取得
         let ArticleTitle1 = ArticleTitleget.innerText;   //commentクラスのテキストだけ取得
         let textcount = 16;   //ここで切り出す文字数を指定
         let ArticleTitle = ArticleTitle1.substring(0, textcount);   //0の部分を変えると切り出し開始位置を変更可能
         document.title = Basetitle + ' - ' + ArticleTitle + '…';   //元のタイトルと連結させて最後に「…」を入れる
   //<TITLE>タグに追加ここまで

   //前後ページ移動リンクが存在するか確認(どちらか片方が無い場合もあるので)
   let prevurl = document.querySelector('.prevlink') ? document.querySelector('.prevlink').href : null;
   let nexturl = document.querySelector('.nextlink') ? document.querySelector('.nextlink').href : null;

   if (prevurl !== null) {
         fetch(prevurl).then(response => response.text()).then(data => {
            let titlePREV1 = new DOMParser().parseFromString(data, 'text/html').querySelector('.comment').textContent;   //commentクラスから取得
            let titlePREV = titlePREV1.substring(0, textcount);   //指定した文字数でカット
            document.querySelector('.prevlink').textContent = titlePREV + '…';   //カットした前記事の文字の末尾に「…」を入れる
         });
      }

   if (nexturl !== null) {
            fetch(nexturl).then(response => response.text()).then(data => {
               let titleNEXT1 = new DOMParser().parseFromString(data, 'text/html').querySelector('.comment').textContent;   //commentクラスから取得
               let titleNEXT = titleNEXT1.substring(0, textcount);   //指定した文字数でカット
               document.querySelector('.nextlink').textContent = titleNEXT + '…';   //カットした後記事の文字の末尾に「…」を入れる
            });
         }

   }
});
</script>

※<TITLE>~</TITLE>に現在表示しているページの本文一行目を入れたくない場合は
document.title = Basetitle + ' - ' + ArticleTitle + '…';   //元のタイトルと連結させて最後に「…」を入れる
の行をコメントアウトして下さい。畳む


1時頃に一度投稿したのですが、最新の1件もしくは最古の1件を単独表示した時にうまく動かない欠陥を見つけたので削除・修正の上で再投稿しました。申し訳ございません。

No.4915

4905さん
横からすみません、
とりあえずNSFW画像(class="nsfw"リンク内の画像)をlightboxのスライドショーからから外す方法ですが、
以下で出来るのではと思います。
(記事内のNSFW画像をクリックして表示されるlightboxのスライドショーはNSFW画像のみのスライドショーに、通常画像をクリックして表示されるlightboxのスライドショーはNSFW画像以外のみのスライドショーになります)

NSFW用画像とその他画像のlightbox表示を分ける
aタグの「data-lightbox="tegalog"」でグループを指定しているので、NSFW画像の場合はdata-lightboxの値にデフォルト値(tegalog)以外を指定する

(やり方)
利用しているスキンのskin-cover.htmlの[[JS:LIGHTBOX]]の直前に以下を追加する

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const nsfws = document.getElementsByClassName("nsfw");
    for (let nsfw of nsfws) {
      nsfw.setAttribute("data-lightbox", "nsfw");
    }
  });
</script>

No.4914

明けましておめでとうございます。朝明と申します。
先頃てがろぐCGIを知り、自サイトの小説展示用として導入させて頂きました。
そこで質問させて下さい。

単独投稿ページの前後移動リンクについて、現在No.〇〇と記事Noが表示されますが、そこに前後ページのタイトル(本文一行目)を表示させる事は可能でしょうか。
[[FREE:TITLE:MAIN]] [[FREE:DESCRIPTION]]でどうにか表示出来ないか試してみたのですが、表示対象が違うようで出来ませんでした。
テンプレートサイトさんで(恐らく)JavaScriptを使用して表示させているテンプレートは見かけましたが、使用しているスキンテンプレートへの導入が難しい為、
現在実装されている機能で表示方法があればご教示頂ければ嬉しいです。

No.4912

あけおめ

No.4911

>>4904
横で申し訳ないのですが、たぶんこの方ではないでしょうか?
>>4842

あと、文頭のテキストを画像にしてimageフォルダ入れるPHPなら今作ってますが、テスト中です😅

No.4909

未完!!

No.4908

次回作にご期待ください

No.4907

おれたちのクリスマスはこれからだ!

No.4906

メリー! クリスマス!

No.4905

こんにちは。てがろぐでイラストサイトを構築しております。
light boxを初期のまま使っているのですが、スライドショーのとき次々画像を切り替えるとてがろぐの記事を飛び越え、nsfwフラグのあるものも表示されてしまいます。
私が一番したいことはlightboxのグループを記事だけで完了したいです(スライドショーのときに他の記事をまたがない)
せめてnsfwフラグがあるものをグループから外したいです。
何か良い方法がございましたら教えていただけませんでしょうか?

No.4904

🍵クリスマスイブとクリスマスには巻き寿司を食べました。(なぜか)
🍵今年が残りあと5日しかないとか……。はやい。_(┐「ε:)_

🍵以前、いつ頃だったか完全に忘れたんですが、てがろぐの投稿本文の先頭数文字を画像化することでOGP用の画像を生成できるようなプログラムをPHPでお書きになって配布していたかソースを公開していたか何かしていた方がいらっしゃいませんでしたっけ?
なんかそんなのがあったような気がしていたのですけども、詳細は完全に忘却してしまったので、覚えている方(またはご本人)がいらっしゃったら、まだ公開しているか教えて欲しいのですけども。

『記事本文の文字を使ってOGP画像を生成する機能が欲しい』という要望を受けとりましたので、そういえば何かあったよな……と紹介しようと思ったんですけども、詳細を何も覚えていなかったものですから。(^_^;)

No.4903

年末年始が駆け寄ってくる…!

No.4902

メリークリスマス!

No.4901

メリクリ🎉

No.4900

メリークリスマス!✨🎉🎁🍰

No.4899

Re4897
入れなおしたら動きました!
にししさん、すいません(*- -)(*_ _)ペコリ
#解決済み

回答/返信 No.4898

もしかしてもうクリスマスイブ……?🎄🎄🎄

🎄Re:4896◆とりあえず、ログイン中かどうかを返す機能は用意するようにします。プラグイン的な機能は(開発の)手間が掛かりすぎるので考えていませんが、「この状態(情報)が取得できると便利」というような細々した機能は、API的に提供するかもしれません。
🎄Re:4897◆Apacheのような本格サーバをローカルで使えるのは、文字化け程度は自力でどうにかできるスキルがある人間だけです。┌(:3」└)┐

No.4897

アパッチでやったところ文字が文字化けして動きません。
この通りにやったんだけど
https://techtech.witchserver.net/?postid=3
#apache#動かない

No.4896

>>4895
たしかに、ログイン中かどうかのAPIっぽいものがあると助かります。class="Login-Required"でもなんとかできるかなと思いましたが、ソースからも見えない状態であれば他でも拡張機能的なものが作りやすいかなと。

いいね機能要望で思ったのですが、てがろぐ用の拡張機能を作る方もおり、需要が高そうなのでアドオンをてがろぐ上で管理できるような、いわゆるプラグイン的実装があるといいなと思いました。サポートやセキュリティ面などを考えると大変だとは思いますが…。

回答/返信 No.4895

久しぶりにミスドのドーナツを食べました。🍩🍩🍩
返信が遅くなってすみません。なぜか仕事が凄まじく忙しいので……。_(:3」z)_

🍩Re:4886◆あります。そのような表示でスキンを実現している方々もたくさんいらっしゃいますから、いろいろソースを眺めてみると参考になるのではないかと思います。とりあえず、デフォルトの設定なら、投稿画像の最も外側はfigure要素で囲まれていまして、このfigure要素が(横並びにならない)要因ですから、figure要素に対して何か横方向に並ぶようなCSSを適用すれば良いです。例えば、figure { display: inline-block; } とか。なお、画像周りの出力HTMLに関しては、ヘルプドキュメントの「画像表示のカスタマイズ方法」をご覧下さい。

🍩Re:4887◆ご要望は把握しました。ありがとうございます。「最初の投稿日時」でアクセスできるようにするためには、現状の「投稿日時」とは別に「最初の投稿日時」を保持する機能を加える必要がありまして、そのためにはデータ仕様の拡張から必要になりますから直近でできることはないのですけども、「初回投稿日時と更新日時とを両方表示したい」というご要望をちらほら頂いていますから、それを実装することがあれば、それと同時に実装できそうな気はします。気長にお待ち頂ければ幸いです。

🍩Re:4888◆てがろぐ側に「いまログイン中かどうか」を返すAPI的なものがあると、もしかして便利になりますかね?
🍩Re:4889◆Perl、PHP、SSIも使えるとは太っ腹ですね。
🍩Re:4890◆サポートありがとうございます。(╹◡╹)

🍩Re:4891◆Amazonギフト券ありがとうございます! クリスマスまではあと1週間以上くらいあるような気分で居たんですが、もうあと4日しかないんですね……。┌(:3」└)┐
ご要望をありがとうございます。いいね機能に関しては、まさしくdoさんの「いいねボタン・改」が使えるならいいか、と思っていた面もあったのですけども、なるほど一筋縄にはいかない問題があるケースもあるんですね。そこまで需要があるなら、てがろぐ本体側で直接いいね機能を実装するか、もしくは、てがろぐと組み合わせて使う専用のいいねアドオン的な何かを用意するか、何かそんな方向で考えてみます。情報ありがとうございます。(╹◡╹)ノ

🍩Re:4892◆リリースノートをチェックして下さってありがとうございます。リリースノートは本当に「読む人が居るんかいな……?」と思いながら毎回書いていますので。(笑)

No.4892

>>4886さん

てがろぐ4.5.0リリースノートからの抜粋です。
標準添付の各スキンのうち、ギャラリーモード等の特殊なモードで使われるスキンを除いた各スキンには、自由装飾記法の使用例として以前から3種類ほど書いていました。そこに4つ目の使用例として deco-flex を加えました。
Flexboxを使って、その内側のBoxを横並びに表示する装飾です。 [ F : flex :  ~~~  ]  と書くと使えます。
キャプション付き画像とか、Spotifyの埋め込みとか、デフォルトでは横並びにならないオブジェクトを横並びで表示させたい場合に使えるかもしれません。

既にスキンの紹介をされてる方もいらっしゃるのでお節介かと思いましたが、ちょっと手を入れるだけで良ければこちらの記述も使えるんじゃないかと思います。

No.4891

こんにちは。「do」を運営していますガタガタです。
いつも開発、サポートお疲れ様です! 私も別名義にて運営している個人サイトで、てがろぐさんには大変お世話になっています。
ささやかですが、先ほどAmazonギフト券をお送りしたのでご活用ください。

今日はご要望をお伝えに来ました。
といっても、私自身の要望ではなく、do宛てに寄せられる要望なのですが……
てがろぐの投稿それぞれに「いいねボタン」をつけることはできるでしょうか?

最近、「あらかじめいいねボタンが埋め込まれた、てがろぐスキンが欲しい」という要望が寄せられるようになりました。
当サイトで配布している「いいねボタン・改」をてがろぐスキンに埋め込むことはできるのですが、
Perl製プログラム(スキン)とPHP製プログラムを抱き合わせたものを配布するのも、なかなか難儀しそうに思います。
てがろぐはうまく設置できたのに、いいねボタンが動かない……とか、スキンが上手く編集できない……みたいなトラブルも起こり得そうです。
また、当サイトのいいねボタン・改には独自の管理画面があるのですが、てがろぐのいいね数はてがろぐで管理・閲覧できた方が良いのでは? とも感じます。

当サイトではいろいろなプログラムを配布していますが、特に人気があるのは「いいねボタン」系の、訪問者からのリアクションを得ることができるものです。
訪問者とのコミュニケーションが取れる機能は、意外と需要があるのかなと思うことがあります。
てがろぐさんにおいても、検討いただけましたら幸いです。

日々たくさんの要望や質問が寄せられてご多忙かと思いますが、よろしくお願いします。

No.4890

>>4886さん
スキン配布サイトを探されたらよいかと思います。
個人的にpipiさんの06:てがろぐだけで簡易サイトを作れるスキンが出来るんじゃないかと思います。
06:てがろぐだけで簡易サイトを作れるスキンのデモの日記カテゴリに説明があるのでご覧ください
https://pipi.noor.jp/t/
(自分のサイトではないので問題があれば削除してください)

No.4889

こんにちは!情報提供…ですかね
スターサーバーの新無料プランで無事動作したようです。今後登録制限がかからなければ無料で始めるには現状一番手軽かも。(広告もないですし)

No.4888

https://note.com/tekito_note/n/ndea6e61f23bf
「てがろぐでD&Dまたはコピペで画像投稿するやつ」の投稿ボタン押下でアップロードするバージョンを作りました。仕組み上一部機能を使えなくしたので、別バージョンです。
ただ、あまりテストしていないので例によって不具合があるかもしれません。
また、リアクションボタンのデモが触れるサイトも作ったのでぜひお試しください。http://tekitote.s324.xrea.com/

No.4887

4885
4879です
日時も編集出来ましたね、全然使わない機能だったので失念してました……。
投稿番号と日時のふたパターンあるので、最初の投稿時点の日時でいいと思います。投稿日時と再編集後の日時の違いが気になる人は今までのpostid使えばいいと思うので……(これは再編集機能使わない立場だから言えることですが)
割と本当に欲してるので、実装していただけたら(いつでもいいので)有難いです😭🙏

質問/要望 No.4886

#質問 です。ギャラリーモードのスキンを使っているのですが、ひとつの投稿に複数枚の画像を投稿する際1枚ずつ縦並びに並ぶのではなくサムネイルで並べて押すと大きく見られるようにする方法は有るのでしょうか?ひとつの投稿を一つの作品の画像をまとめたページにしてみたいのですが方法が検討つかず質問させていただきました。

回答/返信 No.4885

昼食はピザ。🍕🍕🍕

🧇Re:4879,4882◆てがろぐの投稿は、本文を再編集できるだけでなく、投稿日時も自由に再編集できるんですよね……。あとから投稿日時を変更された場合、日時ベースのURLはどうなるべきでしょうね? 「変わらないURL」である必要があるなら『最初の投稿時点の日時』を維持すべきでしょうが、そうすると「URLで示されている日時」と「表示される投稿日時」が異なることになりますから、パラメータとしての役割がおかしくなる気もします。あと、投稿日時を再編集した結果として「同じ投稿日時の投稿が複数個ある」という状況になる可能性があるので、その場合にどう表示すべきか、という問題もあります。(^_^;)
……そう考えると、投稿IDの付け方を「連番」か「乱数」かで選べる仕組みにする方がまだ良いのかもしれませんね。(ただ、乱数にすると、「既に使われているIDでないかどうか」を1つ1つ比較して確認しないといけないので、投稿総数が多くなるとIDの生成に時間が掛かりそうな気もしますが。連番の場合は「一番大きい数」に1を足すだけで済みますので。もっともその点では、日時なら何も計算しなくて良いので一番速いですけどもね。:笑)

🧇Re:4880-4881◆お役立ちツールをありがとうございます。(╹◡╹)ノ

🧇Re:4883◆おおっと、確かに不具合ですね。ご指摘ありがとうございます! ページネーションを生成する処理で、CGIによくありがちな二重エスケープをやってしまっているようです。どうにかします。

🧇Re:4884◆その通りです。日付境界バーは、先頭だけでなく「日付が切り替わる投稿と投稿の間」にも出力する必要がありますから『一連の投稿の内部』に必要に応じて挿入されます。なので『日付境界バーを出力する専用の記法』というものはありません。ですから、(あらゆるスキンで日付境界バーを見せたくないなら設定でOFFにする手がありますが)スキンによって日付境界バーを見せたり見せなかったりしたい場合は、見せたくない方のスキンではCSSを使って非表示にして頂くしか方法はありません。

※ヘルプドキュメントの存在について既にご認識頂いているようですが、これを読んでいる第三者の方々にも参考のために記しておきます。
➡日付境界バーの装飾方法や、実際に出力されるHTMLについては、ヘルプドキュメントの「日付境界バーの装飾方法」をご覧下さい。なお、「先頭固定」の最初に出力される日付境界バーは若干仕様が異なります。そちらについては、「先頭固定専用の日付境界バーをCSSで装飾する方法」をご覧下さい。

No.4884

こんにちは。毎日てがろぐで快適ライフを送らせていただいています☺️開発ありがとうございます😊
日付境界バーについてわからないことがあったので質問失礼します🙇
スキンAでは日付境界バーを非表示、スキンBでは日付境界バーを表示したいのですが……この場合はマニュアルの<日付境界バーの装飾>にある、pクラスdateseparatorを、スキンそれぞれのCSSで表示・非表示に指定すればいいのでしょうか?(日付境界バー用の[]タグがあるわけではない…?🤔)
他の方が作成されたスキンを使用中で、そのスキンでは非表示だったのでどうやってるんだろう…となったので質問させていただきました🙋‍♀️

No.4883

お世話になります。
多分不具合だと思うので#報告 させていただきます。

一部の記号(<>&"' 等)を含むテキストを検索すると、2ページ目以降は検索文字が実体参照に変換され、検索結果は0件になってしまいました。
↓画像はここで試しに「class="」を検索した結果です。
cap202412151.png
cap202412152.png
cap202412153.png

3枚目の画像が検索結果の2ページ目の画面です。

また、管理画面で検索した場合は何故か入力ボックスに「&amp;」が記号の前に追加され、検索結果が0件になりました。
↓こちらは「="」で検索した結果です。
cap202412154.png
cap202412155.png


バージョンは最新の4.5.1を使用しています。

No.4882

4876です。にししさん、お答えありがとうございました。

> 既存の投稿単独ページURLのエイリアス(別名)として、例えば ?posttime=20241211105450 のようなパラメータで特定の投稿が単独表示されるようにする、という機能ならできるとは思います。

私が欲しかったのはその機能なので、嬉しいです。
ご提案くださった形は要望通りです。記事番号を使いたいユーザーのために、AとBの両方の表示方法があることが望ましいです。
その場合、(1)管理画面でどちらを優先出力するか選ぶ項目がある (2)あるいはにししさんが特定のパラメータを設置したあとで、我々利用者はスキンを[[PERMAURL:ID]]や[[PERMAURL:TIME]]のように好きな方を書いてカスタマイズする…という形を考えました。

>その場合は、単に「投稿番号を連番に直さなければ良い」のではないでしょうか?(^_^;)
確かにそのとおりです。私が連番機能を触らなければいいだけの話と言われればぐうの音も出ません。
ですがこの要望を出しているのは「連番にしたいから」ではなく、
「単独記事のURLを固定化したい」の気持ちの方が大きいです。

単に個人の趣味で番号をそろえたいなら、意志と機能の力で押さえることはできますが、
どうしても過去の一部を消すことになった、あるいは多人数で使っている場合、不適切な投稿者(荒らし)の記録を消す必要に駆られた…など、
運営に関わる理由で連番機能を使わなければいけないことは、
どんなユーザーにとってもあり得ると考えます。
なので何が起ころうが、見返し手段として、あるいはSNSで単独記事を共有する手助けとしての
固定URLがあると嬉しい、それにはタイムスタンプ出力が適切かと考えました。
なので、たとえばidが20桁くらいの乱数出力になっても私の要望には叶いますが(^▽^;)
多くの人の利便性を考えると時刻表示が良いと思ったのです。

前回の書き込みは言葉が足らず、ただこちらの話をしただけになってしまい、申し訳ありません。
あくまで、いつかこのような機能が加わるといいなという希望として、受け取っていただければ幸いですm(_ _)m

No.4880

自前の動画のURLを貼るとプレイヤーになるスクリプト作ったので共有します
<script type="text/javascript">
///動画
$(document).ready(function() {
    $('a[href$=".mp4"], a[href$=".mov"], a[href$=".webm"], a[href$=".ogg"], a[href$=".m4v"], a[href$=".avi"]').each(function() {
        const $link = $(this);
        const href = $link.attr('href');
       
        // 拡張子に応じて適切なMIMEタイプを設定
        const getVideoType = (ext) => {
            const types = {
                'mov': 'video/quicktime',
                'mp4': 'video/mp4',
                'webm': 'video/webm',
                'ogg': 'video/ogg',
                'm4v': 'video/mp4',
                'avi': 'video/x-msvideo'
            };
            return types[ext.toLowerCase()] || '';
        };
       
        const fileExt = href.split('.').pop().toLowerCase();
        const mimeType = getVideoType(fileExt);
       
        const playerElement = `
            <div class="video-container">
                <video controls width="100%">
                    <source src="${href}" type="${mimeType}">
                    お使いのブラウザは動画の再生に対応していません。
                </video>
            </div>
        `;
       
        $link.replaceWith(playerElement);
    });
});
</script>

バグってたら申し訳ないです

仕様
  • 管理画面>設定>システム設定>【許可する画像の種類】で拡張子を入れると管理画面とQUICKPOSTからアップできるようになります(管理画面の画像の管理の画像欄には表示されません)
  • URLの末尾に動画の拡張子がある場合、自動的にプレイヤーに変更されます
  • サイズ変更はスクリプト内の<div class="video-container">~からどうぞ
  • 5秒のところがサムネイルとして初期設定されているので、変えたい場合はMath.min(5, video.duration)の数値を変更してください

No.4879

>>4878
元の方とは違う人間ですが自分も日付のURLあると嬉しいです。
AとBどちらもあって、どちらでも飛べるのでいいと思います。

自分も投稿消しがちで連番じゃないのが気になって番号の振り直しするのですが、日付の場合は特に気になりません。(日付みたいな長めの数字列で連番になってるほうが逆に違和感です……)感覚的なものなのでうまく言えないのでわかりにくいかもしれませんが……。

回答/返信 No.4878

昼食は中辛カレーライス。🍛🍛🍛

🍛Re:4877◆ご確認をありがとうございました。やはりそうでしたか。どうやら「/」で始まるPATHが指定されているときの扱いにミスがあったようです(単にそのまま使えば良いだけなのに、あえてサーバ上のフルパスを生成してしまっていました^^;)。次のバージョンで修正します。ご指摘ありがとうございました!

🍛Re:4876◆ご要望をありがとうございます。なるほど確かにそういう単独投稿の示し方があっても良いかな、という気はしました。現状でも、「2024/12/11 10:54:50」のような投稿日時を検索語にすれば該当する1件だけが表示されますから、この方法でリンクする手もあるとは思いますが、これだとあくまでも「限定表示ページ」であって「投稿単独ページ」としては表示されませんからね。

既存の投稿単独ページURLのエイリアス(別名)として、例えば ?posttime=20241211105450 のようなパラメータで特定の投稿が単独表示されるようにする、という機能ならできるとは思います。ただ、その場合は、
  1. ?postid=4876 でもアクセスできるし、
  2. ?posttime=20241211105450 でもアクセスできる
という形になりますが。
この仕様でご要望に添いますか?
もしかして、ご希望は、『Ⓑだけでアクセス可能にしたい。Ⓐでのアクセスは不可能にしたい』ということでしょうか? だとすると、ちょっとIDの仕様から見直す必要があるので、そのオプションを作るのは労力が掛かるな、と思います。(無理ではないんですが、そこを実現する労力に見合う効果があるかな? という疑問はあります。)

ところで、ご要望の本文を読んでいてふと思ったのですが、
投稿IDを 20241211210726 のような年月日時分秒にすると、そもそも連番になりませんよね?(毎秒1件の割合で投稿する場合に限っては連番になりますが。^^;)
その「連番にならない」状況を受け入れられるのであれば、現状の「投稿IDが連番にならない(可能性がある)」状況も受け入れられるのではないかと思うのですが。^^;
その場合は、単に「投稿番号を連番に直さなければ良い」のではないでしょうか?(^_^;)
再採番機能さえ使わなかったら、投稿IDはずっと変わりませんので、リンクに使ってもズレることはありません。

※なお、うっかり再採番してしまう誤操作を避けたい場合は、ヘルプドキュメントの『投稿の一括調整を禁止する設定方法』のように設定すると、投稿IDの振り直し機能を使えなくできます。

No.4877

>>4875
>>4877です。
確認ありがとうございます。
設定を確認したところディレクトリは/images/emojiに設定しています。
自分でも確認画面の画像パスを確認したところ
/home/users/0/○○○.jp-△△△/web/images/emoji//emoji.png
と、ロリポップサーバーのフルパスで表示されていました(ロリポップを使用しています)

No.4876

いつもてがろぐを使わせて頂いております。この掲示板にも以前何度か書き込んだことがあり、丁寧なお返事をいただいて問題を解決することができました。
本日は、今後の開発に関する要望を投稿したく思います。

てがろぐの記事単体を表すURLは、今は"https://(てがろぐ設置URL)/tegalog.cgi?postid=投稿番号"となっています。
これを"https://(てがろぐ設置URL)/tegalog.cgi?postid=202501012359"のような日付と時刻IDに任意で選べると便利だなあと思います。
記事単体URLが投稿番号だと、過去の記事を参照するためにリンクを貼っても、
後で投稿番号を連番に直したときにURLが変わってしまう心配があり、なかなかリンク機能を使えないためです。

時間にもとづいたIDならその心配がないと思ったのですが、開発は難しいでしょうか? 
お考えくださるとうれしいです!

回答/返信 No.4875

「牛乳入りのコップ」という絵文字は「🥛」で定義されているのに、牛乳パックの絵文字はないのか……。「紙パック飲料」というのは「🧃」にあるけども。

🍮Re:4874◆早速のお試しをどうもありがとうございます。お役に立ったようで何よりです。削除確認のプレビューが表示されませんでしたか……。よくよく確認してみると、画像のPATHに無用なスラッシュが1個入っていますね……。その辺が影響して設定に依っては画像の表示に失敗しているのかもしれません。ご指摘ありがとうございます。
参考までにお尋ねしたいのですが、[設定]→[システム設定]→【カスタム絵文字機能の設定】→「カスタム絵文字用画像ファイルを置くディレクトリ」欄は、デフォルトではない値に設定されていますか?(※デフォルト値は、スラッシュ記号等が含まれていない「emoji」の5文字です。)もしよろしければ教えて下さい。

No.4874

いつもお世話になっております。
Ver 4.5.1β公開お疲れ様です。
カスタム絵文字管理機能を早速使わせていただきました。
追加と削除は問題なくできましたが、削除確認画面のプレビューの列には何も表示されませんでしたので報告いたします。
#報告

使っていない絵文字を整理したいと思っていたので、今回のアップデートとても助かりました。
使用場所を確認しながら削除できたのでとても使いやすかったです。
ありがとうございます。#感謝

アップデート✨ No.4873

開発進捗状況報告サイトで、てがろぐ Ver 4.5.1(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.5.1βの更新点(概要):
《▼新機能》
カスタム絵文字を管理画面上から追加・削除できる機能
●あるカスタム絵文字が使われている投稿を探せる機能

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

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

No.4872

カスタム絵文字を管理画面上から追加/削除できるようになった Ver 4.5.1β(未配布) の動作テスト。
そのカスタム絵文字が使われている投稿を探す機能もあります。

No.4871

昼食はハヤシライス。

🍛Re:4870◆その解決方法だと、今は大丈夫でも、次に[設定]画面で何かを変更して保存しようとする際に(WAFの影響で)403 Forbiddenエラーが出ると思います。[設定]画面では、変更したかしていないかに関係なく常にすべての項目(フリースペースも含みます)のデータを送信するからです。なので、根本的に解決するには、No.4869さんが最後におっしゃったように、フリースペースを使わずにスキンのHTMLに直接書く必要があると思います。

PHPスクリプトに送る日付を頻繁に書き換えるためにフリースペースを使いたい、というのが理由なら、日付だけをフリースペースに書くことにして(PHPに送るパラメータを)合成すると良いかもしれません。
スキン側(skin-cover.html)に <script src="https://www.nannichime.net/s.php?d=[[FREESPACE:0]]&f=n"></script> のように書いておく感じです。PHPに送るパラメータの日付部分だけをフリースペースに書きます。そうすれば、script要素自体はフリースペースに含まれないので、WAFの誤検知も防げるでしょう。

※専用の区切り文字を使えば複数のフリースペースを設けられますので、上述のPHPスクリプト以外に他の文章等をフリースペースに書きたい場合でも、[[FREESPACE:番号]の記法を使えば使い分けられます。

No.4870

>>4869

>>4865 です
サーバーのtegalog.iniの113行目付近にある「freespace=」の後に<script>~</script>を書いて上書き保存・アップロードする方法で正しく表示されました。

ありがとうございました🙇🏻‍♀️՞

No.4869

>>4867
4866です。同じ
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
を「多目的フリースペースに掲載する内容」に入力して保存ボタンを押しても当方の環境ではやはりエラーは表示されず、てがろぐHOME画面に「361日」の文字が表示されました。
別のサーバーではエラーにならない点や「設定を保存する」のボタンを押した時に403エラーが出るという点から、これはてがろぐCGIやカウントダウン・カウントアップコードが原因ではなくサーバー側のWAF機能の誤検知の可能性が高そうです。

↓他のサーバーでの似た事例です
https://www.nishishi.com/cgi/tegalog/faq/#lolipop-forb...
https://www.nishishi.org/testground/tegalog/?postid=43... (※4307さんへのレスが該当の話題です)

↓シンフリーサーバーのWAFについての説明
https://www.xfree.ne.jp/manual/man_server_waf.php

シンフリーサーバーでの除外設定方法 までは私には見つけられていないので、WAFの無効化や除外設定をしないですぐに解決する方法は
・サーバーのtegalog.iniをダウンロードしてテキストエディタで開き、113行目付近にある「freespace=」の後に<script>~</script>を書いて上書き保存・アップロード
【記入例】freespace=<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>

・多目的フリースペースではなくスキンのhtml内に直接<script>~</script>を書く
のどちらかしかないような気がします…。

No.4868

>>No.4859
お忙しい中ご回答ありがとうございます。IF文に関して理解できました!ありがとうございます。このままふたつにわけて書こうと思います。
改行無しで書いてるとたまにIF文として成立しなくなるのもたまたま気付いただけで特に困ってるわけではないのですが、あとで標準スキンでも試してみようと思います。確かにその辺自分で確認してから聞くべきでした……。

>>No.4859、No.4863 ありがとうございます。[[FREESPACEEDIT:URL]]で無事リンクできました。

No.4867

>>4866

>>4865 です
検証して頂きありがとうございます。

サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時

てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)

記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n&quot...


IMG_5425.jpeg

No.4866

>>4865
気になって自分のてがろぐで試してみたら、403エラーにはならずに正常に表示できました。
tegalog.cgiを「my $safemode = 0; 」にした上で多目的フリースペースにリンク先のカウントダウン・カウントアップ用の<script>~</script>コードを記述し、
skin-cover.htmlに[[FREESPACE]]と記述しました。
試したサーバーはローカル環境とXREAです。

どのサーバーをお使いなのかや、403エラーが表示されるタイミングがいつなのか(多目的フリースペースの設定画面で保存ボタンを押した時なのか、てがろぐにアクセスした直後なのか)、多目的フリースペースに記述した<script>~</script>の情報があると助言が得られやすいかと思います。

No.4865

いつもお世話になっております。

多目的フリースペースに掲載する内容の所に、こちら のソースを設置して、設定を保存しようとした所、403エラーになってしまいます。
どのようにしたらよろしいでしょうか。

関係ありそうな設定の状況(tegalog.cgi)
・セーフモード:HTMLソースを直接記述可能な設定項目に書かれた内容について(0:何もしない/1:scriptタグ系の記述は無効にする/9:あらゆるHTMLタグを無効にする) ※9は試験実装(β版)
my $safemode = 0;

No.4864

朝は真冬の気温……!

Re:4863◆ああっ……! なるほど。すみません。リファレンスの記述が間違っていますね。[[FREESPACEEDIT:URL]] と書かないと認識されませんでした。リファレンスと >>4859 を訂正しておきました。

No.4863

いつもお世話になっております。

標準スキンのフリースペース編集リンクは
<a href="[[FREESPACEEDIT:URL]]">編集</a>
でした。使い方説明にも
[[FREESPACEEDIT]]
[[FREESPACEEDIT:URL]]
の二種類があるようです。十分に試行していませんが、取り急ぎご報告まで。

回答/返信 No.4862

明日は特に寒そうなのに、朝早い。_(:3」z)_

Re:4861◆ご指摘の差は、確かに抜粋収録か完全収録かの差ですね(深くは気にしていませんでしたが、確かに「抜粋収録」の方では投稿No.の出力がありませんね^^;)。

さて、てがろぐではRSSフィードも1つのスキンで作られています。デフォルトではそれが「外部ファイル」の形ではなく(てがろぐ本体に)内蔵されているものが使われているというだけの違いです。
てがろぐの「完全版ZIP」か「スキンだけのZIP」をダウンロードして頂くと、rssというフォルダの中に、RSSフィード用スキンのサンプルが格納されています。それを設置した上で、[設定]→[補助出力]→【RSSフィードの出力】で『自作のRSSスキンを使う』を選択すると、RSSフィードの中身を好きなように書き換えられます。

このRSSスキンサンプルでは、元々「No.XX~」は出力されません。
そのままでは、冒頭の150文字だけが出力されるように書かれていますので、skin-onelog.html ファイルの中の [[COMMENT:TEXT:150]] の部分を [[COMMENT]] に書き換えれば、全文が収録されます。

そのほかの表示も好きなように書き換えられますのでお試し下さい。
詳しくは、RSSフィード用スキンの作り方・使い方もご参照頂くと良いと思います。
この方法だと、RSSフィード用スキンを複数個用意して使い分けることもできます。

質問/要望 No.4861

お世話になっております。いつも素敵なサービスやCGIをありがとうございます。
RSSリーダーでてがろぐのRSSを読み込む時、本文末尾に「No.〇〇〜」が表示されるものと表示されないものがあるように見受けられます。
例えばにしし様のひとことログは表示されていません。
おそらく管理画面の[設定>補助>RSSフィードの基本設定]から抜粋収録を選んでいるか、全文収録を選んでいるかの差と思います。
自分のサイトのRSSを読み込んだ際、全文収録の設定をしていても「No.XX〜」が表示されないようにする方法がございましたら、ご教示いただけますと幸いです。

情報 No.4860

スキンのカスタマイズがうまくいかない場合のご質問をしようとするすべての方へのお願いですが、質問する前に、
  • その「うまくいかない方法」を、標準スキンに書いても同様にうまくいかないのか?
を先にご確認下さい。

もし標準スキンではうまくいくなら、お使いのスキンの問題です。
その場合は、「スキンのソース全体」や「稼働しているページ」を一緒に見せて頂かないと何も判断ができない可能性があります。

また、第三者が作成なさったスキン独自の機能に関するご質問は、まずはそのスキンの作者さんへお願いします。(※「○○で配布されているスキンに変えたら、××が適用されなくなった」というような感じのご質問は特に。)

回答/返信 No.4859

🥞Re:4858◆3点ご質問を頂いていますので、以下に順番に回答します。
✅1つ目:特に設定は要りません。標準スキンで [[FREESPACEEDIT]] と書いた場合はどうなりますか? ➡リファレンスが間違っているので [[FREESPACEEDIT:URL]] と書いて下さい。

✅2つ目:そのIF文は『「 selected-cat または deeppage 」かつ「 nofiltering 」』の意味になります。つまり、
  1. selected-cat かつ nofiltering
  2. deeppage かつ nofiltering
……のどちらかの場合にだけ成立する条件指定になります。
しかし、①「selected-cat かつ nofiltering」は指定が矛盾しますから(この条件の成立があり得ないので)、結果として②「deeppage かつ nofiltering」の場合にしか出力されません。
てがろぐの検索機能はANDよりもORの方が強く、優先順の指定方法はありませんから、ご希望の条件を1個のIF文で書くのは無理だと思います(たぶん)。既にお試し頂いているように2個に分けるか、(同じHTMLを複数書きたくないのであれば)IF文は使わずにCSSで表示/非表示を切り替えるのが良いと思います。(もちろん、IF文とCSSを併用する手もあります。)

✅3つ目:こちらで試した限りではその書き方でも問題ないのですが、条件の書き方や(さらに)前後にある記述によっては、何らかの要因で解釈がうまくいかなくなる可能性はあります。標準スキンに書いてみた場合でも同様にうまくいかないでしょうか?

No.4858

いつもお世話になっています。

[[FREESPACEEDIT]]をcover.htmlに記載しても[[FREESPACEEDIT]]という文そのものが出てくるのですが、なにか必要な設定などはありますか?
(<a href="[[FREESPACEEDIT]]" >テスト</a>のように書いてもURLにはなりませんでした)

またIF文ですが、
なにも限定していないときの2ページ目以降(deeppage nofiltering)とカテゴリ限定時(selected-cat)にのみ出力したい要素があったので
[[IF(selected-cat|deeppage nofiltering):<a href="/link/">てすと</a>:IF]] と書いても
カテゴリ限定時にしか反映されないのですが、なにか間違えていますか……?(IF文の「|」の前後のって1単語のみ(?)じゃないとダメなんでしょうか)
今はhtmlに[[IF(deeppage nofiltering):<a href="/link/">てすと</a>:IF]]と[[IF(selected-cat):<a href="/link/">てすと</a>:IF]]のふたつ書くことで対応しているんですが……

またhtmlに
<div class="aaa">[[NAVI:PREV]][[IF(条件):何らかの要素:IF]][[IF(条件2):なんらか:IF]][[NAVI:NEXT]]</div>
このように一行で書くとIFの文として反応しなくなるのも仕様でしょうか?(改行すれば済むんですが気になったので……)

回答/返信 No.4857

仕事が忙しくなってきました。
たこ焼き食べたい……!takoyakitakoyakitakoyaki

takoyaki3Re:4850◆Bluesky側の仕様がなぜか複雑で、今の時点では埋め込められないのです。Bluesky側がもうちょっと楽な手段を用意してくれると良いのですが……。
takoyaki4Re:4851◆将来的にはそうするつもりではありますので、気長にお待ち頂ければ幸いです。
takoyaki3Re:4853◆どうぞ~。
takoyaki4Re:4854◆はやい……!
takoyaki3Re:4855◆その場合は、「画像をリンクにしないよう設定する」かまたは「img要素を <img src="[[GETURL:PICT:1]]"… のように作る」かですね。No.4856さんがご回答下さった通りです。Ver 4.4.2からは「画像をリンクにしない設定」を通常モードとギャラリーモードとで別々に設定できるようになりました。それで済むなら前者の方法で良いでしょう。そうできない理由があるなら、後者のようにimg要素を自力で組み立てる方法(No.4619のように)が適していそうに思います。
takoyaki4Re:4856◆サポートありがとうございます!(╹◡╹)ノ

No.4856

>>4855
画像を記事へのリンクにする方法でしたらこちら
または
>>4619 が参考になるかもしれません。

有志の配布テンプレートにも画像から記事に飛ぶ仕様のものがあるので、参考になると思います。カスタマイズがんばってください💪

No.4855

一覧での記事と単独記事での画像のURLについて質問です。検索して探したのですが、なかなかやりたいことに該当する方法が見つからなかったので質問させて頂きます。

「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像1枚目の部分がURLでの表示になってしまうので、単独記事で設定した画像を拡大するURLも出てしまい、記事URLが無効になってしまいます。
なので1枚目の画像のURLを画像のみのパス表記みたいにしたいのですが方法はありますでしょうか?
もしくは他に別の解決策などがありましたら教えていただけますと幸いです。
ーーーーーーーー
【一覧】 1枚目をサムネにする
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
[[ONEPICT:1]]
</a>
</div>

【単独】Lightboxでの画像表示
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>

** こんな感じにしたい **
【記事】
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
 <img src="1枚目の画像" alt="No.18" loading="lazy">
</a>
</div>
↓画像サムネイルはURLリンク
【単独】
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
ーーーーーーーー 畳む

No.4854

12月!

No.4853

テスト投稿失礼します🙇‍♂️

No.4852

>>4847
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました!すみません!
無事に横並びに出来ました!
ありがとうございます!☺

No.4851

>>4850 Blueskyほか一部の外部サービスの埋め込み機能については>>4470で言及されてました。意外と実装は難しそうですね。
HTMLを記入できるオプションが実装されれば(予定があれば)埋め込み以外でも更に自由度が上がるようなのでそちらを楽しみに待ちたいと思います。

No.4850

いつもお世話になっております。
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。

No.4849

お返事ありがとうございます。4843です。
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。

No.4848

>>4841
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。

回答/返信 No.4847

朝食はシフォンケーキ。

🥞Re:4846◆カレンダーを横並びにしたいだけならCGIソースを弄る必要はなく、CSSだけで実現できます。要はtable内のセルを全部inlineにしてしまえば良いので、.calendar, .calendar tr, .calendar th, .calendar td { display: inline; } のようなCSSを追加すれば良いだけです。これだけで、カレンダー内の全ての日付が横並びになります。
この場合、先頭行の日月火……という曜日もそのまま横並びになってしまいますので、そこはてがろぐ管理画面の[設定]→[ページの表示]→【カレンダーの表示】で、「カレンダーの先頭行に曜日名を表示」項目をOFFにして下さい。すると、日付だけが横並びになります。あとは、好きなように装飾して下さい。
※各日のセルにはclass名に <td class="day10 sun"> のように曜日が含まれていますので、特定の曜日だけを装飾するのも簡単です。
※カレンダーの出力HTMLの構造については、カスタマイズ方法ページの「カレンダー表示の装飾方法」をご覧下さい。

🥞Re:4845◆なるほど。カテゴリ別に新着順で見せられると良いな……というのは、ギャラリーに限らず通常の投稿でもありますね。新着投稿リストに限っては既にその機能がありますけども。あれば便利だと思いますのでご要望としてはToDoリストに加えておきます。ただ、そのような機能を実装するにはかなりの時間と労力が必要ですから、直近でできることはないと思います。なので、今の時点では
  • iframeで読み込む
  • JavaScriptで合成する
……というあたりが現実的だと思います。

No.4846

開発お疲れ様です。
サイトの日記代わりに使わせて貰っています。
気軽に更新出来て多機能なのでとても助かっています。
要望なのですが、カレンダー部分もスキンで編集可能になるととても嬉しいです。
具体的に言うと、現在の7列×5段表示では無く、1日から末日まで横並びにして、土日は文字色を変えたいと思っています。
多分CGIの方を直接弄る事で変更出来るとは思うのですが、それだとてがろぐが更新される度にCGIを直接編集する必要性があるのでちょっと大変だな…と。
ご検討いただければ幸いです。

No.4845

お返事ありがとうございます。4843です。
言葉足らずで申し訳ありません。
同じページで

カテゴリA
【カテゴリAの画像】【カテゴリAの画像】
カテゴリB
【カテゴリBの画像】【カテゴリBの画像】

…というようにしたいです。
Re:4230のようにcover.htmlを編集することで埋め込む方法もあるようなのですが埋め込む方法だと通常と比べてその部分を表示するのに時間がかかることがありました。
もう少しスマートに行けたら助かるのですが…と思い要望を出しました。

回答/返信 No.4844

昼食はパスタでした。

🍝Re:4842◆情報提供ありがとうございます!
🍝Re:4843◆ギャラリーモードでもカテゴリは有効ですのでご活用下さい。例えば、……のように、通常の閲覧時と同様に(URLに)カテゴリを追加すれば、そのカテゴリに限定したギャラリーが表示できます。カテゴリに限らず、ハッシュタグで分類しても良いですし、検索しても良いですし。「ギャラリーだから全部表示される」というわけではありません。通常の閲覧時と同じ絞り込み表示ができます。

※ギャラリーモードというのは単に、「画像が1つ以上含まれる投稿だけが表示される」というだけで、それ以外の仕様は通常時と同じなのです。なので、カテゴリでもハッシュタグでも限定表示ができます。

※標準添付しているギャラリーモード用スキンの場合は、ギャラリーモード上でカテゴリボタンやハッシュタグボタンを押せば、「そのカテゴリやハッシュタグに限定した状態のギャラリーモード」が表示される仕様になっています。(他の方がお作りになったギャラリー用スキンの場合にどのような動作になっているかは、そのスキンの作り方次第です。)

No.4843

パソコンがなくてもスマホやタブレットで簡単に更新や管理出来ることに凄く助かっております。
要望です。
現状のギャラリーモードでは画像全てをごちゃ混ぜにして表示となりますが、画像にカテゴリ(のようなもの)で分類してギャラリーモードではカテゴリ別に表示できるようにしてほしいです。

No.4842

48104823です。
4799の方法でOGP画像に任意の画像を指定するために自分が行った手順をこちら にまとめました。
他の方の参考になれば幸いです。
改めて、ご教示ありがとうございました!

No.4841

4832です
>>4838ありがとうございます。
先日入れてみたのですが、画像をD&Dしても画像が登録されずに困っております。
属性が違うとかあるのかなあと思いながら、またゆっくりしたときに原因を究明していきたいと思います

回答/返信 No.4840

🍵Re:4839◆何のスキンをお使いでしょうか?
実際のURLを教えて頂けば、何らかのアドバイスができる可能性はあります。
スキンのカスタマイズの問題ということは、HTMLかCSSの問題でしょうから。それは実際に(ブラウザ上の表示とソースを)見てみないと、何がどうなっているのか何も分かりませんので。

なお、スキンのカスタマイズの結果としておかしくなる場合にありがちなのは、
  • HTMLの開始タグを残したまま終了タグだけを消してしまった結果として、ブロックの包含関係が変わってしまった。
  • CSSのカッコ { } のうち、片方だけを消してしまった結果、一部のCSSが適用されなくなってしまった。
……とかでしょうかね。
HTMLやCSSの文法をチェックするツールを使って問題点を探せば、おかしくなった位置を特定できるかもしれません。

どうしても解決できない場合は、『お使いのスキンをその配布元から再度ダウンロードしてきて、上書きしてみる』のが一番だと思います。要するにカスタマイズを最初からやり直すということですが。
(今のスキンはダウンロードして保管しておいて、新品のスキンとソースを見比べてみることでも何か分かるかもしれません。)

No.4839

毎日便利に楽しく活用させていただいております。
何がどうなってそうなったのかわからなくなっているので、質問させてください。

ホームのみヘッダーとフッターしか表示されない状態になりました。
ギャラリーモード、投稿画面等は問題ありません。
画像一覧やフリースペースが表示されないのではなく、ヘッダーとフッターがくっついてしまっています。
エクセルの『選択範囲を非表示にする』のあの状態です
css書き換えごとに保存⇒キャッシュをクリア⇒反映を確認を繰り返してちまちまカスタマイズしていたのですが、どのタイミングでこの問題が発生したのかもわかりませんでした。
書き換えといってもフォントのサイズやカラーを変更する程度なので、何がいけなかったのか…。

原因として考えられるものはどのようなものがあるでしょうか。

サーバーはロリポップ、てがろぐはVer.4.4.0です。
原因不明の非表示が謎で怖くてバージョンアップできていません…

回答/返信 No.4838

昼食はうどん、夕食はコロッケ。
次のバージョンでは、カスタム絵文字を管理画面上でアップロードしたり削除したりできるようになる予定です。

🥞Re:4831◆早速のバージョンアップありがとうございます。お役に立っているようで嬉しいです。(╹◡╹)ノ
🥞Re:4832◆「サムネイル画像があったらサムネイル側が表示される」という、てがろぐ側の機能(仕様)については、ヘルプドキュメントの『サムネイル画像があればサムネイル画像の方を表示する機能(簡易版)』項目もご覧下さい。デフォルトで有効に設定されていますが、設定次第では無効にもなります。サムネイルが認識されている場合の確認方法も解説してありますので、参考にして頂ければ幸いです。
🥞Re:4833◆解説ありがとうございます!
🥞Re:4834◆詳細なテストをどうもありがとうございます。JS版は一旦ブラウザ側にデータをダウンロードするので、総数が少ないうちはやはりServer版の方が速くなりますね。おっしゃるとおり、Server版はPICT記法の存在をチェックしているのに対して、JS版はファイル名の存在しかチェックしていません。これはどちらが望ましいのか今の時点では判断できていないので、とりあえず仕様を分けたままにしてあります。(^_^;) 必要な画像を誤って消してしまうのを防ぐにはJS版の仕様の方が望ましいんだろうな、という気もするのですけども。どうでしょうかね?^^;
🥞Re:4836◆てがろぐに関係する告知にはぜひご活用下さい~。(╹◡╹)
🥞Re:4837◆ご報告をどうもありがとうございます!

No.4837

>>4825
アップデートありがとうございます!
未使用画像を探すを試した結果をご報告します
画像 1684個、投稿 1439件で、2~3秒くらいでした

No.4836

https://note.com/tekito_note/n/nb725d657861a
いいねボタン改を参考にして、(Misskeyみたいに)リアクションボタンを付けるスクリプトを作りました。少し導入手順が煩雑なので他の環境のてがろぐで動くかわかりませんが、よかったら試してみてください。
他に広報場所がないもので、ここで何度も宣伝していてすみません…。

>>4833 代わっての回答ありがとうございます。 >>4832 あまり大きい画像だと回線やサーバにもよりますがエラーが発生するかもしれないのでご注意ください。(ロリポップのスタンダートを使っていますが、4000×5000pxでは30秒弱かかりました。)

No.4835

>>4833さん
4832です。
サンプルありがとうございます。
自動でサムネイルが使われるのですね。ありがとうございます。画像が自動で縮小などされることが個人的にとても助かるので(大きいサイズが多いので)導入してみようと思います
ありがとうございました

No.4834

Ver.4.5.0公開お疲れ様です!ついにTegupも同梱されるようになったんですね。私はβ版も毎回ダウンロードしているので、Tegupがβ版に対応するのを密かに楽しみにしていますw

開発進捗状況報告サイト で募集されていた、新しい「未使用画像を探す」機能の結果報告です。
画像ファイルの総数781個、投稿総数5908件で約13秒でした。
私は4686の者なのですが、以前よりも遅くなっているので従来バージョンの方法(Server版)を再度試してみたところ、やはりこちらは前回同様に約6秒で終わりました。

また、Server版とJS版で結果に違いがありました。当方の環境では[PICT:記法を使わずに
[桜餅](https://www.nishishi.org/testground/tegalog/images/202212211326072-nishishi.jpg)
という感じでテキストから画像のURLへリンクしているだけのファイルがいくつかあるのですが、Server版だとこれらのファイルが未使用画像として探索結果に出て、JS版だと結果に出ませんでした。

No.4833

>>4832
サムネイルの機能について
(1)てがろぐ本体の機能として:画像ディレクトリ(images/)の中にサムネイル用ディレクトリ(mini/)を作り元画像と同じ名前の画像をアップするとてがろぐ上で自動でサムネイル画像表示→クリックで元画像表示という動作になります。

(2)>>4808 のスクリプト:(1)のてがろぐ本体の機能ではサムネイルを自分で作りアップロードする必要がありますが、これを自動で行ってくれます。画像ディレクトリ(images/)の中にサムネイル用ディレクトリ(mini/)はあらかじめ自分で作っておく必要があります。

私はスクリプトを作った人ではありませんが実際に導入してお試しできるてがろぐがありますのでよろしければお試しください。
https://10prs.com/tegalog-cms/
ギャラリーページ
https://10prs.com/tegalog-cms/?mode=gallery

No.4832

>4808のD&Dで画像アップロードされるスクリプトについて知りたいことがあるのですが、サムネイルを自動で作成とありますが、そのサムネイルを使用するには直接画像URLが必要となるのでしょうか?それともギャラリーモードなどでは自動に使われるのでしょうか?
導入したいと考えているのですがパソコンが今満足に触れないので導入して使えるかしらと考えているところです

つぶやきつぶやき No.4831

Ver4.5.0リリースお疲れ様です🍵 未使用画像を探す機能がとても便利でありがたいです #感謝

No.4830

[>>4829]
ご確認くださり、わかりやすいご説明本当にどうもありがとうございます!😭
すごく助かりました…。
リンクについてもアドバイスくださりありがとうございます、a:link や a:hoverへのフォント指定は除外してみましたが希望通りに反映されました!
また、「隠す」の黄色ボックスのはみだしも気になっていたのでアドバイスありがとうございます!
他の気になってた色々もこのコードで直りました😭
本当にどうもありがとうございました!

回答/返信 No.4829

🧇Re:4828◆かわいくカスタマイズしてご活用下さってありがとうございます。拝見しました。
以下のCSSを加えると「 >>4828 」のような番号リンクの番号も「Fredoka One」フォントで表示されます。
a.postidlink {
   font-family: 'Fredoka One', cursive;
}

お試し下さい。
なお、お使いのCSSでは a:linka:hover に対して、表示用のフォント font-family: 'Noto Sans JP', sans-serif; が指定されているので、上記のCSSソースを .postidlink というセレクタにしてしまうと指定が効きません(詳細度が足りなくて上書きされないため)。なので、必ず a.postidlink と指定する必要があります。先頭の「a」を忘れずにお書き下さい。

※将来的なCSS更新作業のしやすさを考えれば、a:linka:hover のような疑似クラスに対しては表示フォントを指定しない方が楽だと思いますが。

ちなみにですが、「ネタバレ」として隠されている部分を開くと「黄色のBOX」が外枠からはみ出してしまいますね。これは、.readmorearea に対して box-sizing: border-box; というCSSを加えると解決します。

No.4828

>>4827
4824で質問したものです。
ご回答本当にどうもありがとうございます。しかもこんなに早く回答いただけて感謝にたえません…。
指定リンクに>>ごとリンクする方法教えてくださりありがとうございます!
https://pick.her.jp/tsubuyaki/tegalog.cgi
稼働しているてがろぐは上記URLになります。

リンクの中でも指定Noのフォントだけを変えたくて、アドバイスいただけましたら大変助かります。

新しいバージョンの公開どうもありがとうございます!!
新しい機能を使うのが楽しみです!

■フリースペース:

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

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2025年1月
1234
567891011
12131415161718
19202122232425
262728293031

■カテゴリ:

■最近の投稿:

■新着画像リスト:

全324個 (総容量 36.59MB)

■詳細全文検索:

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