てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

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

>>4768
ギャラリーモードではなく画像一覧モードですか?
てがろぐをDLした時に同梱されている「skin-picts」の中に『「その画像を掲載しているすべての投稿」を見るページ(検索結果)に移動するリンク』が記述されていると思いますのでご参考になれば。ちなみに以下のような表示になっています。
https://www.nishishi.org/testground/tegalog/?mode=pict...
(205文字) No.4769 at by Icon of admin あどみ
質問したいです。
画像一覧モードで、新着画像リストのように画像を『「その画像を掲載しているすべての投稿」を見るページ(検索結果)に移動するリンク』にできる記述方法はありますか。
もしあったら教えていただけるとありがたいです。
(112文字) No.4768 質問/要望 at by Icon of admin あどみ
にししさんお疲れ様です。>>4763 です。
はい、「投稿の更新日時を表示」できる機能があればとても有難いです。
もしよろしければご検討をお願い致します。
(77文字) No.4767 at by Icon of admin あどみ
今日は、たこ焼きを食べました。6個。
takoyaki2takoyaki3takoyaki4takoyaki2takoyaki3takoyaki4
(97文字) No.4766 つぼやきつぼやき at by NO IMAGE にしし
ちょいと仕事が忙しくなってきまして、返信が放置気味ですみません。
私の代わりにサポートして下さっているみなさん、ありがとうございます。^^

なんとか今月中に次のβ版を公開したいと思っています。なかなか開発は進められていないのですが、今日はちょっとだけ進みました。

さて、どれに返信が必要なのか分からなくなりつつありますが、とりあえず解決した様子の件についてはもう私からはいいですかね。(^_^;)
それ以外について書きます。もし返信漏れがあったら、催促して下さい。

🍘Re:4752◆便利なツールをありがとうございます。私もてがろぐの機能増強分をPHPで書きたくなってきました。^^; Deprecatedの警告は「将来的に廃止される予定の機能」を使っている場合に出ます(だから古いバージョンのPHPでは警告が出ません)。なので、今のバージョンのPHPでは動いても、将来的なバージョンのPHPでは動かなくなる可能性があります。Function xxx() is deprecatedのように表示されるのだとしたら、その「xxx」が警告の対象です。そこを別の手段で実現するのが正攻法ですね。とりあえず、動作確認(開発)に使ったPHPのバージョンも併記なさると、今後に使おうとする方々の参考になって望ましいかもしれません。

🍘Re:4756◆ご要望をどうもありがとうございます。なるほど、その発想はありませんでした。ToDoリストに加えておきます。ただ、ToDoリストは既に莫大になっていますので、とりあえず直近でどうにかしたい場合はJavaScriptを使うのが良いと思います。日付境界バーは class="dateseparator" が付加されたブロック(現状ではp要素固定ですが)で出力されていますので、
  1. 初めて class="dateseparator" が出てきたらその直前に <div> を加える。
  2. 2度目以降に class="dateseparator" が出てきたらその直前に </div><div> を加える。
  3. 外側スキンの [[TEGALOG]] の直後に、例えば <!-- CLOSETAG --> などとコメントタグを書いておいて、上記1が実行されている場合に限って、そのコメントタグを </div> に置き換える。
……というような感じで処理すれば行けそうな気がします。(何も試していないので何か抜けがあるかもしれませんが。^^;)

🍘Re:4757◆ご要望をありがとうございます。しかしながら、クローラーをブロックするのはサーバ側の機能で、画像の保存を云々するのはスキン側の機能なので、それぞれサーバ設定(=.htaccessファイル)やスキン自体のカスタマイズでご対応頂くのが最も望ましいと思います。もちろん、てがろぐ本体側でそこまで面倒を見ることは技術的に不可能ではありませんが、費用対効果(というか「実装の手間」と効果)が見合わない気がしますから、よほど何か事情がない限り開発の優先度は高まらないと思いますので。

それぞれ手動で対応する場合には、
  • .htaccessファイル(紳士的なクローラーを対象にするならrobots.txtも使えますが)にクローラーをブロックする記述を加える。
  • 外側スキンファイルに、画像に対する操作を抑止するようなJavaScriptなりを加える。
……という程度で済みますよね。
ところが、てがろぐ側でこれらの面倒を見ようとすると、
前者については、
  • どんなクローラーを対象にするのかを設定できる項目を用意する。
  • それが設定されていたら、
    • Ⓐ.htaccessファイルがあるかどうかを確認して、
    • Ⓑある場合には指定のクローラーに対する指示が既に含まれていないかどうかを確認して、
    • Ⓒ含まれていない場合には書き加える。
    • Ⓓ設定がOFFにされた場合には、書き加えた部分だけを削除して出力しなおす。
……というような処理が必要なんですが、Ⓑの処理をするためには、.htaccessファイルを解読して中身をある程度理解するような仕組みも必要です。「絶対に.htaccessは手動で編集されていない」という前提にできるならもうちょっと話はシンプルになりますが、そうすると自由度が減ってしまいますし。(てがろぐには設置を推奨する .htaccess ファイルがありますが、自動で出力しないのはその辺が理由です。)
後者については、
  • ⓐ 画像の保存を阻止するような何らかの制限を施すソースを用意しておく。
  • ⓑ 専用の記法 [[PROTECTIMAGES]] があったら、そのソースを出力する。
……みたいな形になると思うんですが、そうすると、結局スキン側に専用記法を書き加える必要があるんですよね。でも、どうせスキンを編集するなら、自力で好きな抑止方法を書く方がよほど自由度が高いでしょう。
そもそも、Web上に表示されている画像の保存を厳密に禁止する方法はありません。同種のテクニックはいろいろありますが、どれも「保存しにくくする」程度のものです。なので、どれくらい保存しにくくしたいか、という希望の程度に応じて採用テクニックを選択する必要があります。つまり「これ1種類で万人がOK」というテクニックはないので、そもそも ⓐ が用意しにくいのですよね。もし複数のテクニックを用意するなら、どれを出力したいのかを選択する機能を設ける必要もありますし。
……というわけで、てがろぐ側で面倒を見ることは技術的には可能ですけども、それを実装するだけのメリットがない(実装の手間が掛かるのに、ユーザ側の自由度は減る)と思うのです。
なので、その辺はサーバ設定とスキン編集で(手動で)ご対応頂くのが一番だと思います。畳む

それに、手動で.htaccess(やrobots.txt)を書く方が、てがろぐだけでなくサイト全体を一括で対象にできるので(クローラーをブロックしたいなら特に)保守が楽になるメリットもあります。

🍘Re:4763[[INFO:LASTUPDATE]]で出力される更新日時は(投稿の更新日時ではなく)てがろぐ全体の更新日時ですが、それを併記したいということですか? それとも、投稿の更新日時を表示できるような機能が欲しい、というご要望でしょうかね?
(2682文字) No.4765 回答/返信 at by NO IMAGE にしし
>>4757
「生成AIのクローラーをブロックする機能」や「画像の保存を拒否する機能」は、>>4759 さんでご紹介されているとおり、自力でrobots.txtを設置する又は検索避けのMETAタグを入れるなどの方法が確実ではないかなと思います

てがろぐを設置しているサーバーでrobots.txtの設置が難しい場合は、外部サイトになりますがXfolio にBot対策機能がありますので、イラストの展示にはそちらを利用された方がいいかもしれません

右クリックやコピー機能を無効化する方法もありますが、閲覧側がJavaScriptをオフにしていると意味がないようですので、昔から無断転載やBot対策は難しい問題ですね
(308文字) No.4764 at by Icon of sakura さくら
要望です。
[[INFO:LASTUPDATE]]を、内側スキンでも使えるようになると有難いです(投稿日時と更新日時を両方表記したいため)。
(70文字) No.4763 at by Icon of admin あどみ
>>4761
教えていただいた通りで記述したらできました~!!!
長々とお付き合いくださりありがとうございます!
(56文字) No.4762 at by Icon of tomoyo ともよ
>>4760
>>4749 です
skin-cover.htmlの</body>直前あたりに
<script>
// 一覧外フラグ付きの場合
$('.imagelink.nolisted').removeAttr("data-fancybox");
// NSFWフラグ付きの場合
$('.imagelink.nsfw').removeAttr("data-fancybox");
</script>

としてもダメですか?
お使いの画像拡大スクリプトはFancyboxですか?
もしLightbox(てがろぐデフォルト)ならば上記コード内の「data-fancybox」を「data-lightbox」にする必要があります。
(313文字) No.4761 at by Icon of admin あどみ
>>No.4758
お答えありがとうございます!
質問後に気づいたのですが私が適応させたいのは「一覧外」フラグの画像ではなく「NSFW」の方でしたので
一応両方適用した画像などもテストに入れつつ

$('.imagelink.nolisted').removeAttr("data-fancybox");
$('.imagelink.nolisted.nsfw').removeAttr("data-fancybox");

としてみたのですが、動かず…。
こちらの設置ミスかもしれないのでリトライします。

お忙しい中お答えいただきありがとうございました!
(279文字) No.4760 at by Icon of tomoyo ともよ
>>4757
ご存知だったらすみません、doさんの「生成AIに作品を学習されたくない!個人サイト展示物をAI学習から保護する方法」 が参考になりますのでぜひ。
こういう手間を無くしたい!という趣旨の投稿かも…とも思いましたが念の為、差し出がましくすみません…。
画像の保存拒否については古からの方法ですが右クリック禁止ロングタップ禁止あたりが一応の対策になるのかも?
時流的に心配なところですよね…。
(201文字) No.4759 at by Icon of sakura さくら
>>4754

私も知識が少ないため、間違っていたら申し訳ないのですが、

1.テキストファイルを作って、$('.imagelink.nolisted').removeAttr("data-fancybox");と記述し、ファイルの拡張子をjsに変更する。

2.ギャリーモードのskin-cover.htmlに、1のスクリプトのリンクを貼る。

で、大丈夫かなと思います。
(187文字) No.4758 at by Icon of admin あどみ
機能の要望になります。私はてがろぐを使用してイラストや漫画などの制作物を載せたりしているのですが、もし可能でしたら「生成AIのクローラーをブロックする機能」や「画像の保存を拒否する機能」が欲しいと思っております。管理画面でボタンひとつでON/OFFの切り替えができれば絵を描く者としては大変助かります…ご検討いただけますと幸いです。
(166文字) No.4757 at by Icon of admin あどみ
こんにちは。いつもてがろぐにお世話になっております!
ヘルプが充実しているおかげでweb制作関連の知識が浅い自分でもカスタマイズできていて大変ありがたいです。とても助かってます!!✨️

#要望 なのですが、日付境界バー〜次の日付境界バーまでをdivで囲むような設定ができたら嬉しいです!
例えば「日の境界で挿入」の設定にしている時、日付境界バー+その日1日分の投稿を一つのかたまりとして装飾したいのです。
(詳しくないなりに調べてみたところ、javascriptを使えば実現できそう…?なので、少し挑戦中なのですが、もし機能としてあったら良いなと思い…。もしなにか見落としがあったりしたらすみません。🙇)
(303文字) No.4756 at by Icon of admin あどみ
>>4753 なるほど。ありがとうございます。
(23文字) No.4755 at by Icon of admin あどみ
>>4749

解決済みなのに横からすみません。
こちらの記述はどこにしたらいいのでしょうか?
同じことで悩んでいたので教えていただけますと幸いです。
(75文字) No.4754 at by Icon of tomoyo ともよ
>>4752
DEPRECATEDエラーはPHPのバージョンによるんじゃないかな
(40文字) No.4753 at by Icon of admin あどみ
https://note.com/tekito_note/n/nbdf0de9b571b#e74a2686-...
こんにちは。
以前作ったD&Dまたはコピペで画像投稿できるコードに、サムネイル作成機能をつけました。
よければお使いください。…といいたいのですが、機能自体は問題ない程度のエラーが出るので無理やり消しています。理由がわかる方がいたらお教えください。
(206文字) No.4752 at by Icon of admin あどみ
そういえば冷凍たこ焼きの備蓄がまだあるじゃないか……という事実に今気付きました。takoyaki2takoyaki3takoyaki4

🧀Re:4748◆ご質問は、「特定のカテゴリに限定表示されている状況で、ハッシュタグ一覧にリストアップするハッシュタグを、そのカテゴリに属している投稿内で使われているハッシュタグだけに限定して表示することは可能か?」ということですかね? そうだとすると、残念ながらその方法はありません。特定の条件を満たす投稿に含まれているハッシュタグだけをリストにしようとすると、表示する度に毎回「全投稿の中から指定の文字列があるかどうかを検索」することになるので、投稿総数が多くなればなるほど重たくなるからです。(そのような表示を作りたい場合は、おそらく、てがろぐCGIそのものを複数個設置して使い分ける方が良さそうな気がします。)

🧀Re:4749◆サポートありがとうございます。(╹◡╹)ノ そのテクニックは何か他にも拡大画像の表示有無の調整用途に使えそうな気もしますね。
🧀Re:4747,4750◆解決したようで良かったです~。
(515文字) No.4751 回答/返信 at by NO IMAGE にしし
>>4749
ありがとうございます、無事出来ました!感謝申し上げます🙏
(35文字) No.4750 at by Icon of admin あどみ
>>4747
未検証なのでうまくいくかわかりませんが jQueryでギャラリースキンに
$('.imagelink.nolisted').removeAttr("data-fancybox");
とかしてみるのはどうですかね…
(114文字) No.4749 at by Icon of admin あどみ
いつもお世話になっております。

昨日は投稿ボタンの配置についてご教示いただき、ありがとうございました。おかげさまで、無事に右側に配置することができ、とても快適に使用しております。

さて、現在私は「ギャラリーモード」を
設置URL/tegalog/?mode=gallery&cat=Illust
という形式で使用しており、「イラスト」カテゴリに投稿された画像のみを抽出して一覧表示しています。

そこで、「タグ一覧」についてもイラストカテゴリに限定して表示することは可能でしょうか?

連日での質問となり恐縮ではありますが、ご教示いただけますと幸いです。また、もし過去に同様の質問がありましたら、失礼いたしました。

どうぞよろしくお願いいたします。
(327文字) No.4748 回答/返信 at by Icon of tomoyo ともよ
たびたび申し訳ありません、>>4746です。

ギャラリーモードでの画像の表示そのものは一覧外フラグで非表示に出来たのですが、ギャラリーモードでfancyBoxを立ち上げた時、横にスライドさせていくと、非表示にした画像もfancyBoxの表示の対象になってしまいます。これはどうにもならないでしょうか?

ギャラリーモードでのみ、fancyBoxの対象から外すことが出来る方法などがもしありましたら、教えて頂けますと幸いです。
(213文字) No.4747 at by Icon of admin あどみ
>>4742です。
にししさん、ありがとうございます!一覧外フラグを使う方法で解決しました!

にししさんのおっしゃる通り、要望の優先度が高いものから実装していく方が大切ですので、IMGでサムネイルは、とりあえず私はこのままで構いません。

本当に助かりました!重ね重ねありがとうございました🙇
(147文字) No.4746 at by Icon of admin あどみ
冷凍ピザの在庫は尽きたんですが、冷凍チャーハンの在庫はまだありました。

🍘Re:4740,4743◆日付表記をいろいろ活用して下さってありがとうございます。解決したようで良かったです。(╹◡╹)
🍘Re:4741◆迅速サポートありがとうございます!

🍘Re:4742◆なるほど。解説をどうもありがとうございます。ギャラリーモード用にどんなソースのスキンをお使いなのかが分からないので正確な提案はできないのですが、例えば、figure:nth-of-type(n+5) { display: none; } とCSSを書くと(同じ親要素に含まれる)5番目以降のfigure要素が全部非表示になります。このような装飾を使えば、PICTとIMGをわざわざ使い分けなくても「ギャラリーモードでは4枚目までしか見せない」みたいなことは可能そうに思います。
とはいえ、記事によって見せたい枚数が不定の場合には、この方法は使えませんけども。

画像に付加できる「一覧外」フラグを使うと、その画像は class="embeddedpictbox nolisted" のように nolisted というclass名が付いて出力されますので、このclassがある場合に(ギャラリーモード用スキンでは)非表示にするようにしても良いかもしれません。この場合は、見せたい枚数が記事によって不定でも対応できますね。

ご要望頂いた仕様(=PICT記法と同じように [IMG:*]URL 記法でもサムネイルを見せる機能)もToDoリストには入れておきます。ただ、IMGの方の記法を使って同サイト内の画像を表示する機能は(ほぼ)過去との互換性のために残してあるような感じですので、あまり機能拡張の優先度は高くならない気がしています。なので、当面は上記の方法などをご活用頂ければ幸いです。上記の方法が適用できなさそうなスキンになっている場合は、スキンの詳細を教えて頂ければ別の何らかの解決策を提示できるかもしれません。

🍘Re:4744◆てがろぐのご活用をどうもありがとうございます。削除ボタンを右寄せで表示する設定機能はありますが、そうではなく、削除ボタンは左側のままで投稿ボタンを右側にしたいということですかね。新規投稿/編集画面には自由なCSSを加えられますので、それで投稿ボタンが右側に表示されるよう書いて頂く方法はあります。実現方法は複数ありそうですが、例えば .submitcover { float: right; } というCSSを追加すれば、投稿ボタンは右端に寄ります。
(1118文字) No.4745 回答/返信 at by NO IMAGE にしし
最近てがろぐを設置したものです。多機能で大変助かっています。

ところで管理画面からの記事編集エディタなのですが、投稿ボタンを右に配置できませんでしょうか?
個人的には削除ボタンが左で投稿ボタンが右のほうが使いやすいです。
過去に似たような質問があったらすみません。
(133文字) No.4744 at by Icon of misaki みさき
>>4741
4740です
そんなCSSがあったんですね!
うまくいきそうです
ありがとうございます‼
(52文字) No.4743 at by Icon of tomoyo ともよ
>>4734 です。
にししさん返信ありがとうございます。
使い分けている理由ですが、順を追って説明していきますと、

①ギャラリーモードをカスタムして、その投稿にある画像がすべてサムネイルで表示されるようにしています(PICT)

②1~4枚程度のときはそれでいいのですが、それ以上の枚数のとき、最初の一枚だけギャラリーモードに表示して(PICT)、残りは表示させないようにしたい(IMG)、というときに使い分けています。

③サムネイルの画像を貼り、そこにfancyBoxのリンクをすることも考えたのですが、IMGだとその方法は使えないようでした(見落としがありましたら申し訳ありません)。

④そのため、今は原寸大画像を縮小表示で無理やりサムネイルにしている状態で、とても重くなってしまっています。

という流れになります。
もし他の方法で同じことが可能でしたらすみません。
(390文字) No.4742 at by Icon of admin あどみ
>>4740
例えばですがスキンに
<span class="month">[[DATE:E]]</span>
と書いてCSSで
.month { text-transform: uppercase; }
とするのはどうでしょうか?
(125文字) No.4741 at by Icon of admin あどみ
>>4739
横からすいません
便乗で質問させてください
日付の英語表示ですが「October」でなく「OCTOBER」のように大文字で出す方法はないでしょうか?
背後にデザインで薄く入れているんですがもしできるなら大文字を使いたいので😅
(119文字) No.4740 at by Icon of tomoyo ともよ

■複合検索:

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

■日付一覧:

■カレンダー:

2024年10月
12345
6789101112
13141516171819
20212223242526
2728293031

■最近の投稿:

■新着画像リスト:

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

全317個 (総容量 36.08MB)

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