てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

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

β版配布ありがとうございます。上書きスタイルシート、問題なく使えました。レンタルブログっぽい機能ですが、複数設置してちょっとだけCSSを変えるには便利そうですね。
#報告
(86文字) No.3499 at by Icon of admin あどみ
開発進捗状況報告サイトで、てがろぐ 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年以上前の日付を指定すると、相対時間表記(=投稿時点からの経過時間の表記)が正しくなくなる問題を修正。

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

(761文字) No.3498 アップデート✨ at by NO IMAGE にしし
>>3493
3489です。
助言と見解の表明に感謝します。
まずPHP化は考えた事なかったので、そちらも検討します。
(59文字) No.3497 at by Icon of admin あどみ
にししさんご説明ありがとうございます。
Ver3.9.1も快調に動作しております。固定記事の日時表示、設定でアクセス日時にできたんですね。
ここでそのような表示にした、というポストを見たことだけ覚えていたので配布版でも設定ができることに気が付いておりませんでした😅

GoogleSearchConsoleはたぶんリンクを貼ってるところはすべてクロールするんだと思います
どの対処法を施してもリストアップ自体はされます(404も拾うので
(218文字) No.3496 at by Icon of sakura さくら
てがろぐでは、投稿内に含まれる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 まで。

(1100文字) No.3495 情報 at by NO IMAGE にしし
この動作試験場(兼サポート場)では、先頭固定投稿の投稿日時が「本来の投稿日時」ではなく「アクセスした瞬間の日時」になっています。先頭固定投稿の日時表示をどうするかは、管理画面の[設定]→[ページの表示]→【先頭に固定表示する投稿】の「先頭に固定する投稿の日付表示」欄で下図のように選択できまして、ここでは下図のように「現在日時(アクセスされた瞬間の日時)を表示」に設定してあります。
先頭固定投稿の投稿日時をどうするかの設定項目
このような設定項目を設けているのは、先頭に固定された投稿の投稿日時が古い場合は、「アクセス者が最初に見る(可能性の高い)投稿日時」が古いことになるので、そこを見ただけで「なんだ、このページはさっぱり更新されていないではないか」と誤解されてしまう可能性があるかなと思いまして、それを避けるためです。
他にも、そもそも投稿日時を出力しない設定とかにもできます。デフォルト設定は「本来の投稿日時」です。#🌱豆知識
詳しくは、ヘルプドキュメントの「先頭に固定した際にだけ投稿日時の文字列を自動変更する方法」をご覧下さい。
(449文字) No.3494 at by NO IMAGE にしし
さくらソイラテを飲みました。🌸🌸🌸

🍓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さんのおっしゃるように気にしないのが良いのではないかな……と思います。
(1278文字) No.3493 回答/返信 at by NO IMAGE にしし
>>3491 google seach console で未登録のページが多数存在している件について
現状できるのはrobots.txtで該当パラメータをブロックするくらいだと思いますがこれをしてもgoogle seach console「robots.txtによりブロックされました」とリストアップされてしまいます。タグや区分のリンクをインデックスに登録したい(検索結果に表示されるようにしたい)、というのでなければそんなに気にしなくてもいいのではと思います
設定でタグや区分のリンクにrel=noindex,nofollowを付加できるようになったらいいのかなぁと思いますが…
(290文字) No.3492 at by Icon of sakura さくら
いつも、てがろぐ cgi をありがたく使わせて頂いております。ありがとうございます。
ご質問があるのですが、google seach console で、ページが重複しているためインデックスに登録できないとの理由で未登録のページが多数存在します。
どうもタグや区分のリンクを全てクロールしているみたいです。実際のページ数は250なのに1500ページが未登録になっています。対処方があれば教えて下さい。よろしくお願い致します。
(212文字) No.3491 at by Icon of admin あどみ
てがろぐユーザーリンク集、作られたら登録します!
他の方のてがろぐサイトも沢山見てみたいです。
(47文字) No.3490 at by Icon of admin あどみ
Perlでできた5ch風掲示板スクリプトの改良を行っていますが、人が集まって手分けしてやっても難しいですね・・・
にしし様のスクリプトを参考に改良していきたいと思っています。参考になります。
https://github.com/PrefKarafuto/New_0ch_Plus
(140文字) No.3489 at by Icon of admin あどみ
管理画面の[設定]→[フリースペース]→【上書きスタイルシート】で強制的に追加するCSSソースを登録可能になったり、日付境界バー内部の日付表記やリンクが装飾しやすくなったり、2000年より古い日付も「日付一覧」や「日付検索」にリストアップされるようになったりした Ver 3.9.2β(未配布)の動作テスト。近日中には配布できる予定です。たぶん。
(173文字) No.3488 at by NO IMAGE にしし
たこ焼き(冷凍)をそろそろ買い足しておかないといけないのではないかな……? と思って冷凍庫を見たら、まだあと2袋ありました。┌(:3」└)┐

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

プリンは買っていないんですが(寒かったので)、ピザは買いました!🍕🍕🍕
(212文字) No.3487 回答/返信 at by NO IMAGE にしし
いつもありがたくてがろぐを使用しております。素敵なCGIをありがとうございます。
#要望 管理画面、ADMIN MODEのページにメタタグのロボット避け(noindex,nofollow…noneで良さそうですが)を入れてほしいです。私自身はrobots.txtもやってはいますがその他にfumycts.plファイルにメタタグを追加しています。ですが、アップデート毎に編集するのもな…と思いまして。他ユーザーさんのてがろぐが見たくて検索した際、管理画面が引っかかるのがちょっと気になりました。ご検討いただければ幸いです。
(260文字) No.3486 at by Icon of tomoyo ともよ
てがろぐ一式をサーバに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つずつ可能性を潰していって特定する方が近道だと思います。)
(594文字) No.3485 情報 at by NO IMAGE にしし
プリン買いに行こうかな……。🍮🍮🍮

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

ポテトチップスも食べたい……。🥔🥔🥔
たこ焼きは食べました。6個。
(223文字) No.3484 回答/返信 at by NO IMAGE にしし
Re:3473です、さっそくご回答いただきありがとうございます!
頂いた方法で今一度設定しなおしてみます。なるほど、横幅が大きめだったからそのぶん内部の文字も大きくなるということだったのですね。
お忙しいのに改善策いただき本当にありがとうございました!!
(127文字) No.3483 at by Icon of admin あどみ
Mac環境の話でしたらちょっとわからないですが自分はWindows環境でWSL2 + DockerでUbuntu + Apache2 + Perl のコンテナを作って動かして遊んでます。

>>3479 の「仮想環境内のUbuntu」でしたら素直にそのUbuntuにApache2などをインストールすることで動かせるのではないでしょうか?(Ubuntuはlinuxディストリビューションなのでそもそもperlが入ってますし…CGIモジュールは入ってない可能性がありますが)

CGI - metacpan.org

> CGI.pm was included in the perl distribution from perl v5.4 to v5.20, however is has now been removed from the perl core...

perl 5.20 がインストールされているようでしたらぎりぎり標準で使えるようですが、ubuntu latest versionではまず間違いなくCGIモジュールはperlの標準パッケージではないので、"apt-get install -y libcgi-pm-perl"のような操作が必要になると思います。
あとCGIを動かすHTTP webサーバーのために Apache2 or Nginx 前者の方が情報多いので動かしやすいかもです。

cpanmも入れるのであれば"apt-get install -y cpanminus" の後で "cpanm CGI" でモジュールが入ると思いますがcpanmは結構重たかったので自分がコンテナ作る時は省いて、libcgi-pm-perlのみで試して動いたので使ってないです。

Ubuntu LTS 20.04で動かしていて、Time::Localモジュールはデフォルトで入ってたので(Ubuntu – パッケージのファイル一覧: perl-modules-5.30/focal/all )自分で入れてないです。

正直ANHTTPDの方がセットアップは簡単だと思います(PHPも動く環境が欲しいなら違いますけど…)。

こういうやつもいるよという書込み失礼しました。
(944文字) No.3482 at by Icon of admin あどみ
自分用なのでソースとかぐちゃぐちゃなんですが、自分なりに使い勝手とデザインが気に入ってるスキン。
見て見てー☆にお付き合い下さい。

teglog1.png teglog2.png
teglog3.png
(69文字) No.3481 at by Icon of tomoyo ともよ
確定申告は無事に完了しました。プリン食べたいです。ないけど。(´・ω・`)

🍮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 みたいなバージョン番号が返ってきますが、インストールされていない場合にはエラーが出ます。
(829文字) No.3480 回答/返信 at by NO IMAGE にしし
仮想環境内のubuntuのサーバーでxampp入れたら動きますか
(32文字) No.3479 at by Icon of admin あどみ
確認くんもどきを作った。
Webサービスを作るのってこんなに楽しかったのか。
こんな楽しさを誰も教えてくれないとは酷いぞ()
(63文字) No.3478 at by Icon of admin あどみ
こちらの 2934にししさんの記事 を参考にlocalhostでてがろぐ設置できました #感謝

localhostの知識ゼロの者です(ローカル=C:\のファイルをブラウザで開く、しか知りませんでした…)
XAMPPは調べても全くわからなかったので大感謝です。
最初はページが表示されませんでしたが「設定>拡張子.pl,.cgi>実行プログラム」の欄を「インストールしたStrawberryフォルダの中のC:\~~\perl.exe」に変更したら解決した気がします…?

自分はスキンカスタマイズをFTP通さず楽にやりたいというだけの理由だったので、細かい動作確認はしてないしHTML/CSS以外については何もわかってないですが、同じような境遇の方に向けて知識ゼロでもできたよ!という報告とおすすめの書き込みでした!
(361文字) No.3477 at by Icon of admin あどみ
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3476 at by Icon of tomoyo ともよ
ね……、む……、い……。_(:3」z)_

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

……というようなCSSを加えると、ツイート内部の文字サイズを小さくできると思います。(その分、埋め込みツイートの横幅も狭くなりますが。)
(443文字) No.3475 回答/返信 at by NO IMAGE にしし
いつもお世話になっております!
質問なのですが、Twitterを埋め込んだときにフォントサイズがどうしても大きくなってしまうのですが小さくする方法などあるのでしょうか?
こちらで埋め込まれているものを拝見するとちゃんと小さくなってるので、こちらのカスタマイズの問題なのでしょうか…いろいろ試してみても改善しなかったので、よければお知恵をお貸し頂けると幸いです。
(180文字) No.3474 at by Icon of admin あどみ
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追加で)可能になると思います。もうしばらくお待ち下さい~。
(913文字) No.3473 回答/返信 at by NO IMAGE にしし
3426の者です。Ver 3.9.1βで、自分で手を加えなくてもNSFWフラグ付き画像のぼかしがはみ出さないようになって嬉しいです!ありがとうございます!

今日は別の要望があって書き込みに来ました。
ユーザーアイコンのように、カテゴリアイコンも設定画面から縦横サイズ値を指定したいです。私の場合、外側スキンのCATEGORY:TREEと、内側スキンのCATEGORYLINKSの2箇所でそれぞれ異なる大きさに指定できるようになるととても嬉しいです。2箇所分を指定できるようにするのは大変かとは思いますが、ご検討頂けると幸いです。
(265文字) No.3472 質問/要望 at by Icon of sakura さくら
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3471 at by Icon of sakura さくら
https://blog.thewhitenotes.net/index.cgi

マストドンで「てがろぐ」を知りまして、早速設置いたしました!「Wordpressより軽い!」と思いまして、感動しています。素晴らしいですね…
(112文字) No.3470 at by Icon of misaki みさき

■複合検索:

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

■日付一覧:

■カレンダー:

2023年2月
1234
567891011
12131415161718
19202122232425
262728

■最近の投稿:

■新着画像リスト:

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

全317個 (総容量 36.08MB)

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