てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

検索語「〔除外:$ci=;〕」の検索結果1188件]16ページ目)

テストテスト No.3503

画像のキャプションはアップロードしてからなのですね〜
人工無能に嘘を聞いた件
人工無能に嘘を聞いた件
0F8F14B82A9E.jpeg

アップデート✨ No.3501

てがろぐCGIベースのスケジュール・カレンダー表示CGI「さんごよみ」Ver 1.2.0 正式版をリリースしました。てがろぐ共々ご活用頂ければ幸いです。

詳しい機能説明は、公式ページをどうぞ。
開発進捗状況報告ページでは、今回の更新点を軽く紹介しています。

回答/返信 No.3500

プリンを買いに行くべきか……?🍮🍮🍮

🍮Re:3499◆β版のご試用をありがとうございます! 問題ないようで良かったです。たしかにレンタルブログっぽい機能ですね。既製スキンをそのまま使いたい(ただし配色程度は変えたい)方々には楽になるのではないかな、と期待しています。

シュークリーム食べたい。

アップデート✨ No.3498

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

🆕 Ver 3.9.2βの更新点(概要):
《▼新機能》
設定に『上書きスタイルシート』項目を新設し、そこに書いたCSSソースを「スキンのhead要素末」または「スキン内の指定箇所」に挿入できる機能を追加。
文字数を指定して本文の一部分を抽出する記法で、三点リーダではない任意の記号を指定できる新記法 [[COMMENT:TITLE:文字数:省略記号]] 等を追加。
●Powered-by表記のリンクを別タブでのリンクにできる新記法 [[VERSION:NEWTAB]] を追加。(a要素に target="_blank" rel="noreferrer noopener" の2属性を付加。)

《▼仕様改善》
●日付一覧・日付検索のリストで、2000年より古い日付もリストアップできるように改善。(ただし1970年以降のみ)
●日付境界バー内部の日付表記やリンクをCSSで装飾しやすいように、マークアップとclass名を追加。
●「補助出力」設定で、ギャラリーモード等のためのスキンディレクトリの指定でも相対パスを使用可能に。(従来は / や . 等の記号が強制削除されていました。)
●スキンのプレビュー適用時に、絶対パスや上位ディレクトリを参照する相対パスの記述での指定を許可するか禁止するかを設定可能に。

《▼不具合修正》
❎投稿日時として50年以上前の日付を指定すると、相対時間表記(=投稿時点からの経過時間の表記)が正しくなくなる問題を修正。

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

情報 No.3495

てがろぐでは、投稿内に含まれる1つ目の画像をOGPの og:image に出力する機能がありまして、デフォルトで有効になっています。
この機能では、投稿内にある1つ目の画像を問答無用で採用するので、1つ目の画像が「Twitter側がCardに求める様式」に該当していない場合は、Twitter Cardには画像が表示されないことになります。#🌱豆知識

一番よくありそうなケースは、SVGな気がします。Twitter CardはSVG形式の画像をサポートしていないので、SVG画像が1枚目にあるとTwitter Cardに画像は出ません。WebPは使えます。
JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported.
https://developer.twitter.com/en/docs/twitter-for-webs...

あと、Twitter側が指定している条件は下記の通りです。

▼summary(小画像の場合):Twitterのドキュメント
Images for this Card support an aspect ratio of 1:1 with minimum dimensions of 144x144 or maximum of 4096x4096 pixels. Images must be less than 5MB in size. The image will be cropped to a square on all platforms.
➡ 縦横比 1:1、最小サイズ 144x144、最大サイズ 4096x4096 ピクセル。画像サイズは 5MB まで。画像は正方形にトリミングされる。

▼summary_large_image(大画像の場合):Twitterのドキュメント
Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 or maximum of 4096x4096 pixels. Images must be less than 5MB in size.
➡ 縦横比 2:1、最小サイズ 300x157、最大サイズ 4096x4096 ピクセル。画像サイズは 5MB まで。

回答/返信 No.3493

さくらソイラテを飲みました。🌸🌸🌸

🍓Re:3489◆Perlで書けば書くほど他の言語に移植しにくくなると思うので、PHPに置き換えるのが最終目標なら、先に現状をPHPに移植するところから始めた方が良いのではないかな……という気もします。ある機能を作るとき、Perlで書くのとPHPで書くのとではPHPの方が圧倒的に便利なので、(最終的にPHP化しようという考えがあるなら)Perlで機能追加はしない方がトータルでは楽なのではないかな……と思います。いや、もちろん開発者次第ではありますが。^^;
🍓Re:3490◆ご表明をどうもありがとうございます! あれから全く製作は進んでいないんですが(^_^;)、製作再開しても良いかな……という気もしつつあります。
🍓Re:3491◆何か対処法があれば良いのですが、なかなかなさそうな気がしているのですよね……。対策としては rel=canonical でURLを正規化する方法があるわけですけども、だからといって、特定のハッシュタグ限定ページや日付別ページを、特定の単独ページに正規化して良いわけではないですよね……。postid=のパラメータがないURLのクロールをブロックする手はあるかも知れませんが。(^_^;) 何か良い方法はないですかね?? ある条件での限定ページで、対象投稿が1件しかなかった場合には、その単独投稿ページのURLを rel=canonical で指定するようにする、という手はありそうな気もするのですが。

(追記)
🍓Re:3492◆おっと、回答を書いている間にレスが。rel=noindex でブロックした場合も「noindex タグによって除外されました」という理由でリストアップされるので、正攻法としては rel=canonical しかないのかな、という気もしています。というか、そういう重複ってCMSではどこでも発生しそうなので、何かそれ専用の対策をGoogleが用意してくれても良いのではないかと思うのですけどもね……。^^; rel=canonical みたいに正規化はせずに、しかし「このページには他のページと同じコンテンツが含まれていますよ」と示すだけに留めておくmeta指示みたいな……。^^;

(さらに追記)
Search Consoleをよく見たら、rel=canonical で正しく正規化できている場合でもなお、「代替ページ(適切な canonical タグあり)」という理由で『ページがインデックスに登録されなかった理由』欄にリストアップされていますので、これはもうCMS的なツールでは避けようがない、という解釈で居るのが良いのではないでしょうか。(^_^;;; >>3492,3491
「登録されたいのに登録されない」という場合は問題ですが、そうでないなら(検索上不利になるエラーとかそういうわけではないので)No.3492さんのおっしゃるように気にしないのが良いのではないかな……と思います。

回答/返信 No.3487

たこ焼き(冷凍)をそろそろ買い足しておかないといけないのではないかな……? と思って冷凍庫を見たら、まだあと2袋ありました。┌(:3」└)┐

🍮Re:3486◆ご要望をありがとうございます。ログイン画面関連のセキュリティ仕様については、次の正式版(の予定)であるVer.4で大きく改善するつもりでおりますので、もうしばらくお待ち頂ければ幸いです。

プリンは買っていないんですが(寒かったので)、ピザは買いました!🍕🍕🍕

情報 No.3485

てがろぐ一式をサーバにUPした後、「どんなURLでアクセスできるのか分からん」とか「404エラーになったり500エラーになったりする」という場合は、とりあえず tegalog.cgi ではなく skin-cover.html を表示してみると良いかもしれません。

https://なんとなく想像するパス/tegalog.cgi ではなく
https://なんとなく想像するパス/skin-cover.html のように。

それで、
  • skin-cover.html すらも 404 Not Found エラーになるなら、間違いなくURLが違います。
    • その場合は、なんとかして正しいURLを探る必要があります。
  • skin-cover.html は表示されるなら、URL自体は正しいです。

「404エラーになったり500エラーになったりする」という場合、可能性としては「そもそもアクセスするURLが間違っている」場合と、「URLは合っているが動作していない」場合とがありますので、まずは「そのどちらなのか」を先に確定させる方が望ましいと思います。(アクセスできない原因が1つとは限りませんから、一気に解決させようとせずに、1つずつ可能性を潰していって特定する方が近道だと思います。)

回答/返信 No.3484

プリン買いに行こうかな……。🍮🍮🍮

🍮Re:3481◆お楽しみ頂けているようで嬉しいです。(╹◡╹)ノ
🍮Re:3482◆ああ、そうか。Ubuntuには手動でPerlを入れる必要はないですね。^^; 詳しい情報をありがとうございます!
🍮Re:3483◆もうちょっとTwitter側にカスタマイズの余地を用意して欲しいですね。イーロン……!

ポテトチップスも食べたい……。🥔🥔🥔
たこ焼きは食べました。6個。

回答/返信 No.3480

確定申告は無事に完了しました。プリン食べたいです。ないけど。(´・ω・`)

🍮Re:3476◆私もいっぱい見たいです!
🍮Re:3477◆たしかに、スキンのカスタマイズをローカルでしたいという需要はありそうですね。そういえば。ローカル上でのセットアップ方法も解説しておいた方が良いのかな……という気もしてきました。私が開発に使っているのは、まさにその AN HTTPD を使う方法です。Perlのインストール後に perl.exe の所在地へパス(PATH)が通っていない場合には、おっしゃるとおり AN HTTPD の設定画面で perl.exe のフルパスを指定する必要がありますね。

🍮Re:3478◆私も、てがろぐを作るのが楽しいです。😊
🍮Re:3479◆ええと、それはXAMPPが動くかどうかというご質問ですかね? それとも、その環境でてがろぐが動作するか?というご質問ですかね?^^; XAMPPは入れたら動くと思います(いやまあ、それは当たり前でしたね^^;)。XAMPPにはPerlが含まれていますので、それさえ入れればてがろぐも動作するとは思うのですが、もしCGIモジュール(CGI.pm)やTime::Localモジュールが含まれていない場合には別途CPANとかから手に入れる必要があります。比較的新しいバージョンのPerlでは、CGIモジュールが標準から外れてしまっているので含まれていない可能性もあるっぽい情報を目にしたこともあるんですが……。CGIモジュールが存在するかどうかは、コマンドラインから perl -MCGI -e "print $CGI::VERSION" というコマンドを打ってやると分かります。CGIモジュールがインストールされている場合には 4.50 みたいなバージョン番号が返ってきますが、インストールされていない場合にはエラーが出ます。

回答/返信 No.3475

ね……、む……、い……。_(:3」z)_

🍮Re:3473◆埋め込んだツイート内部の表示は、iframeで読み込まれるTwitter側の領域なので、外から直接に表示をどうにかする方法はありません。当サイトで埋め込まれているツイートでも本文の文字サイズは大きいと思います(※PCで閲覧した場合)。ただ、iframeの外側に twitter-tweet というclass名が付加された要素がありますから、この横幅サイズを制限することで、埋め込まれるツイート内部の文字サイズを小さくすることはできます。(※Twitter側では、横幅が355pxあたりより狭い場合には文字サイズを小さくする仕様があるっぽいですので。)なので、例えば
.twitter-tweet {
   max-width: 350px !important;
}

……というようなCSSを加えると、ツイート内部の文字サイズを小さくできると思います。(その分、埋め込みツイートの横幅も狭くなりますが。)

回答/返信 No.3473

Digital Starbucks Card Giftを贈って下さった方、どうもありがとうございます。Digital Starbucks Card Giftは購入時にメールアドレスの入力が必須ですが、とはいえ、贈り先(つまり私のところ)にはメールアドレスは知らされないことが分かりました。(^_^;) なので完全に匿名になっていまして直接のお礼メッセージが返せませんので、ここでお礼申し上げておきます。ここをご覧になっているかどうかは分かりませんが。^^; ありがとうございます。(╹◡╹)ノ

🍮Re:3466◆何か他とは異なる雰囲気のスキンを用意してカスタマイズの幅を示さねば……と思って作ったのが、付箋スキンと黒板スキンでした。ご活用頂ければ幸いです。
🍮Re:3467◆気に入って頂けたなら嬉しいです。画像ペーストでのアップロードは、背後で用意しないといけない機能がそこそこあって今のところ見送っています。一旦ファイル化した上でUPして頂けますと幸いです。何か良さげな実装方法があれば試したいとは思っています。
🍮Re:3468◆Emの読みはエムなんですかね? もはやイニシャル……。^^;
🍮Re:3469◆ぜひご活用下さい~。(╹◡╹)ノ
🍮Re:3470◆Mastodon界隈で話題にして頂けたんですかね? 末永くご愛用頂ければ幸いです。
🍮Re:3471◆感想記事をどうもありがとうございます! たいへん嬉しいです。(╹◡╹) カテゴリをメニュー代わりにしてCMS的に活用するというアイデアは目から鱗の活用方法でした。ご紹介ありがとうございます!
🍮Re:3472◆次のβ版では、てがろぐの設定画面から任意のCSSを追加できるようになる予定です。この機能を使うと、お望みの2カ所のサイズ調整も(スキンを編集することなく管理画面上からのCSS追加で)可能になると思います。もうしばらくお待ち下さい~。

質問/要望 No.3472

3426の者です。Ver 3.9.1βで、自分で手を加えなくてもNSFWフラグ付き画像のぼかしがはみ出さないようになって嬉しいです!ありがとうございます!

今日は別の要望があって書き込みに来ました。
ユーザーアイコンのように、カテゴリアイコンも設定画面から縦横サイズ値を指定したいです。私の場合、外側スキンのCATEGORY:TREEと、内側スキンのCATEGORYLINKSの2箇所でそれぞれ異なる大きさに指定できるようになるととても嬉しいです。2箇所分を指定できるようにするのは大変かとは思いますが、ご検討頂けると幸いです。

つぶやきつぶやき No.3469

おーこれは便利そう。#感謝

つぼやきつぼやき No.3468

>>3466
画像が可愛い ('▽`*)

Henryの愛称がHarryだとたった今知った。そうなのか。
よく分からないのが、RobertがBobになったり、でもRobertでもRobとしか呼ばれず、Bobとは絶対呼ばれない人もいたり、この辺の約束がよく分からない。
Nancyの略称がNance(ナンスと聞こえるが、多分書くのはNancと書くと思う、でもそう書くとナンクになるよね???)だったり、Emmaの愛称がEmだったり、その略し方ちょっと失礼じゃないのか?と言う感じのもあったり、SimonをSi(サイ)って呼んでたり、最近すごいなと思ったのは、Mercedesと言う名前の愛称はSadieとか。そのSはどこから来た??みたいな。
ロシアの名前の愛称も日本人には絶対理解できない系だなあと思った。と言う話。

回答/返信 No.3465

関東圏は雪で大変そう……?☃

🍮Re:3457◆標準添付のスキンをそのままお使いだけども色指定だけは独自にカスタマイズなさっている、ということでしょうかね? 確かに、配色の指定をもうちょっと楽に維持できるようにはした方が良いよな……とは思っていました。ちょっと何か考えます。
🍮Re:3458◆顛末がITmediaの記事になっていました。「大量解雇の結果、Twitterがどうやって動いているのか知っている社員が誰も居ない」というジョークがありましたけども、冗談ではなく本当にそうなっているのかも……?^^;
🍮Re:3459◆今のところ No.3462 さんのご指摘通り、オプションは1つしか使えません。今後のバージョンで複数併用できるようにします。気長にお待ち頂ければ幸いです。
🍮Re:3460◆ご要望ありがとうございます。(╹◡╹)ノ

アップデート✨ 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.3456

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

回答/返信 No.3453

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

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

回答/返信 No.3443

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

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

情報,回答/返信 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.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.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.3429

キットカットっぽい見た目だけどキットカットではないチョコを食べてみたところ、チョコの味がキットカットとはずいぶん違った……。

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

テストテスト No.3428

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

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

質問/要望 No.3426

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

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

nsfw_test_css.jpg

回答/返信 No.3421

今日もさむい……!

🍔Re:3420◆バージョンアップありがとうございます。ご要望もありがとうございます。OGPに出力されるNSFW専用画像を指定できる方が望ましいのですね。なるほど。設定画面の『補助出力』ページで「NSFW用画像のURL」を自由に設定しておける方向で機能を作ろうと思います。(それをOGPでもRSSでも共通して使うようにすれば良いでしょうかね……?)

アップデート✨ No.3413

てがろぐ Ver 3.9.0を公開しました!画像をキャプション付きで表示できる機能、新着画像リスト表示機能、サムネイルがあればそちらを先に表示する機能、投稿経過時間の表示機能、インスタグラム埋め込み機能、「続きを読む」ボタンラベルをその都度指定できる新記法、リスト表示用の記法などの追加が主な更新点です。その他、細かな機能追加や不具合修正を含んでいます。
https://www.nishishi.com/cgi/tegalog/

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

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

🆕 Ver 3.9.0の更新点(概要):
《▼新機能:画像投稿関連》
新着画像リスト(最近UPされた画像の一覧)出力機能。
UPされた画像1つ1つにキャプションやフラグ等を事前登録しておける画像インデックス機能。
画像をキャプション付きで表示できる新記法を追加。
画像のキャプションをその都度指定できる新記法を追加。
その画像に対応したサムネイル画像が存在する場合には『ページ上の表示にはサムネイル画像を使い、Lightboxでのリンク先にはオリジナル画像を使う』ように表示できる機能を追加。
投稿本文内に含まれる画像をすべて抽出して表示できる記法を追加。

《▼新機能:ページ上の表示関連》
インスタグラムの埋め込み機能。
投稿日付の表示に(n分前、n時間前、n日前……のような)経過時間を表示できる日付表記オプション。
ページ番号の省略を始める総ページ数を自由に設定できる機能。
ページ番号リンクの両端(先頭と末尾)に何ページずつ固定表示するかを変更できる機能。
サイドコンテンツ各種でもギャラリーモードやサイトマップページを維持したリンクを出力できる新記法。

《▼新機能:表示を拡張する新記法》
「続きを読む」ボタンのラベルをその都度指定できる新記法を追加。
リストを表示するための専用記法。(箇条書きリストや番号付きリストが表示可能に)
投稿本文の行数が得られる記法を追加。(内側スキンのみ)
RSS Auto-Discoveryを挿入する記法を追加。(外側スキンのみ)

《▼新機能:スキンのカスタマイズ関連》
上位ディレクトリや別階層に存在するスキンでもプレビューしたり簡易適用したりできる機能。
投稿本文内の、任意の範囲をコメントアウトできる記法。
各種ディレクトリのパス(PATH)を得られる新記法を追加。
スキン内に記述されている link要素やform要素に対して、「現在のスキンでの表示を維持する」目的で自動挿入される各種記述をスキップできる記法を追加。
[[INCLUDE:~]] 記法と [[PATH:~]] 記法を、内側スキンでも使用可能に。(従来は外側スキン専用でした)
任意のファイルを挿入できる INCLUDE 記法の仕様拡充。

《▼新機能:設定項目》
記述サンプルを自動入力するかどうかの設定項目と、文字色や背景色として自動入力するサンプル文字列の設定項目を追加。
●ログインフォームの下部に表示できるメッセージを設定画面で設定できる機能。
●ハッシュタグだとは認識されない「 # 」記号を簡単に表示させる方法として、「&#35;」を入力できる項目をハッシュタグ簡単入力プルダウンメニューに追加できる機能を追加。
●投稿本文中にAmazonのURLが書かれたとき、自動で極力短く加工する機能を追加(標準ではOFF)。

《▼仕様改善》
拡大画像をLightboxで表示できるテキストリンクを作る記法に、「画像リンクに独自のclass属性値を追加する」と同じclass属性値も追加されるよう仕様改善。
●全文検索の強調表示では、半角英字の大文字小文字が一致しなくても強調対象になるよう仕様改善。
●上位ディレクトリを参照するパスで画像が指定されたときに、ファイルが見つからなければ注釈を含むエラーを表示するよう仕様改善。
●デフォルトで読み込むjQueryやLightboxを最新版にバージョンアップ。

《▼スキン更新》
標準添付の各スキンを更新

《▼不具合修正》
「スラッシュで始まる絶対パス」で画像が指定されたとき、画像のURLが正しくなくなって画像が表示されない不具合を解消。
「続きを読む」記法が使われている状態で、設定画面から「続きを読む」機能をOFFにすると、Internal Server Errorになる不具合を修正。
「skin=」パラメータでスキンが指定されているとき、投稿本文内のハッシュタグをすべて抜き出す記法 [[COMMENT:TAGS]] が動作しない不具合を解消。
ハッシュタグに半角アンダーバー「_」を使うと、既存ハッシュタグ簡単入力用プルダウンメニューでは角括弧付きでリストアップされる不具合を修正。
内側スキンで [[CATEGORYLINKS:FULL]] と書いても、カテゴリページへのURLがフルパスでは出力されない不具合を解消。
投稿単独ページのURLを挿入する [[PARMAURL]] キーワードのスペルを [[PERMAURL]] でも認識するよう改善。
「Unrecognized escape \\v passed through at tegalog.cgi」というアラートがサーバのエラーログに記録される問題を解消。
サーバのエラーログに「CGI::param called in list context」のようなアラートが出力されるのを防ぐよう改善。
設定画面のHTMLにいくつか存在していた文法ミスを修正。
リンクラベルの中に &#35; での # 記号が入っていても正しくラベルとして使えるよう仕様を修正。
「続きを読む」機能を入れ子にして使うと、ボタンラベルが正しく出力されないケースがある不具合を修正。

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

宣伝ツイート:

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

テストテスト No.3406

キャプションだぜ!
20221006182349-admin.jpg

つぶやきつぶやき No.3405

かわいい!😍 かわいい!😍
はにゃーん!😍はにゃーん!😍はにゃーん!😍
何かNSFWフラグな画像が単独で置いてあるなと思ったら😍
フラグのテスト
フラグのテスト

■フリースペース:

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

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2023年2月
1234
567891011
12131415161718
19202122232425
262728

■カテゴリ:

■最近の投稿:

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■詳細全文検索:

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