てがろぐ - Fumy Otegaru Memo Logger -

🍩🍫🍨バージョンアップさせて頂きました。色んな機能が増えて楽しいです。

ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ🍦🍪🍩

Ver.4.0.0.入れました❗

早速てがろぐ4.0.0にバージョンアップさせていただきました。お疲れ様です！

リリースお疲れ様です。Twitterの情報もありがとうございます。横幅指定方法を知りたかったので助かりました。
#感謝

お疲れ様です！
バージョンアップしました！　いつもありがとうございます！🧇🥨🥐🥞🌭🥯🍔🥟🥮🍩

Ver 4.0.0リリースの寸前に加えたのでリリースノートとかには書いていないんですが、（標準添付の各スキンでは）ツイートの埋め込みサイズが小さくなるようにCSSを加えました。スマートフォンで見ると従来と何も変わらないと思いますが、タブレットやPCのような比較的広いディスプレイで見ると、埋め込みツイートの横幅が狭くなっていて、文字も小さく見えると思います。
　↓表示例

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

これは、CSSに以下の4行を加えただけです。（4行というか、中身は3行ですし、そもそも1行で書ける分量ですけども。^^;）
/* ▼埋め込みツイートの横幅を強制的に制限 */
div.twitter-tweet {
   max-width: 350px !important;
}
埋め込みツイートは、横幅が350pxあたりを下回ると小さな文字で表示されるっぽいですので、とりあえず350pxにしてみました。!importantが付いているのは、これがないと、Twitter側が埋め込んでくる要素に直接書かれたスタイルを上書きできないからです。サイズはお好みに調節して頂ければ良いと思います。 #🌱豆知識

てがろぐを Ver 3.x.x から使い始めた方々は初めて目撃すると思いますが、てがろぐ管理画面TOPの右端に見える「このCGIについて」枠では、今回はいつものバージョンアップ案内とは違って、Ver.4付近の更新内容を含んだ大画像が表示されます。(下図中央)

これは、メジャーバージョンアップ時に（ここ最近さっぱりバージョンアップしていなかった方々も含めて）多くのユーザさんにバージョンアップを促すために表示される大画像です。メジャーバージョンアップのときだけに用意していますので、今後のマイナーバージョンアップ時（例えば 4.0.0 → 4.1.0 ）には、また従来と同様に上図右端のような小さな案内だけが表示されます。

※管理画面TOPに見えているこの画像部分をクリックすると、公式サイトの「バージョンアップ方法」を説明した箇所に飛びます。

管理画面の右端とはいえ、こんなに大きな枠が表示されると邪魔だと思いますので、ぜひバージョンアップして下さい。(笑)
バージョンアップすれば、上図左端のようないつものサイズになります。(╹◡╹)

てがろぐ Ver 4.0.0 を公開しました。ログインセキュリティ機能、予約投稿機能、上書きスタイルシート登録機能、NSFWフラグ付き画像に対する代替画像の指定機能などの追加が主な更新点です。その他、多数の細かな機能追加や不具合修正を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

バージョンアップするには、tegalog.cgi と fumycts.pl の2ファイルだけ(※)を上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(Ver.3以下も含む過去のどのバージョンからでも)

※今回も標準添付スキンのソースを全体的に更新しています。標準添付スキンをそのままお使いの場合は、それらも上書きアップロードして下さい。

🆕 Ver 4.0.0の更新点(概要)：
《▼新機能：安全関連》
●ログインセキュリティ機能：ログインに1回失敗したら直後に約2秒間だけロックする機能
●ログインセキュリティ機能：ログインに連続で指定回数失敗したら、ログイン処理を指定分間ほどロック(拒否)する機能
●許可したIPアドレス以外からのログインを拒否できる設定を追加。

《▼新機能：その他の大きな機能》
●予約投稿機能を追加。
●設定に『上書きスタイルシート』項目を新設し、そこに書いたCSSソースを「スキンのhead要素末」または「スキン内の指定箇所」に挿入できる機能を追加。

《▼新機能：サイドコンテンツ関連》
●新着投稿リストをカテゴリ別に出力できるオプションを追加。
●OGP(og:image)に出力される画像がNSFWフラグ付きだった場合は、その画像ではなく代替画像を出力させる設定項目を追加。
●RSSフィード内に出力される画像がNSFWフラグ付きだった場合は、og:imageと同じ代替画像にすべて差し替える設定項目を追加。
●ハッシュタグの集計を停止する機能（ハッシュタグを集計しないようにする機能）。
●ハッシュタグ一覧の表示順設定を、投稿数に関係なく文字コード順(昇順/降順)に固定する機能。

《▼新機能：状況・抽出関連》
●[[SITUATION:CLASS]] に、表示モード名を示すclass名を追加。
●[[SITUATION:CLASS]] で、スキン指定がない場合のHOMEページを表す専用のclass名 grandhome を追加。
●文字数を指定して本文の一部分を抽出する記法で、三点リーダではない任意の記号を指定できる新記法 [[COMMENT:TITLE:文字数:省略記号]] 等を追加。

《▼新機能：バックアップ関連》
●設定ファイル tegalog.ini のバックアップ機能を追加。
●画像インデックスファイルのバックアップ機能を追加。

《▼新機能：細々》
●YouTubeの動画埋め込み時に、再生開始位置(秒数)を指定可能に。
●YouTubeの動画埋め込みサイズを任意に指定可能に。
●Spotifyの音楽埋め込みサイズを4種類から選択可能に（自由サイズの指定も可能に）。
●新着投稿リスト(LATESTLIST)に、所属カテゴリ名を表示できる記法を追加。
●スキンのプレビュー適用時に、絶対パスや上位ディレクトリを参照する相対パスの記述での指定を許可するか禁止するかを設定可能に。
●Powered-by表記のリンクを別タブでのリンクにできる新記法 [[VERSION:NEWTAB]] を追加。

《▼仕様改善》
●Spotifyの音楽埋め込みにも loading="lazy" を付加。
●自由装飾記法のclass名として、（英数字以外に）ハイフン記号とアンダーバー記号も使用可能に。
●新着画像リストを装飾するCSSを書きやすいように、リスト内の1項目ずつを囲むマークアップを追加。
●日付一覧にリストアップされる年月リンクの「年」や「月」という漢字だけをCSSで装飾できるよう、出力マークアップを追加。
●日付一覧・日付検索のリストで、2000年より古い日付もリストアップできるように改善。（ただし1970年以降のみ）
●日付境界バー内部の日付表記やリンクをCSSで装飾しやすいように、マークアップとclass名を追加。
●ギャラリーモードやサイトマップページモードでの表示時に「状況に応じた見出し行」に表示される名称を装飾しやすいようマークアップを追加。
●「補助出力」設定で、ギャラリーモード等のためのスキンディレクトリの指定でも相対パスを使用可能に。（従来は / や . 等の記号が強制削除されていました。）
●下げた投稿を新着投稿リストには掲載しないよう仕様改善。

《▼スキン更新》
●NSFWフラグ付きの画像が新着画像リストに表示されるとき、ぼかしが枠からはみ出ないようCSSを修正。
●Chromium系ブラウザで（キャプションありの）NSFWフラグ付き画像を表示したときに、画像の下側のぼかしが枠からはみ出てしまうCSSを修正。

《▼不具合修正》
❎新着画像リストを構成するHTMLソースに、img要素のalt属性値が重複して出力されていた不具合を解消。
❎『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、その直下のテキスト入力欄が空っぽのとき、『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』項目がONの状態だと、フラグ付き画像のclassが正しく適用されなくなる問題を解消。
❎投稿日時として50年以上前の日付を指定すると、相対時間表記（＝投稿時点からの経過時間の表記）が正しくなくなる問題を修正。
❎[[CATEGORYLINKS:SITEMAP]] 等の記法を使っても「カテゴリなし(cat=-)」の場合はデフォルトスキンでの表示になってしまう不具合を修正。
❎簡易本番適用中のスキンを削除した後でログアウトしてしまうと、「スキンが見つからない旨のエラー画面」と「ログイン画面」との間を無限に行き来するだけになってしまう不具合を解消。
❎設定『本文中のテキストリンクを絶対URL(フルパス)で出力する』項目がONだと、 [[HASHTAG:PULL:GALLERY]] 等の記法を用いてもモード指定リンクにならない不具合を解消。
❎共通鍵が設定されていない状態で設定画面にアクセスした際に、サーバのエラーログに Use of uninitialized value ... のようなアラートが記録される問題を解消。

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

宣伝ツイート：

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

ご活用頂ければ幸いです！

テスト

プリン食べたい……！🍮🍮🍮

🍮Re:3692◆おぉ、有力な情報をありがとうございます！ やっぱりWAFが悪さをしているのですね！ 早速FAQ・豆知識ページにも追記しておきました。ありがとうございます！

ロリポップのWAF対策について

.htaccessを使用して除外設定する事が出来たので報告させて頂きます。
※頭に「spd」と「ent」がつくサーバだと、この対策はできないようです。

参考サイト
PHPやCGIでプログラムの記述変更をしたところ403errorが表示されます – ロリポップ！レンタルサーバー
https://support.lolipop.jp/hc/ja/articles/360048375814

シグネチャで除外設定する
コードの確認は、WAF設定のログ参照から確認する必要があります。
また私の環境ではてがろぐで投稿しWAFでエラーが出た場合、
1つ目のコードを除外設定した後にもエラーが発生しましたが、
ログ参照し、2つ目のコードも除外設定する事で回避出来ました。
なので、複数のコードを除外する必要があるようです。

コード例
# AAA-11,BBB-12を確認したコードに変更
SiteGuard_User_ExcludeSig AAA-11
SiteGuard_User_ExcludeSig BBB-12

IPアドレスで除外設定する
IPアドレスが固定なら、この方法が楽かもしれません。

コード例
# カッコ内のxxx.xxx.xxx.xxxをご自身のIPアドレスに変更
SiteGuard_User_ExcludeSig ip(xxx.xxx.xxx.xxx)

この2つのどちらかを.htaccessに記述すれば、
/etc/abcdのような文字列でも問題なく投稿できました。
ロリポップをお使いで403エラーにお困りの場合は、お試しください。

No.3684です。
ありがとうございます！試してみます！

てがろぐを、ロリポップのサーバでお使いの方々はぜひお読み下さい。
➡ ロリポップのサーバで投稿後に「403 Forbidden」になる場合の対策（＠FAQ・豆知識ページ）

ほぼ意味のない制限だと思うので、ロリポップ側がこの制限をやめてくれるのが一番だと思うのですけども。これはサーバ側の制限なので、CGI側からはどうしようもありません。投稿本文内に /etc/abcd のような文字列を単独で含めた場合はもちろん、 example.com/folder/etc/abcd みたいな「URLの途中」にあるのもダメですし、CSSソースを掲載しようとして、 background-image: url('../folder/etc/abcd.img'); のような感じで書く場合もダメなようです。
一応、回避方法として上記リンク先に2案挙げてはいますが、もっと良さげな回避方法（または解決するための設定方法等）を発見された方は、ぜひお知らせ下さい。

🍰Re:3689◆直ってましたね。良かった。

> ハンバーガーのダウンロードリンク
今行ったら直ってて、DLできるようになってました。

3685です。なるほど、ご回答ありがとうございました。
ただコメントは日本語で入れているし、ファイル冒頭に@charset "utf-8";も入れてはいるんですよね……。
とにかく今回はcontentの内容をUnicodeに変換しておくことにしました。

>>3686 さんもありがとうございました。

ショートケーキ食べたい！ ないけど。(´･ω･`)

🍰Re:3683◆スキンが増えてくれるのはたいへん嬉しいです。(╹◡╹) ハンバーガーのダウンロードリンクが切れているっぽいですね
🍰Re:3684◆今のところ、「内側スキン管轄の文字列」を「外側スキン管轄の位置」に持ってくる方法がないので、公式の記法では無理なのですが、もしOGPを出力される設定にしているなら、以下のJavaScriptを書くことで、og:titleの中身をtitleに変えることはできます。
<script>
let ogtitle = document.querySelector('meta[property="og:title"]').getAttribute("content");
document.title = ogtitle;
</script>
上記のスクリプトを、body要素内のどこか（どこでも）か、head要素内で「title要素や[[OGP]]の記述よりも後」の位置に書けば、og:titleとして出力されている文字列が、そのままページタイトルとしても使われます。
og:titleとして何を取得するかは、管理画面の［設定］→［補助出力］→【OGP＋Twitter Cardの出力】→［▼OGPの設定］→「og:title」で選択できます。
なお、OGPを出力しない設定にしたい場合や、og:titleで設定できる選択肢よりももっと細かく出力内容を決めたい場合には、以前にNo.3293さんが解説して下さった方法( https://10prs.com/view/57 )を使うのが良いと思います。（そちらの方が出力内容が柔軟で、処理される状況が限定されていて無駄がないので望ましそうです。単純に記述量を短くしたければ先のソースだと2行で済むので楽ではありますが。^^;）

🍰Re:3685◆てがろぐ側では文字コードの変換をしていない上に、CSSファイルの中身には一切触れていないので、文字化けするなら概ねブラウザ側の問題だと思います。で、No.3686さんご指摘のように contentプロパティの値に多言語文字を使う場合には、Unicodeのコードポイントを16進数で指定する必要があるようですね。私もいま初めて知ったんですが。before疑似要素で「カテゴリ」と書きたい場合は、
content: '\30AB\30C6\30B4\30EA';
のように書くとうまくいきます。No.3686さんがご紹介下さっているサイトの変換ツールを使うと良いです。
なお、MDNの解説には、ラテン文字以外は Unicode エスケープシーケンスを使用してエンコードする必要があります。と書いてあるんですが、Unicodeエスケープシーケンスというのは \u ＋16進数 で表記する方法なので、微妙に違いますね。^^; その方法だとうまくいきませんでした。(^_^;;; せっかく（世界中の文字をそのまま表せる）UTF-8を使っているにもかかわらず「エスケープせよ」と言う仕様にするのは思想的におかしい気がしますので、そのうち改善されるのではないかとは思いますが。
この文字化けが発生している際はcssファイル内の他の日本語文字列（たとえばフォント指定など）も同様に文字化けしています。ということは、ブラウザがCSSファイルの文字コードの認識に失敗している、ということですから、CSSファイルの文字コードを明示できれば良いのかもしれませんけども。

• CSSファイルの1行目に @charset "utf-8"; と書いておいたり、
• CSSファイルの先頭付近に /* これは○○のスタイルシートで云々 */ みたいな日本語のかな漢字交じり文を書いておくなどして、

できるだけブラウザ側が「これはUTF-8で書かれた日本語ファイルだ」と認識できるような要素を含ませておくと、文字化けを回避しやすいかもしれません。

🍰Re:3686◆解説ありがとうございます！(╹◡╹)ﾉ

>>3685
日本語をそのまま記述すると文字化けすることがありますがブラウザの仕様です。てがろぐは関係ないです。
回避するにはUnicodeで記述すればOKです。
参考記事：beforeやafter疑似要素のcontentプロパティで日本語の文字化けを回避する方法

お世話になっております。てがろぐ、とても楽しく使わせていただいています。
が、少し気になることがあったので報告させていただきます。

cssで、before疑似要素のcontentプロパティで文字列を表示させています。
この文字列がときどき文字化けします。
ただ、発生頻度は高くなく、一度文字化けしても何度かブラウザリロードを繰り返すと正常な表示に戻るので、そこまで困ってはいません。
具体的には「カテゴリ：」が「カテゴリ：」になります。他、「タグ　　：」も化けますがこちらは取得し損ねました（30分ほど粘りましたが再現しませんでした）
「カテゴリ：」の方の実際の表示（と、Chromeのデベロッパーツール上で文字化けしている様子）を添付します。

尚、この文字化けが発生している際はcssファイル内の他の日本語文字列（たとえばフォント指定など）も同様に文字化けしています。

文字化けの発生契機が特定できず再現性も低いので申し訳ないのですが、お手隙の際にご確認いただければ幸いです。
解析に情報が必要であればできる限り取得しますのでお申し付けください。

いつも楽しく使わせていただいております。いろんな機能があってとてもおもしろいです！
質問なのですが、通常だと投稿番号がページタイトルになりますよね。そんな感じでTitleタグに本文の1行目を入れる方法はありますでしょうか。内側スキンにはそういう記法がありましたが、外側だとどうすればいいのかなと思いまして……。
#質問

Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

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

🆕 Ver 3.9.6βの更新点(概要)：
《▼新機能》
●YouTubeの埋め込みサイズを任意に指定可能に。
●Spotifyの埋め込みサイズを4種類から選択可能に（自由サイズの指定も可能に）。
●Spotifyの埋め込みにも loading="lazy" を付加。

《▼不具合修正》
❎設定『本文中のテキストリンクを絶対URL(フルパス)で出力する』項目がONだと、 [[HASHTAG:PULL:GALLERY]] 等の記法を用いてもモード指定リンクにならない不具合を解消。>>3660,3664,3666,3667
❎共通鍵が設定されていない状態で設定画面にアクセスした際に、サーバのエラーログに Use of uninitialized value ～$setdat{"skcomh"} in string ne at tegalog.cgi line 9966畳む のようなアラートが記録される問題を解消。
❎サーバのエラーログに "my" variable @failures masks ～earlier declaration in same scope at ./fumycts.pl line 494.畳む のようなアラートが大量に記録される問題を解消。（3.9.5βだけで発生した問題）>>3679

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

ポテトチップスが食べたい……！ んだけども、買い置きがない……。(´･ω･`)

🍘Re:3678◆ご愛用ありがとうございます！ 残念ながら今のところは管理画面から一括で設定する方法しかありません。個別に設定できる記法があると便利ですかね？
🍘Re:3679◆β版のご試用をどうもありがとうございます。ご報告もありがとうございます。たしかに、てがろぐを1回動かすたびに1件記録されますね。（たまたま動作上の問題はなかったものの）プログラムソースの記述にちょっとしたミスがありました。次のバージョンで修正します。（ローカルのソースはもう修正しましたので、近日中にはお使い頂けるようになります。）

あいうえお

いつもお世話になってます。最新のベータ版を利用させてもらってます。さくらインターネットのサーバーのエラーログを見ていたらこんなエラーが出ていました。スキンを改変しているせいか、よくわからないので念のため報告させてもらいます。

[cgi:error] [pid 13177] [client 58.85.16.104:0] AH01215: "my" variable @failures masks earlier declaration in same scope at ./fumycts.pl line 494.: サイト/tegalog.cgi, referer: サイトURL

てがろぐ自体は問題なく使えてます。

てがろぐ使いやすくて愛用させて頂いてます！

質問ですが、投稿本文内のURL処理
・同一ウインドウ
・新規ウインドウ
一括で選べるのですが、個別で同一か新規か設定出来たりしますでしょうか？

>>3676
3672です。回答ありがとうございます。恐らく以前の仕様には戻らないでしょうから、スマホアプリ版では「リンクをコピー」を使わない方法で埋め込むしかなさそうですね。無理なお願いに真摯に対応してくださってありがとうございました。

ここ数年、たい焼きを食べる機会がないんですが、代わりにたい焼き型の和菓子を買いました。中身があんこな点は共通しているかもしれません。┌(:3」└)┐
なお、たこ焼きは昨日食べました。Unicode、たこ焼きの絵文字はまだか……！

🐟Re:3674,3675◆詳しい情報をありがとうございます。どうやらSpotify公式の短縮URLができたんですね。ただ、短縮URLから元のURLに（URLの情報だけで）変換するのは無理なようなので、短縮URLで埋め込むのは無理っぽいです。Spotify側が短縮URLでの埋め込みをサポートしてくれれば良いんですが、Spotifyの場合は（埋め込むWebサイト側が）直接iframeを書く方式なので、望み薄なような気もします……。

( >>3674 の続き)
例としてドーナツホールの埋め込みテスト。

旧URL

新URL
Spotify

>>3673
3672です。情報不足ですみません。環境はスマホ(Android)で、Spotifyのバージョンは8.8.26.408(最新バージョン)です。
従来のURLはhttps://open.spotify.com/track/〜だったのですが、いつの間にかhttps://spotify.link/〜に変更になっており、変更後のURLでは埋め込みはできないようです。なお、Twitter等でシェアする場合は従来のURLなので、現状はそこからURLをコピーしてます。

Spotify公式の埋め込みコードだと、横幅100%とか選べたり、高さは352px・152pxの2択になっていたりするんですね……。この辺も設定画面で指定可能にしましょうかね……？（まあ、CSSで指定して頂いても良い気もしますけども。）

🍵Re:3668◆β版のご試用をどうもありがとうございます。2秒ロックの画面にならないのはむしろ良いことで、それはつまり「人間が入力する際に不便になることはない」ということかなと思います。私の環境でも、パスワード未入力の状態で「ログイン」ボタンを素早く押す（のを2回繰り返す）、みたいなことをしないと表示されませんでした。パスワードを何か入力すると、もうそれで2秒ロックの時間は過ぎる感じで。◆大作スキンの配布もどうもありがとうございます！

🍵Re:3670◆こちらの環境だと問題なく埋め込めているのですが、「リンクをコピー」でどんなURLになりましたか？ こちらでWeb版Spotifyと、Windows版(Microsoft Store版)Spotifyを最新版(1.2.9.743)にして試してみましたが、特に埋め込みに問題はありませんでした。どんなURLになっているかを教えて頂けると何らかの対処ができるかもしれません。