てがろぐ - Fumy Otegaru Memo Logger -

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

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

朝食はシフォンケーキ。

🥞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で合成する

……というあたりが現実的だと思います。

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

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

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

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

昼食はパスタでした。

🍝Re:4842◆情報提供ありがとうございます！
🍝Re:4843◆ギャラリーモードでもカテゴリは有効ですのでご活用下さい。例えば、

• ノーマルなギャラリーモード ?mode=gallery
• カテゴリ「回答/返信」に限定したギャラリーモード ?mode=gallery&cat=answer
• カテゴリ「つぶやき」に限定したギャラリーモード ?mode=gallery&cat=diary

……のように、通常の閲覧時と同様に（URLに）カテゴリを追加すれば、そのカテゴリに限定したギャラリーが表示できます。カテゴリに限らず、ハッシュタグで分類しても良いですし、検索しても良いですし。「ギャラリーだから全部表示される」というわけではありません。通常の閲覧時と同じ絞り込み表示ができます。

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

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

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

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

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

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

なお、スキンのカスタマイズの結果としておかしくなる場合にありがちなのは、

• HTMLの開始タグを残したまま終了タグだけを消してしまった結果として、ブロックの包含関係が変わってしまった。
• CSSのカッコ { } のうち、片方だけを消してしまった結果、一部のCSSが適用されなくなってしまった。

……とかでしょうかね。
HTMLやCSSの文法をチェックするツールを使って問題点を探せば、おかしくなった位置を特定できるかもしれません。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

🧇Re:4828◆かわいくカスタマイズしてご活用下さってありがとうございます。拝見しました。
以下のCSSを加えると「 >>4828 」のような番号リンクの番号も「Fredoka One」フォントで表示されます。
a.postidlink {
   font-family: 'Fredoka One', cursive;
}
お試し下さい。
なお、お使いのCSSでは a:link や a:hover に対して、表示用のフォント font-family: 'Noto Sans JP', sans-serif; が指定されているので、上記のCSSソースを .postidlink というセレクタにしてしまうと指定が効きません（詳細度が足りなくて上書きされないため）。なので、必ず a.postidlink と指定する必要があります。先頭の「a」を忘れずにお書き下さい。

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

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

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

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

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

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

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

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

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

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

バージョンアップするには、

• 1クリックでバージョンアップできる専用PHP「TegUp」のご使用をお勧め致します。
• もしくは、最新版のZIPの中から tegalog.cgi と fumycts.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：

（ツイート埋め込み処理中...）Twitterで見る

✔Bluesky
✔Pawoo（Mastodon）

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

2点質問があります。

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

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

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

返信が遅くなってすみません。てがろぐ 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でも警告は出ました。何が誤判定の要因になるんでしょうかね。^^;

テスト

テスト✍📝🖍