てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

2023年2月 この範囲を時系列順で読む この範囲をファイルに出力する

もう2月4日って、どういう冗談なんだ。まだ11月63日くらいじゃなかったのか。
(39文字) No.3444 at by Icon of tomoyo ともよ
恵方巻きを食べました。いや、どうかな。恵方巻きなのかな……? 今日食べる巻き寿司は全部「恵方巻き」という解釈で良い?^^;

🧀Re:3441◆doさんのサイトで配布されているテンプレートと合体させて使うタイプのスキン第2弾ですね! ユーザさんの選択肢の幅が広がるのはありがたいです。(╹◡╹)
🧀Re:3442◆てがろぐのご活用をどうもありがとうございます。ご要望もありがとうございます。たしかに、現在の仕様だと埋め込む動画のURL内に再生開始位置の指定があっても(パラメータは全部破棄するので)0秒時点からの再生にしかなりませんね。今のバージョンでは対処方法がないのですが、今後のバージョンでサポートできるようにします。気長にお待ち頂ければ幸いです。
(336文字) No.3443 回答/返信 at by NO IMAGE にしし
いつも、てがろぐを有効利用させていただいています。ありがとうございます。

質問があります。
youtubeの埋め込み機能で、時間を指定して途中から再生することは可能でしょうか。

もし不可能でしたら、よろしかったらリクエストの一つとして憶えておいていただけたら幸いです。
よろしくお願いいたします。
(151文字) No.3442 at by Icon of sakura さくら
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3441 at by Icon of tomoyo ともよ

2023年1月 この範囲を時系列順で読む この範囲をファイルに出力する

>>3439

>>3434 >>3438です。
まさにご指摘通りの設定になっておりました。先にスペースのことを書いておけばよかったですね。順番が逆になってしまいました…!
ひとまず解決策1の方法で現在は問題なく表示されております。
丁寧なご回答ありがとうございました。これからも便利に使わせていただきます!
(154文字) No.3440 at by Icon of admin あどみ
ご報告に感謝致します。

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

緑色矢印の先が空欄で、その直上のチェックボックスがONのとき
緑色矢印の先が空欄で、その直上のチェックボックスがONのとき


画像をリンクにする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つ入っていた」という情報が重要なヒントになりました。ありがとうございます。
(1182文字) No.3439 情報,回答/返信 at by NO IMAGE にしし
>>3437
タグ区切りのための意図的なスペースなのですね。大変失礼しました。
imagelinkとnsfwの間にスペースが2つ入っており、弄ったはずのない部分なので不審に思って片方を消したところ表示がうまくいきまして、それでてっきり余分なものと思い込んでしまいました。
>>3429の方法も試しておりますが、もう一度自分で書き換えた部分を確認したいと思います。
お手間を取らせてしまい失礼しました…!
(201文字) No.3438 at by Icon of admin あどみ
安倍川餅を食べました。昼に。

🍵Re:3434◆4300行目にある引用符に囲まれた半角スペースは必要なもの(=消すと正しく動作しなくなるもの)です。どんな問題が発生していますか? おそらくぼかしがうまくいかない原因は別の所にあると思います。
この4300行目にある $userclass = ' ' . &fcts::forsafety( $setdat{'imageclass'} ); の引用符内の空白を消してしまうと、以下のような出力になってしまいます。

【背景】画像を原寸画像へのリンクにする設定の場合、画像は <a class="imagelink" ~> というaタグで囲まれる形で出力されます。
【設定】画像拡大スクリプト関連の設定項目に『画像リンクに独自のclass属性値を追加』という項目があります。ここにclass名の指定がある場合(例えば sakura )は、画像は <a class="imagelink sakura" ~> というaタグで囲まれる形で出力されます。
【問題】もし4300行目の空白を消してしまうと、ここは <a class="imagelinksakura" ~> という連結されたclass名が1つだけ出力されるaタグになってしまいます。

要するに4300行目の半角スペースは、2つのclass名を区切るための空白なのです。これを消してしまったら、class名が正しく解釈されなくなります。

🍵Re:3435◆うまくいったようで良かったです。NO IMAGEダミーも(リンクにはならないのでa要素で囲むわけにはいきませんが、代わりにspanを使って)<span class="imagesearch">~</span> で囲むとかにして、imagesearchクラスが適用されるようにしておく方が装飾が作りやすくて良さそうですね。今後のバージョンで改善します。

🍵Re:3436◆スキン配布ありがとうございます! スキンの選択肢が増えてきて嬉しいです。(╹◡╹)
(876文字) No.3437 回答/返信 at by NO IMAGE にしし
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3436 at by Icon of sakura さくら
>>3433
34263430です。なるほど、NO IMAGEのダミー画像があるからずれていたんですね。私もそっちにまで考えが及ばず、.imagesearchのmarginなどで調整しようと悪戦苦闘してました。

NO IMAGEダミー画像を出力しない設定にする方法とvertical-align: middle;を加える方法の両方試したところ、どちらでも新着画像欄で上にずれなくなりました。あらためまして、ありがとうございました!とても助かりました!
(227文字) No.3435 at by Icon of sakura さくら
アップデートとドキュメント作成お疲れ様です!今回は画像周りで欲しかった機能が実装されて嬉しいです。
ちょっと気になった部分があるのですが、

tegalog.cgiの4300行目、$userclass = ' '

の' '部分に余分なスペースが入っているようです。
nsfwのぼかし部分のはみ出し処理がうまくいかず、デベロッパーツールで確認したところ発見しました。
素人のため大きな不具合になるかどうかはわかりませんが、ひとまずご報告にきました。


>>3431
もし >>3432 の方法を試しても改善しない場合、ブラウザの問題かもしれません。

1、ブラウザキャッシュをクリア
2、それでだめならブラウザの「ブックマーク同期」をオフにしてキャッシュをクリア

そして再度ログインできるかお試しください。
私も以前何かの拍子に同じ状況でログインできなくなったことがあり、設置マニュアルの方法を試しても変わらずで苦戦しました。
別のブラウザではログインできたのでキャッシュまわりの問題だろうと予想し、上記の方法を試したところ無事ログインできました。よければご参考までに。
もしマニュアルの方法で解決されてましたら失礼しました…!
(516文字) No.3434 at by Icon of admin あどみ
さむい……。春はまだか……。

🍵Re:3430◆ああ、そうか。NO IMAGEダミー画像はリンクにならないので <a class="imagesearch" ~> が付かないのでした。画像を6個以上アップロードするか(NSFWでなくて可)、NO IMAGEダミー画像を出力しない設定(=管理画面の「設定」→「ページの表示」→【新着画像リストの表示】→「▼投稿画像の総数が掲載個数に満たない場合:」欄で『何も出力しない』を選択)にすれば問題はなくなると思います。(^_^;) もしくは、以下のように vertical-align: middle; を加えるのでもいけそうな気がします。
.imagesearch {
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  vertical-align: middle;
}


🍵Re:3431◆No.3432さんの指摘通り psif.cgi ファイルをアップロードできているかどうか、パーミッションが正しいかをご確認下さい。このファイルは、中身を外部から閲覧されなくするために拡張子を .cgi にしていますが、中身はデータファイルですので、特にパーミッションを自動で設定してくれるようなFTPソフトでUPするとうまくいかないかもしれません。(もし psif.cgi ファイルがちゃんと存在していてパーミッションも正しいように見える場合は、psif.cgiを一旦削除して、再度アップロードしなおして、パーミッションを設定し直してみて下さい。)

🍵Re:3432◆的確なサポートありがとうございます!
(744文字) No.3433 回答/返信 at by NO IMAGE にしし
>>3431
パスワード・セッションID格納ファイル=psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認

してみてはどうでしょうか…?
(180文字) No.3432 at by Icon of admin あどみ
てがろぐを使おうとすると、パスワード・セッションID格納ファイルが開けませんでした。って表示されて進まない。どうすれば…
(60文字) No.3431 at by Icon of admin あどみ
3426です。3427さん、にししさん、早速ありがとうございます!
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました!ありがとうございました。

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

有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。
nsfw_test2_new.jpg
(521文字) No.3430 at by Icon of sakura さくら
キットカットっぽい見た目だけどキットカットではないチョコを食べてみたところ、チョコの味がキットカットとはずいぶん違った……。

🍵Re:3425◆楽しいスキンをありがとうございます! QUICKPOSTのウインドウの重なり方がまさしくそれっぽいな、と思いました。^^

🍵Re:3426◆公式ドキュメントがお役に立っているようで嬉しいです。(╹◡╹) さて、ぼかされた画像が、本来の描画領域からはみ出さないようにする方法については、いろんな方法があると思いますが、以下に紹介します。

➊ まずは、No.3427さんがおっしゃるように、キャプション付きの記法を使ってキャプションなしで表示する方法だと、何もカスタマイズすることなく標準スキンのままで実現できます。
画像管理画面でキャプションを登録していないなら、単に [PICT:FIG:画像パス] のように書けば良いだけですが、キャプションを登録しているなら [PICT:FIG( ):画像パス] のように、臨時のキャプションとして半角空白文字を1つ入れると良いです。すると、figure要素で囲まれるので、ぼかされた画像が元の範囲からはみ出なくなります。No.3428で比較実験しました。)

➋ 何らかの事情で上記のようにはしたくない場合は、例えば、
.imagelink.nsfw {
  overflow: hidden;
  display: inline-block;
}

というようなCSSを追記するのでも良いかもしれません。これは、標準スキンではfigure要素に対して付加されているスタイルです。画像がリンクになっているなら、画像は <a class="imagelink" ~>~</a> で囲まれますので、これに「中身がはみ出ないようにするスタイル」を加えれば良さそうに思います。

➌ 新着画像リストでぼかされた範囲が外に出ないようにするには、例えば、
.imagesearch {
  overflow: hidden;
  display: inline-block;
  width: 100px;
  height: 100px;
}

というCSSを追加した上で、既存の .imagelistbox .oneimage { ~ } の中にある width: 30%; という行を削除すると良さそうな気がします。

上記でご紹介したコードはどれも、いま思いついただけのものなので、もっと良い書き方があるかもしれません。(何か思いつかれた方がいらっしゃったらぜひ教えて下さい。)

🍵Re:3427◆サポートありがとうございます!
(1143文字) No.3429 回答/返信 at by NO IMAGE にしし
実験
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像:
NSFWフラグ付与の例
NSFWフラグ付与の例
NSFWフラグ付与の例

▼ノーマル画像:
キャプションだぜ!
キャプションだぜ!
キャプションだぜ!

(78文字) No.3428 テストテスト at by Icon of admin あどみ
>>3246
にししさんじゃないですが、キャプション付きを指定して投稿すると本文のほうははみ出さないですよ。キャプション付きでもキャプションを空にして大丈夫です。
(81文字) No.3427 at by Icon of admin あどみ
てがろぐVer3.9.0アップデートおよびドキュメント作成お疲れ様です。いつもてがろぐには大変お世話になっております、ありがとうございます!丁寧に詳細が書かれたドキュメントは「あの機能ってどうやって使うんだっけ?」「こういうことって実現できないかな?」と思った時にとても役立ってます。公式且つ日本語で詳しい解説が用意されているというのはユーザーとしてとてもありがたいです。

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

nsfw_test_css.jpg
(490文字) No.3426 質問/要望 at by Icon of sakura さくら
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3425 at by Icon of tomoyo ともよ
葛根湯を数年ぶりに飲んで、そういえばこんな味だったな、と思い出しました。

🍔Re:3422◆リリースノートを読んで下さってありがとうございます。あれ、果たして読む人は居るのか……? と思いながら毎回書いていますので。^^; [[COMMENT:TAGS]] の不具合もなかなか気付きにくい不具合でした。パラメータの前に別の文字列があるときにだけ反応しないとか、なかなか実験で遭遇しませんので。(^_^;;;
(205文字) No.3424 at by NO IMAGE にしし
あああああああああ
(9文字) No.3423 at by Icon of misaki みさき
リリースノートの[[COMMENT:TAGS]]の不具合解消を見て、そう言えばかなり前にお試しで挿入したけど何も表示されなくて諦めたのを思い出しました。自分がなんかやらかしてると思ったので報告してませんでしたが、まさにリリースノートに書いてる通りの使い方をしてました😅
(134文字) No.3422 at by Icon of admin あどみ
今日もさむい……!

🍔Re:3420◆バージョンアップありがとうございます。ご要望もありがとうございます。OGPに出力されるNSFW専用画像を指定できる方が望ましいのですね。なるほど。設定画面の『補助出力』ページで「NSFW用画像のURL」を自由に設定しておける方向で機能を作ろうと思います。(それをOGPでもRSSでも共通して使うようにすれば良いでしょうかね……?)
(186文字) No.3421 回答/返信 at by NO IMAGE にしし
てがろぐ3.9.0更新お疲れ様です、早速自サイトにも導入しました。
twitterで仰っしゃられていたNSFW画像のOGP表示は、NSFW専用の画像のものがあったらわかりやすくていいと思いますし個人的に嬉しかったりします!
(111文字) No.3420 at by Icon of admin あどみ
Unicodeコンソーシアム、たこ焼きの絵文字はまだか!?!?

🍰Re:3415◆早速のバージョンアップと動作報告をどうもありがとうございます! 問題ないようで良かったです。凍結路面でのトラブルも広範囲であったっぽいですね……。
🍰Re:3416INCLUDEは、例えば「ウェブサイト共通のヘッダ・フッタ」などが独立ファイルに存在しているとき、てがろぐで生成されるページのヘッダやフッタとしてもそのファイルを読み込むことで、「その他の一般ページ」と「てがろぐ生成ページ」とで簡単にページデザインを合致させる用途とかに便利です。ぜひご活用下さい!
🍰Re:3417◆参考になりますかね?(^_^;) お役に立つなら幸いです。
🍰Re:3418◆バージョンアップありがとうございます! ご愛用頂ければ幸いです!(╹◡╹)

たこ焼きの絵文字があったらめちゃくちゃ使うのに。(´・ω・`)
(418文字) No.3419 at by NO IMAGE にしし
Ver3.9.0リリースおめでとうございます&ありがとうございます!!!🥳🎉🎊
さっそく自サイトもアップデートしました!
(60文字) No.3418 at by Icon of admin あどみ
更新お疲れ様です。
Perlの掲示板(ぜろちゃんねるプラス)の改良の参考にしたいと思います。
(46文字) No.3417 at by Icon of admin あどみ
てがろぐ3.9.0お疲れ様です&ありがとうございます!
[[INCLUDE:〜]]記法なんてあったんですね。使いこなせたら楽しそうです🧐
(68文字) No.3416 at by Icon of admin あどみ
リリースお疲れ様です。早速アップデートしました。利用してる機能(サムネイル、Instagram埋め込み、続きを読む)については問題なく動いてます。
#感謝 #報告
明日は大雪となる地域が多いようですが、路面凍結と水道凍結が怖い…。
(116文字) No.3415 at by Icon of admin あどみ

■複合検索:

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

■日付一覧:

■カレンダー:

2023年2月
1234
567891011
12131415161718
19202122232425
262728

■最近の投稿:

■新着画像リスト:

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

全317個 (総容量 36.08MB)

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)があります。
てがろぐCGIの配布・解説ページに戻る