てがろぐ - Fumy Otegaru Memo Logger -

>>3792
「この範囲を時系列で読む」「この範囲をファイルに出力する」を消すには
管理画面の「設定」→「ページの表示」の「日付境界バーの挿入位置：」のところで設定することができます
画像添付します！

by admin. ⌚2023年6月29日(木) 21:05:11〔2年以上前〕 ＜101文字＞ 編集

追加検討機能リストへの投票をどうもありがとうございます。メッセージを下さった方や、珈琲チケットを付けて下さった方もどうもありがとうございます！
自由記述での機能要望で、既にできる機能の要望が書かれていましたので、ここで2件ほど回答しておきます。

▼GIF動画をUPしたい
➡ GIF形式の動画(＝アニメーションGIF画像)は、今でもそのままGIF画像(＝ファイル拡張子が.gifの画像ファイル)としてUPすれば表示されます。


▼Twitterに表示されるサムネイル画像を大きくしたい
➡ デフォルト設定では、投稿本文中に含まれる1枚目の画像が小さく表示されますが、大きく表示されるよう設定を変更できます。詳しくは、FAQページの「Twitterなどに（てがろぐの）URLが掲載された際に、画像のサムネイルが大きく表示されて欲しい場合の設定」をご覧下さい。

by nishishi. ⌚2023年6月27日(火) 23:52:32〔2年以上前〕 回答/返信 ＜449文字＞ 編集

by admin. ⌚2023年6月22日(木) 17:44:17〔2年以上前〕 ＜253文字＞ 編集

時々、無性にゴーフルが食べたくなります。

🍪Re:3778◆その理解で正しいです。同じ画像を使っている投稿が複数あれば、その画像は複数回出てきます。元々画像投稿機能自体がオマケ機能的な位置づけで実装されたこともあって、画像中心の動作にはなっていないのですよね。需要があることは（後になってから）分かりましたので、追々拡充したいとは思っています。どうする形が一番望ましいかは今のところ判断できていないのですけども。ギャラリーモードとは別に、画像だけを（指定スキンを使って）表示できるモードがあれば望ましいでしょうかね……？

by nishishi. ⌚2023年6月20日(火) 23:27:21〔2年以上前〕 回答/返信 ＜264文字＞ 編集

エアリアル、焼きとうもろこし味とコーンポタージュ味はどこで販売されているのか……。🌽🌽🌽

🌽Re:3775◆1投稿に画像を1個ずつ掲載すれば、ギャラリーモードが事実上そのような動作になりそうに思いますが、そういうわけではないのですね？ 現状では「新着投稿リストだけを表示するスキン」を作るくらいしか手がなさそうに思います。新着投稿リストは「個数制限をしない設定」はできませんが、掲載数の上限はスキン側でも指定できますので、[[IMAGELIST:100000]] のような充分大きな値を指定することで全部表示されるように作ることはできます。ただ、ページ分割ができないので、総数が多いとページが重たくなりそうな問題はありますが。

🌽Re:3776◆さんごよみに興味を持って下さってどうもありがとうございます。同じ内容のスケジュールの一括登録機能は、たしかにあると便利そうですね。ご要望をありがとうございます。さんごよみは、営業カレンダーとして活用されることも想定しているのですが（実際にそんな感じでも稼働しています）、その場合、営業とか臨時休業とか同じ内容をいくつも登録するケースも多々あるのですよね。同じ内容の一括登録機能があれば、なお便利になるな、と気付きました。ToDoリストに加えておきます。(╹◡╹)

by nishishi. ⌚2023年6月20日(火) 02:28:12〔2年以上前〕 回答/返信 ＜608文字＞ 編集

管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑　#🌱豆知識
↓例


■やりかた
以下を設定＞フリースペースにコピーする。

◆多目的フリースペースに掲載する内容　にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v4H6V6z"/></svg></a>
<!--新規投稿画面へのリンク-->
<a href="tegalog.cgi?mode=edit" class="Login-Required skin-override-newpost skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022z"/><path d="M14.5 6.5l3 3"/></svg></a>

◆強制的に追加するCSS　にコピペ
.skin-override-adminlink{position:fixed;top:0;right:0;}
.skin-override-newpost{position:fixed;top:34px;right:0;}
.skin-override-icon svg{width:32px;height:32px;z-index:2000;opacity:1;}

注意
1.Login-Requiredクラス（ログインしている管理人以外見えない）を機能させるために[[QUICKPOST]]がskin-cover.htmlに必要です。
2.フリースペースを利用しているので [[FREESPACE]] がskin-cover.htmlに必要です。
3.「▼上書きスタイルシートを出力する対象」の設定を「すべてのスキンに対して強制出力する」にしてください。

アイコンはMIT license のAkar Icons より

これでどのスキンも同じ場所に管理画面へのリンクと新規投稿リンクが表示されます。
アイコンの色を変えたいときはHTML内のstroke="currentColor"にお好きな色を。デフォルトではスキンのリンクカラーと同じ色になるはずです。
CSSのopacity: 1;の数字を0.6とかにすると透けます。


なお、個別記事への編集画面へのリンクを付け足したい場合はskin-onelog.htmlの下のほうに以下を足します。
■HTML
<!--編集画面へのリンク-->
<a href="[[EDITURL]]" class="Login-Required skin-override-editlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621z"/><path d="M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3"/></svg></a>

■CSS（スキンごとのCSSファイルでも、強制的に追加するCSSに追加してもどちらでも）
.toppage .skin-override-editlink{display:none;}
.onelog .skin-override-editlink{display:block;position:fixed;top:68px;right:0;}

個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。

以上です。何かミスがあったらごめんなさい。

by tomoyo. ⌚2023年6月5日(月) 21:28:07〔2年以上前〕 ＜2416文字＞ 編集

久しぶりにカレーパンを食べました。🍛🍞

🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、

• [PICT:FIG(臨時キャプション):ファイルパス]
• [PICT:臨時代替文字:ファイルパス]

……のように、臨時キャプション・臨時代替文字を直接記述する記法を使えば、（それらの文字列が投稿本文に含まれるので）今のバージョンでも検索対象になります。

by nishishi. ⌚2023年6月5日(月) 19:07:40〔2年以上前〕 回答/返信 ＜247文字＞ 編集

3748
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
    border-left: 3px solid #ccc;
    margin: 0 0 0 1em;
    padding-left: 1em;
}
この場合、「設定」＞「続きを読む・指定範囲を隠す 共通設定」＞「展開する範囲の表示方法」をblockにしてください。

by tomoyo. ⌚2023年5月31日(水) 23:24:29〔2年以上前〕 ＜226文字＞ 編集

雪だるま を紹介

by admin. ⌚2023年5月24日(水) 13:02:53〔2年以上前〕 ＜9文字＞ 編集

テスト

by admin. ⌚2023年5月21日(日) 20:43:44〔2年以上前〕 ＜4文字＞ 編集

テストです

by sakura. ⌚2023年5月6日(土) 22:27:32〔2年以上前〕 ＜6文字＞ 編集

桜餅の葉は食べるけど、柏餅の葉は食べないよね……？

🍵Re:3706◆おおっと、ご指摘ありがとうございます！ 完全に勘違いしていました。今、修正しておきました！◆で、何もしなくても403エラーにならなくなっていましたか。最近、ロリポップは何やらサービス改良を進めているっぽい話も聞きますし、それと一緒にWAFも見直されたりしているのでしょうかね？ それなら望ましいことですが。◆最新版を使って下さってありがとうございます！(╹◡╹)ﾉ

🍵Bing AIに尋ねてみました。

by nishishi. ⌚2023年5月2日(火) 11:38:28〔2年以上前〕 回答/返信 ＜300文字＞ 編集

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

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

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

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

by nishishi. ⌚2023年4月29日(土) 19:18:51〔2年以上前〕 ＜473文字＞ 編集

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

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

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

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

by sakura. ⌚2023年4月23日(日) 03:18:18〔2年以上前〕 質問/要望 ＜490文字＞ 編集

Unicode、たこ焼きの絵文字はまだかッ……！

🍵Re:3561◆てがろぐ管理画面から「スキンの切り替え」を押してみて下さい。（または tegalog.cgi?mode=admin&work=skinlist に直接アクセスしても良いです。）何かのスキンが簡易本番適用されているような扱いになっていませんか？（簡易本番適用されていたスキンが見つからなくなった場合に、おっしゃるような動作になります。）画面の上部で解除できると思いますので、もし適用されているなら、解除してみて下さい。

例えば、skin-blogtype を簡易本番適用している状態で、skin-blogtypeディレクトリを削除すると、パラメータなしでtegalog.cgiにアクセスしている状態でも下図のように SKIN NOT FOUND のエラーが表示されます。

こんな感じの画面ではないですかね？

その場合は、管理画面の「スキンの切り替え」にアクセスすると、下図のように画面上部にデフォルトスキンに戻すボタンが表示されます。それを押せば、デフォルトスキンの適用状態に戻せます。

by nishishi. ⌚2023年3月26日(日) 14:32:10〔2年以上前〕 回答/返信 ＜491文字＞ 編集

Ver 3.9.3βで、ギャラリーモードやサイトマップページモードでの「状況に応じた見出し」部分が <span class="situation-mode">ギャラリー</span> みたいなマークアップで出力される仕様に改善されたのですが、意図しない副作用で、ギャラリーモードでもサイトマップモードでもない状況でも <span class="situation-mode"></span> という「中身のない要素」が出力されてしまっていました。(^_^;;;

全体としては <p class="situation"><span class="situation-mode"></span></p> という出力になります。表示されるテキストがないことに違いはないのですが、外側のp要素 <p class="situation">～</p> には中身があることになります（emptyではなくなります）。すると、CSSで .situation に適用しているスタイルによっては、「状況に応じた見出し」部分が（見出しとしての文字列は何も出力されていなくても）意図しない装飾になってしまう可能性があります。

もし、「Ver 3.9.3βにバージョンアップしたことによって、状況に応じた見出しの位置に何か余計な装飾が現れた」という場合は、次のβバージョンで解消しますので、そのままお待ち下さい。m(_ _)m

標準添付スキンだと、ブログタイプスキンで下図のように余計なバーが出ます。ブログタイプスキンをそのままお使いの場合はもちろん、ブログタイプスキンをベースにしてカスタマイズしたり独自スキンを作ったりしている場合に同様の問題が出る可能性があります。今の段階でスキンを修正したりせず、次のβ版をお待ちください。（気になる場合は、3.9.2にバージョンダウンしても良いと思います。）

by nishishi. ⌚2023年3月13日(月) 22:46:11〔2年以上前〕 情報 ＜791文字＞ 編集

画像のキャプションはアップロードしてからなのですね〜

by admin. ⌚2023年2月27日(月) 03:30:52〔2年以上前〕 テスト ＜28文字＞ 編集

この動作試験場(兼サポート場)では、先頭固定投稿の投稿日時が「本来の投稿日時」ではなく「アクセスした瞬間の日時」になっています。先頭固定投稿の日時表示をどうするかは、管理画面の［設定］→［ページの表示］→【先頭に固定表示する投稿】の「先頭に固定する投稿の日付表示」欄で下図のように選択できまして、ここでは下図のように「現在日時(アクセスされた瞬間の日時)を表示」に設定してあります。

このような設定項目を設けているのは、先頭に固定された投稿の投稿日時が古い場合は、「アクセス者が最初に見る(可能性の高い)投稿日時」が古いことになるので、そこを見ただけで「なんだ、このページはさっぱり更新されていないではないか」と誤解されてしまう可能性があるかなと思いまして、それを避けるためです。
他にも、そもそも投稿日時を出力しない設定とかにもできます。デフォルト設定は「本来の投稿日時」です。#🌱豆知識
詳しくは、ヘルプドキュメントの「先頭に固定した際にだけ投稿日時の文字列を自動変更する方法」をご覧下さい。

by nishishi. ⌚2023年2月23日(木) 21:59:26〔2年以上前〕 ＜449文字＞ 編集

黒板スキンがかわいい。この囲まれている感が安心するー
画像投稿てすと
 
画像隠せたりする？
もうひとつ。
画像が別ページとかポップアップ的なのじゃなくて、サクッと文に馴染んで表示されるのっていいなぁ

by admin. ⌚2023年2月11日(土) 01:09:41〔2年以上前〕 ＜100文字＞ 編集

てすとてすと
てすとてすと

てすと
かくしました

by admin. ⌚2023年2月8日(水) 22:33:18〔2年以上前〕 ＜26文字＞ 編集

新着画像リストでも、NSFWフラグが付加された画像の「ぼかし」が枠からはみ出ないようになった Ver 3.9.1(未配布) の動作テスト。

新着画像リストに掲載される物体（投稿された画像の表示形態がどうかに関係なく、「NO IMAGEダミー画像」も含めてリスト内に表示される全部の）各々を <span class="imagelistitem">～</span> で囲むようにしました。
（今のバージョンでもCSSを工夫すればどうにかなりますけども、3.9.1ではもうちょっと装飾しやすいHTML構造になったと思います。^^;）

by nishishi. ⌚2023年2月4日(土) 22:08:16〔2年以上前〕 ＜265文字＞ 編集

ご報告に感謝致します。

🧀Re:3438◆なるほど、スペースが2つ入っていましたか……。もしかして『画像リンクに独自のclass属性値を追加』にチェックが入っていて、なおかつ直下の「class="　　"」の入力欄は空っぽになっていたりしないでしょうか？（下図の緑色矢印の先です。その条件だと、こちらでも不具合が再現しました。）その場合、『画像リンクに独自のclass属性値を追加』のチェックをOFFにすると解決すると思います。

詳しい話を読む:画像をリンクにするa要素部分は、正確には <a class="● ▲ ■" ～> のように3種類のclass名が出力されるようになっています。●はimagelink固定で必ず含まれます。▲は『画像リンクに独自のclass属性値を追加』のチェックがONの時に限って直下のテキスト入力欄に設定された文字列が出力されます。■には画像に付加されたフラグがある場合に限ってフラグに対応する文字列(nsfwやnolisted)が出力されます。なので、●は必ず出力されますが、▲と■は状況によって出力されたりされなかったりします。

このとき、『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、直下のテキスト入力欄が空っぽだと、● ▲ ■ の「▲」が0文字になるため、たしかに空白が2つ連続で挿入されてしまいます。通常のHTMLならそうなっても問題ありませんが、別の設定項目『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』がONの場合（※デフォルトでONです）には、連続する2つ以上の空白が&nbsp;という文字実体参照に変換される機能が働いてしまって（本当は働いてはいけないのですが）、それが悪影響を及ぼしてしまうのだと分かりました。(^_^;;;
ううーん、そんな問題があったとは……。今までは（画像フラグの実装前までは）ここに2種類のclassしか入らなかったので、空白が2つ以上連続する状況があり得なかったから問題なかったのでしょうね。次のバージョンで仕様を修正します。

とりあえず今のバージョンでは、
🍩解決策1：『画像リンクに独自のclass属性値を追加』のチェックをOFFにする。
🍩解決策2：『画像リンクに独自のclass属性値を追加』直下のテキスト入力欄に半角英数字を1文字以上書く。
🍩解決策3：『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』のチェックをOFFにする。
……のどれかで解決はできます。（どれか1つだけで大丈夫です。）

ご報告をどうもありがとうございました！
これも絶対に誰かから報告されないと気付かなかったでしょうね……。(^_^;;; 「スペースが2つ入っていた」という情報が重要なヒントになりました。ありがとうございます。

by nishishi. ⌚2023年1月31日(火) 00:36:05〔2年以上前〕 情報,回答/返信 ＜1182文字＞ 編集

3426です。3427さん、にししさん、早速ありがとうございます！
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました！ありがとうございました。

新着画像リストの方は➌を試してみたらはみ出さなくはなりましたが、正方形の画像が横方向に3個以上並ぶウィンドウサイズの時にNSFWフラグ画像だけ少し上にずれます(下のスクリーンショット)。
.imagelistbox .oneimageのvertical-alignをtopに変更してみたら上方向へのズレは大分軽減されましたが、middleにすることで「画像下部に余計な空白ができるのを防ぐ」役割だったので画像下部に僅かに余白が出ます。この辺なら自力でも調整出来そうなので引き続き試行錯誤してみます。

有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。

by sakura. ⌚2023年1月29日(日) 17:07:25〔2年以上前〕 ＜521文字＞ 編集

実験
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像：
①

② ③

▼ノーマル画像：
①

② ③

by admin. ⌚2023年1月29日(日) 13:12:21〔2年以上前〕 テスト ＜78文字＞ 編集

てがろぐVer3.9.0アップデートおよびドキュメント作成お疲れ様です。いつもてがろぐには大変お世話になっております、ありがとうございます！丁寧に詳細が書かれたドキュメントは「あの機能ってどうやって使うんだっけ？」「こういうことって実現できないかな？」と思った時にとても役立ってます。公式且つ日本語で詳しい解説が用意されているというのはユーザーとしてとてもありがたいです。

画像にNSFWフラグをつけた時のぼかし加工についての質問です。ぼかし度合いについてはこのままで良いのですが、隣接した部分にまでぼかした画像の色が被ってしまうのが気になるので(下のスクリーンショットの赤枠部分)画像外周の四辺はぼかさないようにしたいです。CSSで背景画像だけにブラー(ぼかし)エフェクトを加える方法 の「画像を大きめに引き伸ばし、端のぼやけた部分をカット」の項目を参考に読んでみたのですが、てがろぐのスキンをカスタマイズする場合はどこを変えたら良いのかがいまいちよくわからず…。標準スキンの場合、スキンをどのようにすれば画像外周の四辺はぼかさないように出来るかご教示頂けますと幸いです。

by sakura. ⌚2023年1月29日(日) 00:34:51〔2年以上前〕 質問/要望 ＜490文字＞ 編集

by admin. ⌚2023年1月22日(日) 22:50:27〔2年以上前〕 テスト ＜2文字＞ 編集

おテスト

by admin. ⌚2023年1月4日(水) 22:58:09〔2年以上前〕 ＜5文字＞ 編集

10～12インチを超えるサイズのタブレット（iPadとか）を使っている人々の保管方法って、どんなのが多いのだろうか。その辺に置いておくだけ？

世の中の人はわかりませんが…10インチと13インチのタブレットを自宅限定で使用している私は、本棚にしているスチールラックの側面に取り付けたワイヤーネットに立てかけてます。ダイソーで売ってる7cmくらい奥行きのある金属フック2個組をワイヤーネットに引っかけて、タブレットをフックの上に乗せる感じ…と言えば伝わりますでしょうか。垂直に立てかけると手前に倒れて来て落下しやすいので、タブレットを横向き且つ底辺が手前に来るように斜めにして立てかけます。スマホもこの方法でタブレットのすぐ側に立てかけてます。以前は机の上にタブレットスタンドを置いたり本棚に入れたりしていたのですが、結局邪魔になったり出し入れが面倒だったりして今のワイヤーネットの壁面方式に落ち着きました。

by sakura. ⌚2023年1月2日(月) 22:28:33〔2年以上前〕 ＜406文字＞ 編集