てがろぐ - Fumy Otegaru Memo Logger -

おなかがへってきました。_(┐｢ε:)_

🍵Re:2873◆早速のバージョンアップをどうもありがとうございます。(╹◡╹)ﾉ
🍵Re:2875◆下げる機能の動作を果たして把握して頂けるかどうかが不安だったのですけども、把握どころか意外とご活用頂けていそうな感じで驚いています。^^;
🍵Re:2877◆ご活用ありがとうございます！

🍵Re:2878◆ブラウザには「英単語の途中では改行しない」という禁則処理があります。そのせいで、半角英字を長く連続させるとウインドウからはみ出て横スクロールが発生します。URLも「英字の連続」なので同様の禁則処理が働いてしまうのですよね。Firefoxだけは「/」記号を「単語の区切り」だと認識してくれるので、「/」が出てきたところで自動改行されるため、横には伸びずに済むのですが。

てがろぐでは、URLの自動リンクではa要素に class="url" という属性を付加してありまして、標準添付の各スキンのCSSではここに word-break: break-all; というスタイルを適用して、英単語だろうが何だろうが「描画領域の端」で強制的に改行するように指定してあります。なので、リンクになってさえいれば「URL」でも「長い英単語」でも何でも強制改行されます。

今回ご質問頂いたケースである「自動でリンクにはならないURLの書き方」は、「URLだとは認識されないから自動リンクにならない」わけですから、要するに普通の本文なので何のスタイルも適用されません。なのでブラウザ標準の禁則処理が働いてしまって、横に伸びるわけです。ブラウザ側の標準動作がそうなので、これを防ぐには何らかのスタイルを自ら適用しないとどうにもなりません。（てがろぐの問題ではなく、どんなWebでも同様です。）

▼解決策①
で、本文中に含まれるあらゆる英単語が途中で改行されても構わないなら .comment { word-break: break-all; } というCSSを追加すると解決します。

▼解決策①B
※サイドバーの存在しないレイアウトをお使いなら、.comment { overflow-wrap: break-word; } の方を使うと、短い英単語が途中でぶった切られるのを防げるので望ましいです。（サイドバーがあるレイアウトでこのCSSを使うと、段組の作り方によってはうまくいきません。例えば「標準スキン」や「Twitterっぽいスキン」ではこの方法では対処できません。しかし「ブログタイプスキン」は（サイドバーがあるものの）この方法で対処可能です。）※参考：word-break、overflow-wrap（＠MDN）

▼解決策②
なお、本文中に含まれるあらゆる英単語が途中でぶった切られると困るわい、という場合は、リンクにしたくないURLをとりあえず自由装飾記法を使って [F:longword:～] とかで装飾しておいて、 .deco-longword { word-break: break-all; } というCSSを追加すると良いと思います。

解決策①B ＞ 解決策② ＞ 解決策① の順でお勧めです。（解決策①Bが使えないスキンをお使いなら、解決策②がお勧めということになります。）

🍵Re:2879◆この場合は、Firefoxの動作が望ましいですね。URLに含まれる「/」記号で改行するなら自然だと思います。なぜ、他のレンダリングエンジンではそうならないのか……。^^;

>>2878
確かにAndroid版のChromeやEdgeだと折り返さないですね。Firefoxだと普通に折り返してますが。私のスキンではChromeでも折り返してるので、CSSを弄れば折り返すと思います。
どこが？というのはわからないのでにししさんか他の方のアドバイスを待ってください。

新バージョンの配布ありがとうございます。早速、導入しました。

ところで【自動でリンクにはならないURLを一時的に書きたい場合の書き方】を試したらスマホだとテンプレートが横に長くなります。何でですかね。スキンいじりすぎたかな。。。

https://www.wwwww.com/wwwwwwww/wwww/wwwwww/wwwww/

ああ・・・横に長くなりますね。
「円マーク:」を使うと改行されない？

Ver3.7.0にバージョンアップしました！
下げる機能便利ですね！！

ver3.7.0の配布ありがとうございます！
問題なく使えております。
下げる機能が便利だなと感じています。あまり表に出したくない投稿がちょこちょこあるので。

テスト

3.7.0の公開ありがとうございます。アップデートして今のところ問題ないことを確認してます。てがろぐはアップデートもバックアップも簡単なのでとても助かってます。#感謝

Ver 3.7.0 の動作テスト。

てがろぐ Ver 3.7.0 を公開しました。下書きプレビュー機能、下げる投稿機能、状況に応じた見出しのバリエーション選択機能や装飾仕様の追加、CGIの1行目を書き換えずに済む仕様改善などが主な更新点です。その他、細かな機能追加と(セキュリティ面を含む)不具合修正を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

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

※セキュリティ面に影響する不具合を修正しました（詳細は最下部）ので、できるだけ早めのバージョンアップをお勧め致します。（特に、不特定多数からのゲスト投稿を認める形態で運営している場合は早急なバージョンアップを強くお勧め致します。）

🆕 Ver 3.7.0の更新点(概要)：
●下書き投稿を（非公開状態のままで）プレビューできる機能を追加。
●下げる(一覧外)投稿機能を追加。（通常では表示されないが、指定条件下や単独表示時のみ表示されるようにする機能）
●状況に応じた見出しの表示バリエーション選択機能と装飾仕様を追加。
●tegalog.cgi の1行目を、書き換えなくても済む可能性の高い「 #! /usr/bin/env perl 」に変更。
●管理画面に表示される各種「削除ボタン」を（左寄せではなく）右寄せで表示できる設定機能を追加。
●管理画面のページタイトル先頭に任意の識別名称を付与できる設定機能を追加。
●ログインされていない状況で非表示にするためのCSSを、スキン側のCSSに影響されないよう修正。
●各スキンのRSS Auto-Discoveryの記述には、状況に依存しない [[RSS:URL:PURE:FULL]] を使うよう修正。
●ルビを振られる側の文字列が半角英数だけの場合にルビが振られない不具合を解消。
●リンクURLの後に半角空白が2つ続くと、リンク先が正しくなくなる不具合を解消。
●不正な画像ファイルが投稿された際に、動作が極端に遅くなる問題に対処。(セキュリティ面での更新)

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

なお、解説ドキュメントも増強してあります。主な増量ポイントはリリースノートからもリンクしてありますのでご参照頂ければ幸いです。

宣伝ツイート：

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

昼食はピザ。🍕🍕🍕

🍵Re:2866◆無事にうまくいったようで良かったです。(^_^) ご愛用頂ければ幸いです。
🍵Re:2867◆大阪で生まれ育った私も、そんな会話をリアルに聞いたことは1度もありません。(笑) 「儲かっている」という意味の回答をしてしまうとタカられる要因になりそうな気はします。^^;

「儲かりまっか？」に対する返答例、ほんまもんの浪速っ子はそんな挨拶せんやろ、というのは置いとくとして、仮にそう言われたら「お陰さんで」「さっぱりですわ」と返すかなと思う大阪出身者です。

No.2863です。
教えていただいた方法を早速試したところ、未ログイン状態で編集ボタンが消えました。ありがとうございますう！！
お手数をおかけしました。

遅くなりましたが、
skin-cover.htmlが外側スキンであること、 class="Login-Required"がskin-onelog.htmlでも動作すること、教えてくださってありがとうございます。質問を投げっぱなしで、お礼を忘れておりました。すみません。

どっへぇ。どっへぇ。どっへぇ。お問い合わせありがとうございました。CGIソースを修正しましたので、次のバージョン以降では、（スキン側のCSSファイルを編集することなく）ちゃんと消せるようになります。今すぐに実現なさりたい場合は >>2864 の方法を使って下さい。orz

ぎゃあああああああああ！)ﾟoﾟ(

🍵Re:2863◆お知らせ下さってありがとうございます。製作方法は正しいです。skin-onelog.htmlでももちろん動作します（編集ボタンはskin-onelog.htmlにしか書けませんから）。が、現在の最新版で提供しているスキンに含まれているCSSだと、この方法では編集ボタンが消えなくなっている事実に気付きました。)ﾟoﾟ(
なんてこったい。

スキンに含まれている tegalog.css をご覧下さい。
ここの780行目付近に、以下のような記述があります。

/* ‥‥‥‥‥‥ */
/* ▼編集リンク */
/* ‥‥‥‥‥‥ */
.editlink a {
   display: inline-block;  /* インラインブロック化 */
   font-size: 0.82em;      /* 文字サイズ */
   color: black;           /* 文字色 */
：　：　：

ここの display: inline-block; を削除して下さい。
そうすると、本来の動作になります。
お手数ですがお試し下さい。

▼原因
ログインされていない状況では（条件を満たしたときにだけ） .Login-Required { display: none; } のCSSが出力される仕様です。そのために、編集ボタンを出力しているa要素に class="Login-Required" を加えると、ログインされていない場合にだけ編集ボタンを見えなくできるハズなのです……が、スキンのCSSファイル側に display: inline-block; という記述が含まれていると、そちらの方が（CSSでの詳細度が高い書き方になっているので）優先適用されてしまうために、（状況に関係なく常に）消せなくなっていました。orz
いつのバージョンから発生している問題なのか分かりませんが……。orz
いつからだ……？🤔

▼今後の対処
次のバージョン以後では、 .Login-Required { display: none !important; } と出力するように仕様変更しておきます……。

No.2861です
お返事ありがとうございます。

<a href="[[EDITURL]]" class="Login-Required" title="No.[[POSTID]]を編集します。">編集</a>

となっています。
skin-onelog.htmlの<p class="oneloginfo"></p>にある編集ボタンをログイン状態でしか見えなくしたいんです。
skin-cover.htmlで<div class="Login-Required"></div>を挿入するとログイン状態でしか見えなくなりました。

skin-onelog.htmlでは動作しないものですか？

🍵Re:2861◆念のための確認ですが、編集ボタンを作っているリンク(a要素)に、class="Login-Required" の属性は加えていますでしょうか？ 加えている場合、class名のスペル等を再度確認してみて下さい。（参考）
skin-cover.htmlが「外側スキン」だという解釈は正しいです。

配布されている何も手を加えていない初期状態のスキンに、
・条件1：外側スキン内に [[QUICKPOST]] を記述している。
・条件2：CGIの「設定」→「投稿欄の表示」で、QUICKPOSTを『ログインしている際にのみ表示する』に設定している。

条件1と条件2を満たしても
【編集ボタンをログイン状態でしか見えなくする方法】がうまくできません。
ログインしていないスマホもログアウトしたパソコン（でCtrl＋F5している）でもしっかり編集ボタンが表示されてしまいます。

skin-cover.htmlが外側スキンですよね？もしかして違う？

テストテストです。

β版の動作テストにご協力下さっている皆様、どうもありがとうございます。

🍵Re:2854◆早速のアップデートをどうもありがとうございます。ご報告もありがとうございます。新機能もお役に立っているようで良かったです。(╹◡╹)
🍵Re:2855◆ご試用ありがとうございます。今回の不具合対策で、各画像の先頭(最大)1KBの範囲内からしか情報を探さない仕様に変えたので、あらゆる画像に対してその方法でも縦横サイズをちゃんと取得できるのか心配だったのでした。問題なさそうで良かったです。
🍵Re:2856◆ご活用をどうもありがとうございます。星の描き方ってこんなばらつきがあるんですね……！ 私は⑥でした。よく考えたら左回り……。渦巻きは右回りにしか描かないのに、星は左回りに描いていたとは。改めて気付いて驚きました。(^_^;) 利き手の問題ではないということなんでしょうかね。^^;

バナナフラペチーノはもう終わってしまったのだろうか。食べ損ねた。🍌🍌🍌

Ver 3.7.0(未配布)の動作テスト。
正式リリースはもうちょっと先です。引き続き、Ver 3.6.3(β版)の動作テストにご協力頂ければ幸いです。

Ver.3.6.3βアップデートしました。状況に応じた見出し部分を短く出来るようになったのが嬉しいです！いつもアップデートありがとうございます。てがろぐのおかげで現在の拙サイトが成り立っていると言っても過言ではありません。お身体お大事にして下さい。

「今日のひとこと」の渦巻きの書き方 で思い出したのですが…
似たようなもので、星の書き方のアンケートを以前見かけてブクマしてあったので貼ります。イラストで人間を描く時、右利きは←向きの顔、左利きは→向きの顔が描きやすい傾向にあるというのが有名ですが、渦巻きや星のような図形だと一概にそうでもないのが不思議ですね。
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

お世話になっております。
先ほどVer 3.6.3βにアップデートさせていただきまして、画像ファイルの縦横サイズが無事に取得できていることを確認しました。
極端に動作が遅くなっていることもありません。
いつもありがとうございます。 #報告 #感謝

3.6.3β版配布ありがとうございます。アップデートさせていただきましたが、見出しもルビも問題ないです。画像の縦横サイズもざっと見たところでは大丈夫そうです。#報告
見出しを選べるようになって本体を弄らなくてよくなったのは嬉しいです。#感謝

Ver 3.6.3βの動作テスト。

Ver 3.6.3βをご試用頂いた場合、管理画面の「画像の管理」で、画像ファイルの縦横サイズがちゃんと取得できているかどうかをご確認頂ければ幸いです。もし（以前はちゃんと縦横サイズが取得できていたのに）今回は「縦横サイズ取得できず」になっている画像がありましたら、その画像のファイルサイズ（縦横pxではなく容量MBの方）を教えて頂けると助かります。

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

🆕 Ver 3.6.3βの更新点(概要)：
●状況に応じた見出し表示のバリエーションを選択できる機能を追加。
●状況に応じた見出し部分をCSSで装飾できるclass名を追加。
●ルビを振られる側の文字列が半角英数だけの場合にルビが振られない不具合を解消。
●不正な画像ファイルが投稿された際に、動作が極端に遅くなる問題に対処。

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところ、そこ以外に解説はありません。

※てがろぐCGIを、不特定多数が投稿できるゲストブックのような感じで活用している場合は、できるだけ早急にバージョンアップをお願い致します。（自分1人だけで使っている場合や、気心の知れた仲間内だけで使っている場合にはおそらく問題にはなりにくいでしょうから、正式版リリースをお待ち頂いても良いと思います。）

※何らかの都合ですぐにはバージョンアップできない場合で、不特定多数が投稿できる状態での運営を続けたい場合は、管理画面の［設定］→［ページの表示］→【投稿本文の表示／画像】→「▼画像の表示」にある、『可能ならimg要素にwidth属性とheight属性を付加する』項目をOFFにしてお使い下さい。ここをOFFにすると、一般のアクセス者が閲覧できるページの表示時ではこの問題は発生しませんので影響を緩和できます（しかし、管理画面の「画像の管理」を表示する際には発生しますので根本的な解決にはなりませんから、バージョンアップ頂くのが望ましい対処法です）。

2844です。
タグの件、ありがとうござました。

>>2845さんにも感謝です。

画像保存用ディレクトリ内に、ファイル data.png は見つかりませんでした。

テスト