てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

サイトマップ 5048件]4ページ目)

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のフォントだけを変えたくて、アドバイスいただけましたら大変助かります。

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

回答/返信 No.4827

昼食は、ピザとコロッケ。🍕🍕🍕

🍕Re:4823◆うまくいったようで良かったです~。^^
🍕Re:4824◆①てがろぐ側では何もフォントを強制しませんから、スキン(CSS)を書き換えればどこのフォントでも変更できます。(具体的にどう書けば良いかは、お使いのスキン次第なので、ここで説明はできませんが。実際に稼働しているページを見せて頂ければ何らかのアドバイスはできる可能性はあります。)◆②本文に >> に続けて投稿番号を書けば >>4824 のように自動でリンクになります。そのほかの記号を使いたい場合でも、「リンクにしたい範囲」を範囲選択してから「指定No.リンク」ボタンを押して番号を入力すれば、その文字がリンクになります。

No.4826

Ver 4.5.0 正式版は、Ver 4.4.5βとほぼ同じですが、No.4785で指摘頂いた不具合を解消しています(=新設の汎用装飾記法を入れ子にすると条件によってはclass名が正しく適用されずに文字として出力されてしまう問題)。なので、最終β版(4.4.5)をご使用の場合でも4.5.0正式版へバージョンアップをお願いします。

アップデート✨ No.4825

てがろぐ Ver 4.5.0 を公開しました! #Update

何でも簡単入力ボタン、鍵入力窓の自由配置、未使用画像を探す機能や、画像フラグ一括変更、最新投稿日時の出力記法、汎用装飾ボタン9種などの追加が主な更新点です。その他、細々した仕様改善や機能追加、不具合修正を含んでいます。
https://www.nishishi.com/cgi/tegalog/

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

🆕 Ver 4.5.0の更新点(概要):
《▼大きな機能追加》
何でも簡単入力ボタン機能
鍵入力フォームの掲載位置を好きにできる機能
画像管理画面で画像を検索できる機能
どの投稿でも使われていない画像を探す「未使用画像を探す」機能
複数の画像のフラグ設定を一括で変更する機能
複数カテゴリの一括(生データ)編集機能
画像ファイルのタイムスタンプ自由修正機能
迷惑Bot対策:指定頻度の超過アクセスに「429 Too Many Requests エラーを返す」機能

《▼その他の機能追加》
何らかのカテゴリの限定表示時では QUICKPOST の当該カテゴリに最初からチェックを入れておく機能
最終更新日時ではなく最新投稿日時(最も新しい投稿の投稿日時)を出力する記法の新設
ギャラリーモードで「画像を(原寸画像への)リンクにする」項目を独自に設定できる機能
リスト記法の拡充:丸囲み記号のサポート
自由装飾ボタンの追加:汎用装飾1~9
投稿欄下部の「先頭に固定」等のラベル名も自由変更できる設定機能
特殊表示モードの名称だけを得る記法3種を追加
スキン内で使える専用コメント記法を追加
画像管理画面での絞り込み表示時に「1ページ当たりの表示件数」を拡張する機能

《▼細かな機能追加》
●投稿一覧画面の上部に「下書き・鍵付き・下げる」の各投稿を一覧できるリンクを追加
●画像一覧画面に「一覧外・NSFW」の各フラグ付き画像だけを一覧できるリンクを追加
●投稿欄の編集領域を広げる、編集最大ボタンを追加
●読み上げを停止するボタンを追加

《▼仕様改善》
リスト記法の先頭記号に使える文字数を緩和
投稿欄下部のボタン群から [機能] を分離して [公開状態] を新設
投稿本文が0文字(空欄)でも、投稿画像が指定されていれば投稿可能にする仕様改善
画像の削除アルゴリズムを見直して、高速に削除可能に
画像インデックスファイルの肥大化を防ぐ仕様を追加
総ページ数が数百ページを超える場合に極端に表示が遅くなる問題を解決
画像の絞り込み表示中は、ページ上部のフォームを畳んでおくよう改善
画像管理画面での画像の絞り込み表示状態から、特定の画像のメタデータを編集した場合でも、元の絞り込み状態の画面に戻るよう動作を改善

《▼スキン更新》
標準添付の各スキンに、自由装飾記法のサンプルを1つ追加

《▼不具合修正》
❎内側スキンの中で INCLUDE記法を使って合成したファイルの中に書かれた IF文が機能しない不具合を解消
❎鍵入力フォームの解除後で、状況に依存した前後投稿へ移動できなくなる問題を解消
❎本文中にカスタム絵文字があるとき、プレーンテキストで出力される場面では、絵文字の位置にJavaScriptソース等がそのまま出力されてしまう不具合を解消

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

アナウンス:
✔Twitter:
Bluesky
Pawoo(Mastodon)

No.4824

いつもてがろぐを非常に便利に使用させていただいています!
個人サイトを楽しく運用できているのは100000%てがろぐのおかげです。本当にどうもありがとうございます。

2点質問があります。


各投稿No.をFredoka Oneというお気に入りのフォントに設定しているのですが、「指定No.リンク」のリンクは通常のリンクの設定が反映されています。
「指定No.リンク」のフォントを変更することはできますか?


「指定No.リンク」を挿入したときに投稿番号だけじゃなくて「>>1」みたいに「>>」が頭につくようにしたいですが、可能でしょうか?

No.4823

4811
4799の方法でカード画像の指定、RewriteCond %{HTTP_USER_AGENT} ~で任意のUAの場合にskinパラメータの追加(URLリライト)ができました!ありがとうございます。#感謝

回答/返信 No.4822

返信が遅くなってすみません。てがろぐ Ver 4.5.0 正式版は(たぶんこのまま順調にいけば)明日にはリリースできる気がしています。

🧀Re:4817◆回答が遅くなってすみません。画像拡大スクリプトをLightboxではなく、例えばfuwaimgに変えると、①が実現できます。fuwaimg自体には「隣接画像に移動する機能」がありますが、てがろぐ上でfuwaimgを使う場合にはグループ化ができませんから、すべての画像は単独で拡大表示されます。詳しくは、『設定例:Fuwaimgを使って画像を拡大したい場合』をご覧下さい。もちろん、同様の動作になるならそれ以外のスクリプトでも良いでしょう。汎用的な設定方法については、『Lightbox以外の画像拡大スクリプトを読み込んで使う方法』をご参照下さい。

🧀Re:4818◆直接的にその機能はないのですが、JavaScriptでリンク先URLの末尾に &skin=スキンDIR名 という文字列を加える方法で実現できるような気がします。[[LATESTLIST:CAT(***)]] の記法で出力されるHTMLソースは、『新着投稿リストの各部分をCSSで装飾する方法』で紹介しているような感じです。
リスト全体は <ul class="latestpostlist"> ~ </ul> のように出力されますから、このさらに外側に適当なclass付きのBOX(例えば <div class="info">~</div>を加えて、カテゴリ別の新着投稿リストを区別できるようにしておけば、『div.info の中の ul.latestpostlist の中に含まれる a要素の href属性値の末尾に &skin=スキンDIR名 を加える』……という感じのJavaScriptを書けばいけるのではないでしょうかね……?(試してはいないので、何か抜けがあるかもしれませんが。^^;)

🧀Re:4819◆どんどん多機能になりますね。たしかに、こちらのFirefoxでも警告は出ました。何が誤判定の要因になるんでしょうかね。^^;

No.4821

テスト

No.4820

テスト✍📝🖍

No.4819

https://note.com/tekito_note/n/nbdf0de9b571b
画像アップロード用拡張スクリプトに透かし画像機能を追加しました。
またfirefoxではダウンロード時に警告が出てしまうようですが、ご容赦ください。

No.4818

失礼いたします。いつも利用させていただいております。
[[LATESTLIST:CAT()]]を利用して作成したカテゴリ毎の新着投稿リストのリンク先に対し、それぞれ適用スキンを指定することなどは出来ますでしょうか?
方法などありましたらご教示いただけると幸いです。#質問

No.4817

いつも利用させていただいております。
サイト内の説明やFAQを何度も読み、掲示板内も検索したのですが、該当するものが見当たらず……。

現在、version4.4.2を使っています。
画像を投稿した際、LIGHTBOXによる画像拡大をすると次の写真への矢印が表示されます。(モバイルでもLIGHTBOXのオプションを書き換えておけば表示されますよね)
これを、
①閲覧するブラウザサイズ問わず矢印を表示させない
②一つの投稿の中だけで矢印がきくようにする
のいずれかをしたいのですが、どのようにすればいいでしょう。
LIGHTBOXによる画像拡大をし、矢印で画像をどんどんスライドさせていくと他の投稿の画像にまでたどり着けてしまうのを防ぐのが目的です。

No.4816

昼食はうどん。🍥🍥🍥

🍥Re:4815◆なるほど、要するに何も修正したり操作したりすることなく、デフォルトのままアップロードして動くようになっているわけですね。それはずいぶんな改善ですね。情報をありがとうございます。もしかしたら、契約時期(によって割り当てられるサーバ)によって異なるのかもしれませんが。あとでWebにも追記しておきます。

No.4815

4811,4813
4809です。
確かに、動くということはその環境があるということですよね。
なんにもわかってなくてお恥ずかしい限りです……。
ですが、お二方のおかげで安心しました‎₍₍ (ง  ◜ω◝ )ว ⁾⁾
どうもありがとうございます。
ちなみにですが、tegalog.cgiの1行目の
#! /usr/bin/env perl
と、77行目(付近)の
my $howtogetpath = 2;
の両方とも、デフォルトの記述や数値で問題なく動いてます。参考になれば幸いです‎。

No.4814

テスト

No.4813

>>4809
CGI・Perl 両方ともチェックが入っているので、動いていたら大丈夫だと思います。
IMG_5088.jpeg

回答/返信 No.4812

4810です。
ログに気づかず大変申し訳ございません。
OGPや.htaccessについて色々とご教示ありがとうございます……!試してみます!

回答/返信 No.4811

当初は焼きそばパンを食べる気が満々だったのですけども、売り場に行ったらそういう気分でもなかったので、結局買いませんでした。┌(:3」└)┐🍔🍔🍔

🍔Re:4807◆早速のご報告をどうもありがとうございます! 参考になって助かります。
🍔Re:4808◆今度はFirefoxも何も警告を出さなくなりましたね。^^; 前の何が誤判定要因だったのか分かりませんが。

🍔Re:4809◆情報をどうもありがとうございます。動いたのなら何もせずそのままの状態でお使い頂けば問題ありません。(CGIモジュールとTime::Localモジュールが存在しなければ絶対に動きませんので、動いたならそれらが入っているということですから。一般的な場所に入っていなくても、パスが通っているディレクトリのどこかに入っていれば読めますから、どこか別のところに入っているのかもしれません。) Webに掲載しているカラフルボックスの情報は1年以上前のものなので、今はデフォルトでインストールされるモジュールが増加されたのかもしれませんね。

🍔Re:4810◆表示されるかどうかに関係なく本文内で1枚目に書かれた画像がOGP用画像に使われる仕様ですから、No.4799の方法を使えば、何でも好きな画像(画像保存用ディレクトリ内ではない別の場所にある画像でも)をOGPだけに指定できます。
いちいち隠すのが面倒な場合は、「本文1行目にはOGP用画像を書く」・「本当の本文は2行目から書く」というローカルルールで書くことにして、スキン側では本文として [[COMMENT:BODY]] または [[COMMENT:LINE:2*]] などを使う手もあります。
なお、User Agent名でアクセス先を分けるのは .htaccess で RewriteCond %{HTTP_USER_AGENT} ~ のように書くことでもできますので、その方法を使うとCGIソースの改変はしなくてもいけるかもしれません。

No.4810

こんにちは。てがろぐの開発をいつもありがとございます。

Xにリンクカードを貼る際に、OGP出力の挙動を少し変えさせていただきたかったので、
CGI本体に後述のソース改編をさせていただきました。
#要望 となってしまうのですが、設定からリンクカード画像のフォルダを別途指定できるようになると便利だなぁと思いました。

(以下ソース改編内容の共有です。環境はロリポップのエコノミーです。)
やりたかったこと
OGP画像(リンクの絵)はサイズ制限あり&Xのサーバにキャッシュされるので
・リンク画像は縮小&Twiterbotがアクセス可能にする
・元画像はそのまま&直リンク禁止にする
・アクセス制限設定のためリンク画像と元画像のフォルダを分けたい(親子ではなく兄弟)
・リンク画像の出力は記事投稿時に一緒にしたい
・OGP取得時(botでのアクセス時)は最低限の情報を返すようにしたい
やったこと
(CGIカスタマイズ)
・OGP画像の最終的なパス文字列の画像フォルダ名をリンク画像フォルダ名で置換
・アップロード処理にGDライブラリでの元画像縮小+リンク画像フォルダに同じ名前で保存する処理追加
・OGPとPowered byのみを出力するスキンの作成、UAでbotと判断した場合はそちらを適用するようにスキンパラメータ判定直前に値をOGPスキン名で上書き
(サーバー設定)
・htaccessで元画像フォルダの直リンクを禁止

■フリースペース:

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

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2025年1月
1234
567891011
12131415161718
19202122232425
262728293031

■カテゴリ:

■最近の投稿:

■新着画像リスト:

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

全317個 (総容量 36.08MB)

■詳細全文検索:

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