てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

カテゴリ「カテゴリなし」の投稿3950件]100ページ目)

しばらく前にCGIをお借りしました。すごく便利で毎日使わせていただいてます。ありがとうございます。#感謝

by admin. <53文字> 編集

メールでのご活用報告も日々ありがとうございます。活用されていることが分かると、開発モチベーションの維持にたいへん役立ちますのでありがたいです。(笑)

by nishishi. <74文字> 編集

Re: 1206
お返事ありがとうございます。

たとえば、画像をあらかじめ登録してから画面にリンクする場合は、投稿時に代替文字を自分で入力する仕様ですが、これを画像の登録時に登録した人が(あるいは管理画面から管理者が)入力しておけたら、次に使う人はそれをそのまま使えて便利かな、と思いました。

また、投稿と同時に画像登録の場合は代替文字列を入れることができませんが、これもまた、登録時または画像管理の画面から入力できるようにしておけたら、上記と同様に使える幅がひろがるかも、と考えました。

by misaki. <247文字> 編集

はじめまして。動作も軽くカスタマイズも簡単で大変重宝しております。ありがとうございます。
続きを読む機能の実装大変うれしいです。
ブログスキンタイプの場合、「続きを読む」を表す記号が無効化されてしまいうまく機能しませんでした。
skin-blogtypeのskin-onelog.htmlの中の[[COMMENT:BODY]] を[[COMMENT]] にするとうまく機能するようになりました。
私の環境だけかもしれませんが。。

要望なのですがもし可能でしたらハッシュタグを今はaタグで一つ一つ吐き出されているものを<div>などで囲ってクラスをつけていただき、ひとつのグループとして扱えないでしょうか。
そうすれば表示位置が調整できるかなと思いまして。
ありがとうございます、どうぞよろしくお願いいたします。

by sakura. <357文字> 編集

テスト
#TEST
続きテスト畳む

by admin. <16文字> 編集

はじめまして。数日前から利用しています。簡単に開始できて、ありがたく思っています。
https://baum.daynight.jp/blog/tegalog.cgi?

すでに出ている要望と重なってしまいますが、いちおう感想としましては
○ 画像の代替文字表示の追加と編集が簡単にできるとうれしいです
○ ゲストで参加したときにも名乗れる、名前の入力欄がほしいです

ほんとうに、ありがとうございます!!

by misaki. <203文字> 編集

掲示板を探していて、すぐにインストールできて使えてたすかりました。

by admin. <33文字> 編集

ハッシュタグ簡単入力機能って、モバイル端末での投稿時にかなり役立つことが分かった。モバイル端末だと、半角 # を打ってから全角文字を続けるのは切り替え操作が面倒だから。

by admin. <84文字> 編集

テスト投稿はご自由にどうぞ。ご質問やご要望もお気軽にどうぞー。その他、何でもない呟きもどうぞー。

by nishishi. <48文字> 編集

「続きを読む」や「畳む」リンク(ボタン)を装飾するCSSの書き方 #🌱豆知識

何も装飾を指定しないと、「続きを読む」も「畳む」も普通のテキストリンクとして表示されます。標準添付しているスキンだと、ボタン型に装飾した状態で表示されます。この動作サンプルCGIのように。
ご自身で記述したCSSで、「続きを読む」や「畳む」を装飾したい場合は、以下の書き方が使えます。

▼「続きを読む」と「畳む」の両方に共通する装飾
.readmorebutton { ~装飾~ }
▼「続きを読む」と「畳む」を別々に装飾したい場合
.readmoreopen { ~続きを読むリンクだけの装飾~ }
.readmoreclose { ~畳むリンクだけの装飾~ }

標準スキンのCSS(tegalog.css)では、『/* ▼続きを読むリンク(ボタン) */』と書かれた行を検索して頂くと、各種装飾ソースが見えますので参考にして下さい。

標準添付のCSSにはどれもコメントで簡単な説明を加えるようにしていますが、特に標準スキンのCSSが最も詳しく書いてあります。畳む

by nishishi. <473文字> 編集

Re:1196
なるほどそうでしたか!ラベルの装飾がしたくてFont Awesomeを使っていました。今後はreadmorebuttonopen・closeにcssでつけることにしました。ご丁寧にありがとうございます!末永く活用します!

by misaki. <118文字> 編集

Ver 2.2.4で追加した「画像の遅延読み込み(LazyLoad)属性」の追加機能(デフォルトでON)は、今のところChrome76以降でしか効果がありません。おそらく今後は他のブラウザでもサポートされるようになるとは思いますが。このLazyLoadのマークアップや効果は以下の記事などが分かりやすいと思います。 #参考情報
https://www.suzukikenichi.com/blog/chrome-76-supports-...

従来は、画像の遅延読み込みを使おうと思うと、その機能を提供してくれるJavaScriptを読み込んだ上でHTMLのimg要素の記述を書き換えなければならなかったわけですが、上記の新仕様を使えば、img要素にただ「loading="lazy"」の記述を追記するだけで遅延読み込みがなされるようになります。

by nishishi. <393文字> 編集

#今後の構想
文字装飾に「ユーザ定義」ボタンを表示できるようにしようかな……。現状での文字装飾ボタンは以下のようになっているわけですが、
[強]を押すと [E:~] で記録されて、実際には <em class="decorationE">~</em> で出力される
[小]を押すと [S:~] で記録されて、実際には <small class="decorationS">~</small> で出力される

さらに設定で「1」~「9」までのボタンを(望めば)表示できるようにして、
[1]を押すと [1:~] で記録されて、実際には <span class="decoration1">~</span> で出力される
[2]を押すと [2:~] で記録されて、実際には <span class="decoration2">~</span> で出力される

……とか。

こうすると、CSSで .decoration1 ~ .decoration9 までの9種類ほど、自由な装飾を用意しておいて使い分けられるようになりますよね。たくさん装飾を使い分けたい場合には便利かも知れない。

by nishishi. <520文字> 編集

アップデートありがとうございます!!タグ入力とLazyLoadありがたいです。
質問なのですが続きを読む・読後に畳むラベルの部分はHTMLタグは使用不可になったのでしょうか?アップデート後に表示されなくなったのですが不具合か修正されたものなのか気になりました。

by misaki. <130文字> 編集

ダウンロードいたしました!

by admin. <13文字> 編集

> 「今日のひとこと」の場合は、まず、てがろぐ側で埋め込み専用のスキンを作ってあります。
せっかくソースを見せていただいたので、まるっとコピペで自分で試してみるのがいちばんですね!

> てがろぐVer 2.0.0以降では、スキン内部に外部ファイルの中身をそのまま合成できる [[INCLUDE:ファイル名]] という書き方が増えました
機能をあれこれ試しているうちに、2020年になってしまう・・・。もたもた置いて行かれないように色々楽しんで頑張りまーす。
解説ありがとうございます! #感謝

by misaki. <247文字> 編集

#感謝 #使い方 #感想
バカだから、選んだ後に挿入を押すのを忘れたorz 自動的に半角スペース挿入されて、そのままどんどんタグ入れられてありがたやー!

by misaki. <76文字> 編集

個人的には、同一ドメイン下に複数のてがろぐを設置した場合でも、それぞれでログイン状態を維持できる機能を早急に作りたいんだけども。(最近、自分でも同一ドメイン下に複数設置して利用するようになったので、ログインし直すのが面倒に感じられて……。) しかしそれは、次の次のバージョンくらいだな……。
とりあえず、現時点までにできあがった機能で、9月1日(日)目標にリリースしたい。ちょっとした不具合の修正を含んでいるので、早めに公開したいので。

by nishishi. <218文字> 編集

Ver 2.2.4(未配布)の動作テスト。
画像の遅延読込(LazyLoad)用属性が付加できるようになったり(※標準でON)、既存ハッシュタグの簡単再入力機能でリストアップする最大個数を制限できるようになったり(※標準では10個/無制限にも設定可能)

by nishishi. <128文字> 編集

Ver 2.2.3(未配布)の動作テスト。#TEST
既存ハッシュタグを簡単に入力できる「#」ボタンが増えました。既に存在するハッシュタグがリストアップされているプルダウンメニューが表示されて「挿入」ボタンを押すと挿入される仕様です。どうかなー。

by nishishi. <124文字> 編集

1177です。お返事ありがとうございます。そうです!私としてはプルダウンで選んで挿入できれば複数選びやすいし、全てのタグが見られて良さそうと思ってます。
Ver 2.2.2の設定項目のLightbox用の属性名変えられるの嬉しいです!これなら属性名変えてスキンに好きなjquery入れて使うこともできますね。楽しみにしてます。いつもお疲れ様です。

by sakura. <173文字> 編集

Ver 2.2.2(未配布)の動作テスト。
設定項目がすごく増えました。

by nishishi. <36文字> 編集

さっき気がついたんですが、ここに打ち込んだ文字は、改行も1文字と数えるのですね。さっき気がついた。
(だから何と言うわけではなくて。)

by misaki. <67文字> 編集

> 「今日のひとこと」という呟き枠がある
こういう風に表示させるのは、インラインフレームとか? それとも今時はページに埋め込むのにもっとスタイリッシュな方法があるとか?

> 「今日のひとこと」の過去ログ用にシンプルなスキンを作った
サイトのデザインまんまにスキンがデザインされているのか、それともログ表示の部分だけを呼び出し(埋め込み)している・・・?

技術的な解説を図々しく求めているわけではありませんので、Yes/No程度にでもお答えいただけたら幸せです。

by misaki. <232文字> 編集

(承前) そんな「今日のひとこと」の過去ログ用にシンプルなスキンを作ったんだけども、よく考えたら配布している「シンプル版スキン」よりもよほどシンプルだった。^^;
こういう日付と中身くらいしかないスキンも配布すれば使い道あるかな……?
20190821211503-tomoyo.png
……とちょっと思ったんだけど、よく見比べたら、まあ大して変わらないか。

by nishishi. <154文字> 編集

うちのHOMEページ(にししふぁくとりー)には「今日のひとこと」という呟き枠があるんですが、その部分を「てがろぐ」による生成に切り替えてみました(下図)。
ページ自体はHTML手打ちですが、「今日のひとこと」という区画だけはSSIを使って「てがろぐCGIが生成した最新1件の内容」を呼び出す方法で埋め込んでいます。
20190821153056-tomoyo.jpg
この「今日のひとこと」枠は、これまでは長年ずっとHTML手打ちによる更新でした。^^; それでも更新作業自体は別に困らなかったんですが、過去ログを蓄積できない点をちょっと残念に思っていました。いや、残そうと思えばいくらでも残せるんですが、更新の度にログも書き換えるのはちょっと面倒だったので。
てがろぐ化することで、何もしなくても過去ログが残るようになって楽になりました。ちょっと嬉しいです。^^;

by nishishi. <358文字> 編集

投稿1つを単独で表示した場合に本文の末尾に自動挿入されるユーティリティリンク枠(「ユーザ×××だけの投稿を見る」とかいくつか並んでいる枠)は、要らない場合もありますよね。
あの単独表示時に出てくるリンク枠は、Ver 2.2.4以降でなら管理画面の「設定」で消したり取捨選択したりできるようになりました。
Ver 2.2.0以下では、以下の方法で消せます。(CGIソースの編集は不要#🌱豆知識

▼全部消す
以下のCSSを加えておくと、枠も含めて全項目を丸ごと消せます。
.utilitylinks { display: none; }

▼最後だけ消す
もし、リンクの一番最後にある「この投稿を再編集または削除する」という管理用リンクだけを消したい場合は、以下のCSSを書けばその1項目だけを消せます。
.utilitylinks > ul > li:last-child {
    display: none;
}


将来的には、あの枠内の項目も自由に選択できるような設定項目を加えたいとは思っています。今のところは、上記のようにCSSで非表示にする方法で対処下さい。Ver 2.2.4でサポートしました。
畳む

by nishishi. <508文字> 編集

DASHBOARD

■全文検索:

複合検索窓に切り替える

■複合検索:

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

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■日付一覧:

■日付検索:

■カレンダー:

2019年9月
1234567
891011121314
15161718192021
22232425262728
2930

■最近の投稿:

■フリースペース:

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

編集

▼現在の表示条件での投稿総数:

3950件

▼最後に投稿または編集した日時:

2025年7月3日(木) 22:48:24〔2日前〕

RSSフィード

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