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

てがろぐ - Fumy Otegaru Memo Logger -

or 管理画面へ

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

先頭固定(←ここの文字列も自由に変更可能。非表示にも設定可能)

NO IMAGE 付箋No.1773 (197文字) 編集 削除
テスト投稿はご自由にどうぞ。ご質問やご要望もお気軽にどうぞー。ただの呟き等もご自由にどうぞ~。(返信は遅くなることがありますので気長にお待ち頂ければ幸いです。) ※ツイートやWebページ等の外部コンテンツを紹介する場合は、本人による投稿なのか、第三者による紹介なのかの明記をお願い致します。
🤔てがろぐヘルプ群セットアップ方法使い方・設定方法カスタマイズ方法FAQ・豆知識
開発放言
NO IMAGE 付箋No.2352 (119文字) 編集 削除
開発進捗状況報告サイトでフォロー頂くと、てがろぐCGIの最新β版や正式版の公開時にメールで連絡を受け取ることもできますので、ぜひご活用下さい。(╹◡╹)ノ
フォロー数が増えると、私の開発モチベーションが向上するメリットもあります。(笑)

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

Icon of tomoyo 付箋No.4807 (155文字) 編集 削除
>>4806
にししさん、てがろくVer 4.4.5β配布お疲れ様です。
>>4685 で「未使用画像を探す」の動作報告をした者です。
今回高速化されたということで早速試してみたところ
現在「画像総数 239個、投稿総数 834個」の状態で、約0.5秒という早さになっていました🚄
参考になりましたら幸いです。
NO IMAGE 付箋No.4806 (437文字) 編集 削除
開発進捗状況報告サイトで、てがろぐ Ver 4.4.5(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.4.5βの更新点(概要):
《▼新機能》
複数の画像のフラグ設定を一括で変更する機能
負荷を軽減して高速化した「未使用画像を探す」機能
画像管理画面での絞り込み表示時に「1ページ当たりの表示件数」を拡張する機能
《▼仕様改善》
画像の絞り込み表示中は、ページ上部のフォームを畳んでおくよう改善
画像管理画面での画像の絞り込み表示状態から、特定の画像のメタデータを編集した場合でも、元の絞り込み状態の画面に戻るよう動作を改善。(従来は絞り込み検索が解除された状態に戻ってしまっていました。)

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

🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:
NO IMAGE 付箋No.4805 (71文字) 編集 削除
Ver 4.4.5β(未配布)の動作テスト。
を実装した版。
NO IMAGE 付箋No.4804 (129文字) 編集 削除
気温は冬なのに、まだ台風が新規発生するんですね……。

🧇Re:4803◆ちょいとNo.4801に追記しましたが、ハッシュタグの該当個数を表示する必要がもしなければ、ハッシュタグの集計機能をOFFにすると重たくなるのを回避できます(たぶん)。
Icon of admin 付箋No.4803 (140文字) 編集 削除
>>4801
確かに設置してるてがろぐのうち、ハッシュタグが40程度のものと190程度のものだと若干後者のほうが重い感じですね。後者はほぼ全ての投稿に画像を表示してるとはいえ、投稿数は前者のほうが3倍以上あるのでこの先もっと重くなるかも。ちなみにハッシュタグはどんどん増える予定…
NO IMAGE 付箋No.4802 (171文字) 編集 削除
Twitterの過去ログデータをてがろぐ化した際に、リツイートしたツイートに含まれている画像(=自分に権利のない画像)を削除する目的で「未使用画像を探す」機能を使いたい場合は、近日中に公開予定の Ver 4.4.5β をお待ち下さい。既存の「未使用画像を探す」機能よりも高速化しましたので、もうちょっと楽に作業できるようになります。(たぶん)
NO IMAGE 付箋No.4801 (389文字) 編集 削除
あんまり詳しくは検証していないんですが、現在のてがろぐの仕様では、
  • ハッシュタグの数が多いと重たくなりやすい
……ので、「カテゴリで分類しようかな~? それともハッシュタグで分類しようかな~?」と迷っている場合は、カテゴリを採用する方が望ましいと思います。
カテゴリは専用項目で分類できるのに対して、ハッシュタグは本文全体の中身を走査しないと分類できないので、負荷がずいぶん異なります。

ハッシュタグがたくさんある場合に重たくなるのは主に「ハッシュタグを集計するタイミング」なので、たとえハッシュタグを使う場合でも、下図のように集計しない設定にしておけば、重たくなるのを回避できます。(たぶん)
ハッシュタグの集計をしない設定
ハッシュタグの集計をしない設定

※この設定をしていても、その下にある『本文中のハッシュタグをリンクにする』項目の方がONなら、ハッシュタグそのものは機能します。(単に個数を数えなくなるだけです。)
Icon of misaki 付箋No.4800 (118文字) 編集 削除
>>4799
お忙しいところ大変ご丁寧にありがとうございます!
ご教示いただいたもので完璧に実装することができました!お優しい対応感謝いたします!
これからも大切に稼働させていただきます。
寒暖差激しい季節ですのでどうかご自愛ください。
NO IMAGE 付箋No.4799 (327文字) 編集 削除
冬が来たような気温……!(でも来週はまた暑くなるとか?)

🥞Re:4798◆その場合、要は『「Aの画像が本文で1枚目の画像として書かれている」しかし「Aの画像は非表示になっている」』という状況にすれば良いので、以下のような方法で実現できます。
まず、非表示にする装飾を何か用意しておきます。
例えば、.deco-hide { display:none; } などを書いておきます。
あとは、1枚目の画像(=OGPだけに使いたい画像)を本文の最初(=というか他の画像が出てくるよりも前)に書いた上で、その非表示用の装飾記法で囲んで [F:hide: [PICT:~]] のような感じで書きます。
すると、お望みの動作になると思います。
Icon of misaki 付箋No.4798 (152文字) 編集 削除
いつもお世話になっております。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
Icon of sakura 付箋No.4797 (96文字) 編集 削除
>>4796
>>4794 です、早々の回答ありがとうございます!
.newsign:empty{ display: none; }で一括解決しましたm(__)m
諸々ありがとうございます!!
NO IMAGE 付箋No.4796 (651文字) 編集 削除
あと2時間後くらいには寝たい……!(明日は朝が早いので)

🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。

※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign"></span> はどんな場合でも常に出力されますから。

なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、&#35; と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目:]欄にある『「&#35;」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。(※デフォルトではOFFですが、ここの動作試験場ではONになっています。)
Icon of admin 付箋No.4795 (3文字) 編集 削除
テスト畳む
Icon of sakura 付箋No.4794 (450文字) 編集 削除
いつもお世話になっております!
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
(上記以外のモード、例えば「cat=」などのソートでは出現しません)

🟢HTMLコード
<span class="newsign">[[NEW]]</span>

🟢CSS(#を半角にするとリンクが付いてしまうので一旦全角にしています)
.newsign {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  color: #fff;
  background: #f27744;
}

一応画像も添付します
201259.jpg
(オレンジ色の部分が該当場所です)

不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします!!
Icon of admin 付箋No.4793 (69文字) 編集 削除
>>4791 後ほどコメントアウト部分をimagettfbboxの直前に記述するよう修正します。こちらこそ使用と報告ありがとうございます。
Icon of admin 付箋No.4792 (74文字) 編集 削除
>>4790さん滅茶苦茶天才
急な対応がもし出たとしても十分余裕を持って行動できるの最高すぎます。
原稿回収する人からすればとても助かると思いますよ
Icon of admin 付箋No.4791 (765文字) 編集 削除
>>4789 素早いご対応ありがとうございます
11/4の最新ver.をダウンロードし、下記のようにコメントアウトを書き換えて使用させて頂きました

function addTextAreaToImage($filePath, $text) {
    $fontFile = 'Mplus1-Regular.ttf'; //使用するフォントファイル
    //文字化けする場合、以下のどちらかを試してみてください。(//を消してください。)
    // $text = mb_convert_encoding($text, 'UTF-8', 'auto');
    $text = mb_convert_encoding($text, 'SJIS', 'auto');


すると文字の合成自体が行われなかったので、当方のChatGPTのログを確認しましたら
image2r41c1c04.png
image2r41c1c042r.png
とありましたので、エンコードに関する記述をimagettfbboxの直前に変更しました

$text = mb_convert_encoding($text, 'SJIS', 'auto');
$bbox = imagettfbbox($fontSize, 0, $fontFile, $text);
$textWidth = $bbox[2] - $bbox[0];
$xPosition = $imageWidth - $textWidth - 20;
$yPosition = $imageHeight - 20;
$outlineOffset = 1;


以上で正常に動いたことを確認できました
>>4788 にて情報不足な報告をしてしまい大変申し訳ございませんでした

最新ver.で更に使いやすくなりました!この度は本当にありがとうございます!
Icon of sakura 付箋No.4790 (252文字) 編集 削除
11/11締め切りと思った原稿をさっさと上げて先方に送ったら、「早いですね、締め切り来年なのに!」って言われて、は?と思って確認したら1/11だったorz
少し前に夏が締め切りだった原稿を最近やっと上げたと言う迷惑行為があったので(オンライン発表なので遅刻も大丈夫と言われた)、今回の締め切りはちゃんと守る!と思ったらこれですよ。まあ遅刻よりいいですけれどもー。
進捗上げないとやる気出ないタイプですが、SNSで公開するのは好みではないのでてがろぐで進捗も壁打ち放流してひとり頑張ってますので誰か褒めて。
Icon of admin 付箋No.4789 (197文字) 編集 削除
>>4787 FIrefoxは他のブラウザよりセキュリティが厳しいんでしょうかね?致命的な挙動はしてないと思うので、大丈夫かとは思うんですが…

>>5788 ご報告ありがとうございます。登録しないとできないんですね、不勉強で申し訳ないです。自分の使っているレンタルサーバーだと記述がなくても問題なく動いていたかつSJISにすると逆に文字化けしてしまったので、コメントアウトで入れておきました。
Icon of admin 付箋No.4788 (340文字) 編集 削除
>>4784 さん、便利なツールをありがとうございます!
note登録してないためコメントできずこの場をお借りして申し訳ありません

>>4787 にししさんがおっしゃる通りブラウザがfirefoxだとZIPのダウンロード時に警告が出ますね(おま環だと思ったので自分だけじゃなくてちょびっと安心)

また、画像と文字を合成する場合、日本語部分が文字化けするので有志によるてがろぐプラグイン「D&Dまたはコピペで画像投稿するやつ 」試してみました こちらとChatGPTを参照にupload.phpに下記を付け加えたらうまくいったのでご報告します

// 日本語エンコードに対応
$text = mb_convert_encoding($text, 'SJIS', 'auto');
NO IMAGE 付箋No.4787 (1094文字) 編集 削除
昨日の夕食はカレーライス。🍛🍛🍛

🍛Re:4783◆ご要望ありがとうございます。そうですよね、バランス的にはあった方が良いですよね。^^; カテゴリなしをカウントしていないのは(詳細は忘れましたが)なんか実装上の都合があったんだと思います。「ある物は簡単に数えられるけど、ない物は数えにくい」みたいな。とはいえ不可能ではないので、ToDoリストには入れておきます。気長にお待ち頂ければ幸いです。
🍛Re:4784◆ChromeやEdgeではZIPを問題なくダウンロードできますが、Firefoxだと警告が出るのはなんででしょうかね……? たぶん、Firefox側の何らかの検出ミスなんでしょうけども。便利な拡張ツールをありがとうございます。
🍛Re:4785◆ご報告をどうもありがとうございます! 助かります。確かに、不具合がありますね。
  • NG [1:def:あい[2:abc:う]えお] ←defがclass名とは解釈されずに見えてしまう。
  • OK [1:def:あ[B:い[2:abc:う]え]お] ←間に別の装飾を入れれば問題ない。
  • OK [3:あい[4:う]えお] ←class名を使わない汎用装飾なら入れ子にしても何も問題ない。
  • OK [5:abc:あい[6:う]えお] ←外側が「class名あり」でも内側が「class名なし」の汎用装飾なら問題ない。
  • OK [5:あい[6:abc:う]えお] ←内側が「class名あり」でも外側が「class名なし」の汎用装飾なら問題ない。
  • NG [1:ghi:あ[2:def:い[3:abc:う]え]お] ←3重入れ子:一番外側のghiは問題ないが、2番目のdefはテキストとして見えてしまう。
  • OK [1:def:あ[2:い[3:abc:う]え]お] ←3重入れ子:2番目の汎用装飾を「classなし」にすると問題ない。
……というわけで、いろいろ確かめたところ、どうやら『「class付きの汎用装飾」のすぐ内側に「class付きの汎用装飾」を書いた場合』に、「前者のclass名」がclassとは解釈されずにテキストとして出てしまうようです。間に1つでも「classなしの装飾」を挟めば大丈夫なようです。^^;
まだハッキリと原因は掴んでいませんが、たぶん正規表現の書き方に問題があるのだと思いますので、次のバージョンで修正します。

🍛Re:4786◆回答ありがとうございます。参考にさせて頂きます。^^ 実装の手間で言えば、何の入力欄も拡張しない③が一番楽ではあります。
Icon of sakura 付箋No.4786 (112文字) 編集 削除
>>4772 Ⓑ-③-㋐か㋑だとありがたいです。自分は過去記事を頻繁に更新することがあるので【yyyy/mm/dd:記事修正】等の表示のときにタイムスタンプをボタン一つで記事内に挿入したい・手間を減らしたい気持ちがあります。
Icon of admin 付箋No.4785 (347文字) 編集 削除
こんばんは。

Ver 4.4.4βにアップデートして自由装飾ボタンを試してみたのですが、従来の装飾機能と異なり入れ子は出来ない仕様でしょうか?仕様なのかバグなのか自分では判断できないので、念のためお伝えします。

これまでのもの
[F:クラス名①:[F:クラス名②:本文]]
入れ子の装飾も適用される

4.4.4の自由装飾
[1:クラス名①:[1:クラス名②:本文]]
入れ子にならない。出力されたhtmlソースを見ると、クラス名①が本来のタグ内に収まらずテキストデータとして出力されている
<span class="decoration1">クラス名①:<span class="decoration1 deco-クラス名②">本文</span></span>

以上よろしくお願いします
Icon of admin 付箋No.4784 (163文字) 編集 削除
https://note.com/tekito_note/n/nbdf0de9b571b?sub_rt=sh...
「てがろぐでD&Dまたはコピペで画像投稿するやつ」に・複数画像D&D・リサイズオプション・WEBP対応、WEBP変換機能 を追加しました。まとめたZIPファイルも配布しているので、ぜひ試してみてください。

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

Icon of tomoyo 付箋No.4783 (114文字) 編集 削除
>>4782 こんにちは!β版試させていただいています。
今回は要望ですが、「カテゴリなし」の該当数表示が欲しいです。(負荷などの兼ね合いでしたらすみません)
個人的に表示上のバランスからあった方がいいかなと思っただけですが…。
NO IMAGE 付箋No.4782 (507文字) 編集 削除
開発進捗状況報告サイトで、てがろぐ Ver 4.4.4(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.4.4βの更新点(概要):
《▼新機能》
複数カテゴリの一括(生データ)編集機能
自由装飾ボタンの追加:汎用装飾1~9
リスト記法の拡充:丸囲み記号のサポート

《▼仕様改善》
画像一覧画面に「一覧外・NSFW」の各フラグ付き画像だけを一覧できるリンクを追加。
何でも簡単入力ボタン機能の登録欄で、入力欄の右端で折り返されないよう表示仕様を改善。

《▼不具合修正》
❎カテゴリツリーの表示時に『末尾に「カテゴリなし」を追加』をONにしていても追加されない不具合を修正。
❎本文中にカスタム絵文字があるとき、プレーンテキストで出力される場面では、絵文字の位置にJavaScriptソース等がそのまま出力されてしまう不具合を解消。

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

🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:
NO IMAGE 付箋No.4781 (165文字) 編集 削除
ハロウィン帽子を被ったピカチュウは手に入れました(ポケモンスリープ)。🎃

🎃Re:4779◆ご回答ありがとうございます。更新日時を記録する場合でも、強制的に表示されるようなことにはならないのでご安心下さい。それ専用の記法を新たに用意して、(その記法がスキンに使われている場合に)そこに表示される形にしかならないと思いますので。
Icon of misaki 付箋No.4780 (331文字) 編集 削除
いつもお世話になっております。
>>4772の緩募についてですが、正直言って私の使い方では更新日は必要ないので
「更新日時の扱い方」にはⒹ「更新日時を記録(表示)しない」という選択項目を設けていただけると嬉しいです!

よろしくお願いいたします。

それはそれとして、どうしても更新日を記録する仕様になるのであれば

Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
③は、投稿日時欄は何も変わらず、本文にコメントの形で更新日時を書いておけるようにするパターン。
㋑ 何も出力しない。

という形が折衷かなあと思っています。
一利用者の勝手な要望ですが、もしご負担でなければお時間のある折にご一考いただければ幸いです。

■フリースペース:

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

編集

■全文検索:

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

■カテゴリ:

■ハッシュタグ:

■日付一覧:

■カレンダー:

2024年11月
12
3456789
10111213141516
17181920212223
24252627282930

■日付検索:

■最近の投稿:

■新着画像リスト:

ハッシュタグの集計をしない設定更新日時UI案

全306個 (総容量 36.67MB)

■情報:

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

▼最終更新日時:
2024年11月10日(日) 23:15:14〔2日前〕

■リンク:

てがろぐTOPへ戻る

RSS / 新規投稿 / 管理画面

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