てがろぐ - Fumy Otegaru Memo Logger -

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

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「シンプル日記スキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る
:シンプル日記スキン: スキンは弄り放題なので、掲載したくない要素はたいてい省けます。このスキンでは投稿者名を一切表示しません。

or 管理画面へ

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

アップデート✨ No.3463

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

🆕 Ver 3.9.1βの更新点(概要):
《▼新機能》
OGP(og:image)に出力される画像がNSFWフラグ付きだった場合は、その画像ではなく代替画像を出力させる設定項目を追加。
RSSフィード内に出力される画像がNSFWフラグ付きだった場合は、og:imageと同じ代替画像にすべて差し替える設定項目を追加。
《▼仕様改善》
●新着画像リストを装飾するCSSを書きやすいように、リスト内の1項目ずつを囲むマークアップを追加。
●日付一覧にリストアップされる年月リンクの「年」や「月」という漢字だけをCSSで装飾できるよう、出力マークアップを追加。
《▼スキン更新》
NSFWフラグ付きの画像が新着画像リストに表示されるとき、ぼかしが枠からはみ出ないようCSSを修正。
Chromium系ブラウザで(キャプションありの)NSFWフラグ付き画像を表示したときに、画像の下側のぼかしが枠からはみ出てしまうCSSを修正。
《▼不具合修正》
❎新着画像リストを構成するHTMLソースに、img要素のalt属性値が重複して出力されていた不具合を解消。
❎『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、その直下のテキスト入力欄が空っぽのとき、『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』項目がONの状態だと、フラグ付き画像のclassが正しく適用されなくなる問題を解消。

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

No.3462

ローカルにあるてがろぐでいくつか試しましたが、現状ではリストのオプションを同時に複数使うことはできないようです。
リストのオプションを同時に複数適用できるよう、私からもお願いします。

No.3461

てがろぐでのリスト記法の実装ありがとうございます。
活用するのが楽しいです。

質問なのですが、dlリストにclassをつけることは可能でしょうか?
listdeco-クラス名をCSSで設定して

L:DL:クラス名:
リスト1
リスト2
リスト3

と書いていたのですが(実際にはカッコはつけてます。)うまく反応せずにクラス名が記述されていたので…。

No.3460

てすと
てさと畳む
てすと

No.3459

テスト

No.3458

TwitterのAPI制限っていまいちよく分かっていないまま当日を迎えてしまった
サイトにTwitterのリンクを繋げているのは特に問題はないと思うのですが…

No.3457

#要望 です
いつも便利に楽しく使わせていただいています
てがろぐはSNSにはなじめないけれど記録は残して置きたい自分に最適でした

いつも更新があるたびにバージョンを更新しているのですがその際に色指定が残ってしまい…
色のコードのみ別のCSSでまとめて頂いて更新の際はCSSを更新しても色が変わらないようにできないでしょうか…?
イメージとしてはcolor.cssを別に作る感じです、ご検討よろしくお願いします。

情報 No.3456

日付境界バーにデフォルトで表示される2つのボタンのうち片方(または両方)を非表示にしたい場合は、
管理画面の[設定]→[ページの表示]→【ページの表示/全体】→[▼日付境界バーの挿入位置]→[バーに表示する機能]で、
  • この範囲を逆順で表示するリンク
  • この範囲をファイルに出力するリンク(エクスポート機能)
のチェックをOFFにしてくだしあ。 #🌱豆知識

No.3455

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

てすと
くしました畳む
sozai_image_109899.jpg

No.3454

テスト

回答/返信 No.3453

そういえば最近、カレーライスを食べていないな……。いや、カレーパイは食べたんですが。美味しかったです。(╹◡╹) また食べたいんですが、この手の製品はそんなに長くは販売されない気もするんですよね……。よほど売れたら別でしょうけども。(´・ω・`)

🍛Re:3451◆RSSは私も活用しています。更新チェックには便利ですよね。NSFWフラグ付き画像がRSSフィードにそのまま出てしまう仕様も次のバージョンでは改善しますので、もうしばらくお待ち下さい。既に実装は済んでいます。というか、つい先程実装しました。^^;
🍛Re:3452◆こちらこそ、ご活用をどうもありがとうございます。(╹◡╹) なお、大事なデータの場合は特に、定期的にローカルにもデータファイルをバックアップコピーされることをお勧め致します。

No.3452

てがろぐ、ひとり言を延々投げてもいいし、自分データベースで、大事なことを色々分類して後で読み返しやすいように記事にして投稿することもできるし、全部書き残しておきたい自分には最適だなあと改めて思います。
常に何か書いてたい自分の、「書いて、残しておきたい」部分がてがろぐで延命されたって言うのをしみじみと感じます。ほんとうにどうもありがとうございます。#感謝

No.3451

いつもお世話になっております。最近では細かい機能が追加されていって、ますます便利になっているのを感じます。
一点だけ気になるところがあります。
画像にNSFWフラグが付加されていても、RSSでは普通に見えてしまっているところです。出力されたソースを見る限り、nsfwのclassは出力されていますが、RSSではclassを使ったCSSの記述が難しいため、画像の差し替えをできるようにしていただきたいです。よろしくお願いいたします。
(今どきはRSSなんて使う人が少なくなりましたよね……。私はSNSを始めた今でも現役でバリバリ使っていますが。てがろぐはRSS出力機能が標準搭載されていて、てがろぐを使っている他の方の投稿も、気軽に追うことができて本当にありがたいです。)

No.3450

いつの間に2月になったの……。┌(:3」└)┐

🍵Re:3447◆ご要望ありがとうございます。たしかに、2つ並んでいるととっさにどっちをコピーすれば良いのか判断しにくい部分はある気はしていました。^^; ご要望を元にもうちょっと何か考えてみます。

No.3448

投稿本文内にある1枚目の画像にNSFWフラグが付加されていたとき、OGP(og:image)では代替画像に差し替わって表示される設定の動作テスト用投稿。(※まだ配布していない Ver 3.9.1 の機能)
フラグのテスト
フラグのテスト
NSFWテスト
NSFWテスト
NSFWフラグ付与の例
NSFWフラグ付与の例


→ 表示例
20230206212756-nishishi.png
  • 設定画面で「代替画像」を登録した場合にはそれがog:imageに使われます。
  • 代替画像の登録がない場合は、「共通画像」がog:imageに使われます。
  • 共通画像の登録もない場合は、「デフォルトの共通画像」が使われます。

No.3447

てがろぐアップデートありがとうございます!さっそくアプデさせていただきました。#感謝

画像周りのUIについて#要望 です!
私は今のところキャプション機能を利用する予定がないのですが、そうなると画像一覧にコピー用の埋め込みコードが沢山表示されているゴチャつきが少し気になります。

キャプション機能などを利用しない場合、現状1画像あたり2種類表示されている埋め込みコードを片方だけの表示にできる(以前と同じ表示にできる)設定選択があると良いな…と思いました。

No.3445

新着画像リストでも、NSFWフラグが付加された画像の「ぼかし」が枠からはみ出ないようになった Ver 3.9.1(未配布) の動作テスト。
20230204221515-nishishi.jpg
新着画像リストに掲載される物体(投稿された画像の表示形態がどうかに関係なく、「NO IMAGEダミー画像」も含めてリスト内に表示される全部の)各々を <span class="imagelistitem"></span> で囲むようにしました。
(今のバージョンでもCSSを工夫すればどうにかなりますけども、3.9.1ではもうちょっと装飾しやすいHTML構造になったと思います。^^;)

No.3444

もう2月4日って、どういう冗談なんだ。まだ11月63日くらいじゃなかったのか。

回答/返信 No.3443

恵方巻きを食べました。いや、どうかな。恵方巻きなのかな……? 今日食べる巻き寿司は全部「恵方巻き」という解釈で良い?^^;

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

No.3442

いつも、てがろぐを有効利用させていただいています。ありがとうございます。

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

もし不可能でしたら、よろしかったらリクエストの一つとして憶えておいていただけたら幸いです。
よろしくお願いいたします。

No.3441

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

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

No.3440

>>3439

>>3434 >>3438です。
まさにご指摘通りの設定になっておりました。先にスペースのことを書いておけばよかったですね。順番が逆になってしまいました…!
ひとまず解決策1の方法で現在は問題なく表示されております。
丁寧なご回答ありがとうございました。これからも便利に使わせていただきます!

情報,回答/返信 No.3439

ご報告に感謝致します。

🧀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つ入っていた」という情報が重要なヒントになりました。ありがとうございます。

No.3438

>>3437
タグ区切りのための意図的なスペースなのですね。大変失礼しました。
imagelinkとnsfwの間にスペースが2つ入っており、弄ったはずのない部分なので不審に思って片方を消したところ表示がうまくいきまして、それでてっきり余分なものと思い込んでしまいました。
>>3429の方法も試しておりますが、もう一度自分で書き換えた部分を確認したいと思います。
お手間を取らせてしまい失礼しました…!

回答/返信 No.3437

安倍川餅を食べました。昼に。

🍵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◆スキン配布ありがとうございます! スキンの選択肢が増えてきて嬉しいです。(╹◡╹)

No.3436

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

No.3435

>>3433
34263430です。なるほど、NO IMAGEのダミー画像があるからずれていたんですね。私もそっちにまで考えが及ばず、.imagesearchのmarginなどで調整しようと悪戦苦闘してました。

NO IMAGEダミー画像を出力しない設定にする方法とvertical-align: middle;を加える方法の両方試したところ、どちらでも新着画像欄で上にずれなくなりました。あらためまして、ありがとうございました!とても助かりました!

No.3434

アップデートとドキュメント作成お疲れ様です!今回は画像周りで欲しかった機能が実装されて嬉しいです。
ちょっと気になった部分があるのですが、

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

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


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

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

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

回答/返信 No.3433

さむい……。春はまだか……。

🍵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◆的確なサポートありがとうございます!

No.3432

>>3431
パスワード・セッションID格納ファイル=psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認

してみてはどうでしょうか…?

■フリースペース:

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

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2023年2月
1234
567891011
12131415161718
19202122232425
262728

■カテゴリ:

■最近の投稿:

■新着画像リスト:

全297個 (総容量 35.03MB)

■詳細全文検索:

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