先頭固定(←ここの文字列も自由に変更可能。非表示にも設定可能)
🤔てがろぐヘルプ群:セットアップ方法、使い方・設定方法、カスタマイズ方法、FAQ・豆知識
※開発放言 0秒前(木 09:42:23) 情報
フォロー数が増えると、私の開発モチベーションが向上するメリットもあります。(笑)
0秒前(木 09:42:23) 雑記
2026年1月 この範囲を時系列順で読む この範囲をファイルに出力する
•記事を投稿した後に、Twitter/Xやブルスカなどへの記事を投稿した旨の共有ボタンが欲しい
•各記事ごとのSNS上の共有ボタンが欲しい
※ポスト内容には記事名、ブログ名、各記事へのURLへの表示が欲しい
editファイルやskin-onelog.html内にソースコードを追加すればなんとかなりそうな気もしますが、念のため…! 25時間前(水 08:01:24)
小説を掲載しているなどで、第1話から読ませるために「特定のカテゴリだけは昇順(古い投稿から順に)表示させたい」という場合は、そのカテゴリへのリンクURLの末尾に &order=reverse を加えれば良いです。
もし、てがろぐ側が出力するカテゴリツリーのリンク先もそのように変えたい場合は、下記のようなJavaScriptを(HTMLの末尾に)書いておくと、『指定のカテゴリだけは「昇順で表示されるページ」にリンクされる』カテゴリツリーになります。
例えば、そのカテゴリIDが「novel」の場合、カテゴリツリーのリンクは <a href="?cat=novel" class="catlink cat-novel">~</a> のようなa要素で出力されています。
このリンク先である ?cat=novel に &order=reverse を加えて ?cat=novel&order=reverse とすれば、昇順(古い投稿から順)の表示になります。
下記のJavaScriptは、class名にcat-novelが付いたすべてのa要素のリンク先URLの末尾にだけ、 &order=reverse という文字列を追加するスクリプトです。
同一ページ内にカテゴリツリーが複数個出力されている場合でも全部書き換わります。
<script>
document.addEventListener("DOMContentLoaded", function () {
// cat-novelクラスを持つa要素をすべて取得
const links = document.querySelectorAll("a.cat-novel");
links.forEach(function(link) {
// リンク先を取得して order=reverse を追加
const href = link.getAttribute("href");
link.setAttribute("href", href + "&order=reverse");
});
});
</script>
カテゴリID部分(上記のソース中に赤色太字で書かれた箇所)を、ご自身でお使いのカテゴリID名に書き換えてご使用下さい。
🍘なお、もし対象にしたいカテゴリIDが複数個ある場合は、上記スクリプトの3行目にある querySelectorAll の引数にカンマ区切りで全部列挙すれば良いです。例えば以下のように。
const links = document.querySelectorAll("a.cat-novel, a.cat-journal");
🍘もし、カテゴリツリー以外の部分にも同じclass名でリンクを作っていて、そちらのリンクは対象にしたくない場合は、カテゴリツリーの大外枠が <ul class="cattree">~</ul> で出力されていることを利用して、以下のように書けば良いです。
const links = document.querySelectorAll("ul.cattree a.cat-novel, ul.cattree a.cat-journal");
※カテゴリツリーのHTML構造は、ヘルプドキュメント「カスタマイズ方法」内のカテゴリツリーの装飾方法あたりで解説していますので参考にして下さい。
---(追記)---
上記の(最初の方の)JavaScriptだと、カテゴリツリー内のリンクだけでなく、『各投稿に表示される所属カテゴリ名』のリンク先も同様に書き換わります。たぶんその方が都合が良いのではないかと思いますが、もしそこは変更したくない(降順のままにしたい)という場合は、上記の最後に紹介した ul.cattree を加える書き方を使うと良いです。
34時間前(火 23:35:13) 情報
>>5637 の者です。
https://www.nishishi.org/testground/tegalog/?tag=%74%3... で何も出ない、つまりURLのフラグメント部がハッシュタグと認識されてしまう現象の解消を確認しました。
早速のご対応、ありがとうございます。次のバージョンアップを楽しみにしております。 2日前(月 21:41:01)
おなかいっぱいなので、食べようと思って置いてあった(既に切ってある)リンゴが入らない……。🍎🍎🍎
🍎Re:5660◆てがろぐは、ご自身で確保されたサーバに設置してお使い頂くツールですから(掲載コンテンツに対する責任はサイト運営者にしかありませんので)、てがろぐ側でコンテンツを制限する方針はありません。お使いのサーバで許可されている範囲であれば、何でもご活用下さい。
🍎Re:5661◆絶対に他者に漏れては困るようなら、必ずBASIC認証などのサーバ側で用意された認証機能をお使い下さい。てがろぐは特に堅牢なシステムではありませんので、てがろぐ側の機能で実現できるのはせいぜい「ネタバレ防止程度」だと認識頂いておく方が望ましいです。なお、ログイン者限定表示機能では、画像は最初から一切保護されていない点にもご留意下さい。(詳しくはリンク先のヘルプドキュメントに記載しています。)
2日前(月 21:21:38) 回答/返信
>>5653にししさん;や%3Dなどの記載の仕方のご指摘ありがとうございます!
パラメーターを考えてくださることもありがとうございます(たしかに*は連想しやすくてよいかもと思いました)。とはいえすごく致命的!というわけでもありませんし代替案もありますし他に求められている機能などもありますので、良い案が出来たときにご対応頂けましたら個人的にとても嬉しいです。
ありがとうございます。心が軽くなりました。 3日前(月 00:20:43)
「個人サイト・法人サイト、商用サイト・非商用サイト等の種別を問わず」という記載は確認いたしましたが、コンテンツ内容については記載がないようでしたので念のために質問させていただきました。
お手数ですがご返答頂けますと幸いです。
3日前(日 23:25:09)
ご要望はできるだけ詳しく背景事情も含めてお書き頂ける方が、追加で質問する手間が省けるのでありがたいです。よろしくお願いします。
🥧Re:5655◆発掘ありがとうございます。なんか似たようなスクリプトを昔にどこかで書いたよな、というような気はしていたんですが。(^_^;)
🥧Re:5656◆最も知りたかった情報はまさしくそれです。『既にてがろぐを複数設置している』・『大枠で分けるほど離れた話題でもない』という背景事情がある前提なら、「特定のカテゴリだけ下げる扱いにしたい」という希望も理解できます。
(要望には背景事情も一緒に書いてくれ……!と言っているのは、まさにこのためです。この背景事情が分からないと、他に良い方法があるのか、それともその機能がないと困るのかが分からないので、その要望を検討リストに加えるべきなのか、加えるとしたらどれくらいの優先度を付けて把握すれば良いのか、が判断ができませんので。)
「特定のカテゴリだけ下げる扱いにしたい」というご要望は過去にもありましたから、(取り下げるとのことですけども)「そういう需要はあるようだ」という理解はしておきます。(一般的にある要望なのかどうかは確かに今のところは分かりませんが。^^;)
ちなみにですが、以下の機能だとどちらがより希望に近いですかね?
- 各カテゴリの設定に「このカテゴリに属する投稿は全部『下げる』扱いにする」という設定項目がある。
- 「HOME(=何の表示条件も限定されていないページ)で表示対象外にするカテゴリID群」を一括設定する設定項目がある。
にししさん返信ありがとうございます!
教えて頂いた方法で問題ありませんので、要望はスルーして頂いて大丈夫です。
JavaScriptを使用するなど、実装して頂かなくても可能なことは意外とたくさんあるんですね🤔 3日前(日 17:30:19)
隠したいのではなく特定条件下でしか表示されないようにしたいんです~
元々非公開でやってますし、もっと大枠のカテゴリ毎にてがろぐを複数設置していて既に煩雑でこれ以上増やしたくないし、大枠で分けるほど離れた話題でもないんです
ですが口振りからして「ポンポン増やしたくない、同じてがろぐで済ませたい」という感覚はあまり一般的ではなかったみたいですね💦
的外れなことを言って申し訳ありませんでした、要望は取り下げます💦お目汚し失礼いたしました~
>>5655 ありがとうございます~
ただ前提として「自動で下がるカテゴリを指定できると管理が楽だな~」って話をしてたんですよね~ 3日前(日 16:58:23)
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここから
// 参考:https://www.nishishi.org/testground/tegalog/?postid=49...
if(textarea && document.querySelector('input[type="checkbox"][value="rear"]') != null) {
const memoCheckbox = document.querySelector('input[type="checkbox"][value="memo"]');
const rearCheckbox = document.querySelector('input[type="checkbox"][value="rear"]');
if(memoCheckbox.checked) {
rearCheckbox.checked = true;
}
memoCheckbox.addEventListener('change', function () {
rearCheckbox.checked = memoCheckbox.checked;
});
}
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここまで 3日前(日 13:21:32)
初めて旧発電所に行ったところカビゴンが緑色だったんですけども、旧発電所のカビゴンが常時緑色というわけではないんですよね? たぶん。今回たまたま色違いカビゴンが出てきたということかな?
🥧昨年末の記事の半ばにある『ご要望は歓迎(&同時に書いてあると助かること)』にも書きましたが、ご要望には「その機能を必要とする背景」も詳しめに書いて頂けると助かります。別に書いて頂かなくても要望としては受け取りますが、背景事情が分からなければ「優先度を考える情報」もないので、検討リストの末尾に加わるだけになります。(いや、そうなるとは限りませんが、その可能性が上がります。)
もちろん、背景事情が分かっても、検討リストの末尾に加えるだけになる可能性もありますけども。(^_^;) 3日前(日 12:59:20)
🥧Re:5648◆(>>5638)まあそうですよね。設定項目をいろいろ増やさないといけないので、気長にお待ち頂ければ幸いです。
(>>5645)なるほど、「改行区切りのURL群」が一括で手に入る別ツールをお使いだという背景なんですね。理解できました。空白か改行かで区切って複数入力できるような感じの仕様にする方向で考えます。
🥧Re:5649◆とりあえず現状では [F:abc:​] と書くと良いです(※abcはお望みのclass名)。​はUnicodeのZero Width Space(ゼロ幅スペース)なので、システム的には空白扱いですが、幅がゼロなので画面上には何も見えません。つまり display:none; を書かなくても元から何も表示されないので、::afterだけを付ける用途に使えます。数値文字参照の「8203」が覚えにくい場合は、何でも簡単入力ボタン機能を使って、ボタンクリックで [F:abc:​] が入力されるように作っておくと良いのではないかと思います。
※数値文字参照を使わなくても、この「Zero Width Space」自体の文字をコピー&ペーストして貼り付けることも可能なんですが(ゼロ幅とはいえ文字には違いないので)、ゼロ幅であるがためにコピーしにくいんですよね。ペーストしても本当にペーストされたのかが見た目で分かりませんし。Zero Width Spaceを含む前後の文字と一括して選択した状態で貼り付けることができれば、数値文字参照の長い見た目を避けて、本当に見た感じは [F:abc:] にしか見えない状態で使うことも可能だとは思いますけども。
🥧Re:5650◆その「嫌な思い出」と「害虫」だけを投稿するてがろぐをもう1つ設置するよりも、同じてがろぐに投稿しておいて「下げる」に留めたい理由が分かると、今後の方針を考える役に立ちそうな気がしますので、もしよろしければ教えて下さい。「記録はしておきたいけど隠したい」のであれば、てがろぐをOPEN版とCLOSE版の2つに分けてしまう方が確実だと思うのですが、「積極的に探して見ようと思った人には見れる」みたいな状態にはしたいということですかね?
🥧Re:5652◆今回、この例示を書いていて、複数カテゴリをANDで出す(つまり「絞り込む」)catパラメータの書き方もある方が望ましいな……という気にはなりました。?cat=A,Bが結合(OR)なら、絞り込み(AND)は?cat=A*Bくらいでしょうかね(ANDは論理積と言いますし)。もしくは完全に新しいパラメータを用意する方が良いかもしれませんけども。何か考えます。(とりあえず現状では検索コマンドを駆使してみて下さい。)
検索コマンドの中に「=」記号が出てくるので、検索コマンドを含むURLを書くと「=」が多くて紛らわしいので「=」は%3Dと書く方が無難かもしれません。なお、検索コマンドの「=」の右側は、セミコロン記号を省略すると前方一致で検索になるのでご注意下さい(詳しくは検索コマンドの種類と使用例にあります)。お書き下さった$ci=test+$ci=diary;だと、1つ目の「test」の後にはセミコロンがないので「testで始まるカテゴリID全部」が対象になります。もし「test1」・「test2」というカテゴリがあったら、両方が該当します。それを避けて完全一致にするには$ci=test;+$ci=diary;と指定する必要があります。
3日前(日 12:23:35) 回答/返信
>>5644です。
おや、そうなのですか…。なるほど理解しました!
当方が求めていたのはandなのですが、これはorのものなんですね……。
凄いすっきりしました。
お手本のURLもありがとうございました。
$ci=test $ci=diaryでサイトマップモードで表示するURLは
?mode=sitemap&q=$ci=test+$ci=diary;
として、かつ検索コマンドを使用するにすれば出てくることも解りました💪
自分の所でやってみたんですけどちょっと上手く行きませんが、大まかの構造はこうだろうというのが解ったのでなんとかなると前向きに考えております。
すごいすっきりしました。ありがとうございました。
要望で恐縮なのですが、URLでのand指定が出来れば良いなと思いました。
cgiの構造が私は解らないのですが多分難しいことなのだろうと思います。
取り敢えず解決したのでほっとしました。
ありがとうございました。 3日前(日 11:50:41)
なんというか前提が違うかもです、「下げた投稿特有のカテゴリがほしい」訳じゃなくて「カテゴリを下げたい」んですよね
例えば「嫌な思い出」「良い思い出」「今日のご飯」「害虫」「推し」といったカテゴリがあったとして、「嫌な思い出」と「害虫」だけ自動で下がってほしいな~という使い道ですかね
詳しい解説として求められている説明はできてないと思うのですが、とりあえず「それくらいならカテゴリ指定して手動で下げたら?」と言われたらそうですねとしか言えないものではありますね~ 4日前(日 09:01:11)
F:を使って指定したクラスで要素を囲うとき、現在の仕様だと中に何も入力がないとエラーになってしまいますが、何も入力がなくても使用できるようにすることは可能でしょうか?
用途としては、:afterを使って特定の単語を検索除けしつつ表示したいためです。:afterを使うため、display:noneで中の文字を非表示にすることが出来ません。
もし可能でしたらご検討頂けますと幸いです。 4日前(日 07:58:46)
>>5638 私個人は全般にスペース挿入が不要なので共通設定でも全く構いませんが、現状ハッシュタグと他のものでは別の設定扱いなので、使用感が変更されるかも知れないということを考えるとユーザーの中には個別に設定できた方が良い人もいるのではないかという気もします
>>5645 私事になりますが、私が画像投稿に主に利用しているimgBBでは複数の画像を一括で投稿するとアップロードした分のURLを改行で区切られた状態でコピーできるので、スペースの他に改行にも対応してくださると嬉しいです 4日前(日 05:38:40)
餅が付く絵文字としては、月餅はあるけども。そういえば最近、月餅を食べていないな……。🥮🥮🥮
🥮Re:5636◆設置ありがとうございます! いろいろご活用頂ければ幸いです。(╹◡╹)ノ
🥮Re:5637◆β版のご試用をありがとうございます。そして、フィードバックもありがとうございます。確かに、おっしゃる動作になりますね。ハッシュタグ関連のソースがあまりにもスパゲッティ化しすぎているので、ちょっとその辺をリファクタリングするところから対処しようと思います。(^_^;;; 次のバージョンではどうにかします~。
🥮Re:5638◆設定は共通の1つだけで良いですかね?(=ハッシュタグでもリンクでも何でも、空白を入れるかどうかは1項目で設定。) それとも、個別に設定したいですか?(=ハッシュタグはハッシュタグ、リンクはリンクで、それぞれ空白をどう入れるか個別に設定。)
🥮Re:5642◆その場合、鍵は「共通鍵」で良いのですか? (なお、現状でそれに近い動作をしようと思うと、その「鍵カテゴリ」専用のてがろぐをもう1つ設置して、それをログイン者限定表示に設定して頂く、とかでしょうかね。)
🥮Re:5643◆検索コマンドを使うと「下げた投稿だけを表示」することもできますが(=つまり「下げる」を1つのカテゴリっぽく使うこともできますが)、それでも、「特定のカテゴリに属する投稿を全部『下げる』扱いにする機能」が必要でしょうか?(もしよろしければ活用の背景をもう少し詳しく解説して頂けると参考になって助かります。)
🥮Re:5644◆てがろぐのカテゴリ設定にある親子関係は、カテゴリツリーの表示だけにしか影響しません。なので、カテゴリ限定表示時に「親子関係が設定されているから表示が変わる」ということは一切ありません。ここ(今ご覧になっている動作試験場)で実験して頂けば分かると思いますが、カテゴリツリーで親子関係にある雑記(12件)とつぼはち(16件)を合わせて ?cat=memo,hachi とすれば両方を合わせた結果(28件)が表示されますし、カテゴリツリーで親子関係にはないつぶやき(21件)とテスト(51件)を合わせて ?cat=diary,test とすると両方を合わせた結果(70件)が表示されます。こちらが単純な合計(72件)にならないのは、カテゴリ「つぶやき」と「テスト」に同時に属している投稿が2件ほどあるためです。
お使いの環境で望み通りの表示にならない場合は、とりあえず
- どんなURLでアクセスした場合に、
- 本来はどのような表示になって欲しいのに、
- 実際にはどのような表示になっているのか
なお、?cat=A,B のパラメータは、「カテゴリAに属する投稿」と「カテゴリBに属する投稿」の2条件を合わせて表示します。「AとBの両方に同時に属している投稿」に絞り込んで表示するわけではありませんのでご注意下さい。「AとBの両方に属している投稿だけ」を表示したい場合は、ちょっと専用の記法がないのでややこしいですが、検索コマンド記法を使って $ci=A; $ci=B; という検索語で検索すると良いです。先程の例で、「つぶやきとテストに同時に属している投稿」を出す際にも使っています。
🥮Re:5645◆複数のURLを入力する際には、空白文字で区切る仕様で良いですか? なんとなく、最初に必要なだけ [PICT:] という記述をコピー&ペーストで書いておいて、最後にURLを貼り付けていく方が操作が楽ではないでしょうかね?(^_^;)
🥮Re:5646◆β版のご試用ありがとうございます! 便利に活用して頂けて嬉しいです。(╹◡╹)ノ
4日前(土 23:08:05) 回答/返信
小説サイトでてがろぐを使用しております。
普段topにサイトマップページ(カテゴリを絞り込むURL tegalog.cgi?mode=sitemap&cat=A,Bのように)をJSで埋め込み、サイトで表示させております。
現在カテゴリを
長編-物語A,物語B,物語C
短編
という状態にしています。
この度物語Aの設定で短編を書くようになったので物語A,短編ですると物語B、物語Cのものも表示されてしまったのです。
現在長編の下に物語Aのカテゴリを作成したことで想定していた表示はできました。
確認したいことは、現状では親子関係以外のカテゴリをまとめて絞り込みで表示することはできないのでしょうか?(長編、短編だとできたのですが……)
要望は親子関係にないカテゴリ(短編、物語A)でもその両方を満たすものであれば表示するようにしていただきたいです。
説明するのって難しいですね……!
わかりにくかったら申し訳ないです。 5日前(金 23:48:46)