🗐 てがろぐ - Fumy Otegaru Memo Logger -

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

or 管理画面へ

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

Icon of sakura
自前の動画のURLを貼るとプレイヤーになるスクリプト作ったので共有します
<script type="text/javascript">
///動画
$(document).ready(function() {
    $('a[href$=".mp4"], a[href$=".mov"], a[href$=".webm"], a[href$=".ogg"], a[href$=".m4v"], a[href$=".avi"]').each(function() {
        const $link = $(this);
        const href = $link.attr('href');
       
        // 拡張子に応じて適切なMIMEタイプを設定
        const getVideoType = (ext) => {
            const types = {
                'mov': 'video/quicktime',
                'mp4': 'video/mp4',
                'webm': 'video/webm',
                'ogg': 'video/ogg',
                'm4v': 'video/mp4',
                'avi': 'video/x-msvideo'
            };
            return types[ext.toLowerCase()] || '';
        };
       
        const fileExt = href.split('.').pop().toLowerCase();
        const mimeType = getVideoType(fileExt);
       
        const playerElement = `
            <div class="video-container">
                <video controls width="100%">
                    <source src="${href}" type="${mimeType}">
                    お使いのブラウザは動画の再生に対応していません。
                </video>
            </div>
        `;
       
        $link.replaceWith(playerElement);
    });
});
</script>

バグってたら申し訳ないです

仕様
  • 管理画面>設定>システム設定>【許可する画像の種類】で拡張子を入れると管理画面とQUICKPOSTからアップできるようになります(管理画面の画像の管理の画像欄には表示されません)
  • URLの末尾に動画の拡張子がある場合、自動的にプレイヤーに変更されます
  • サイズ変更はスクリプト内の<div class="video-container">~からどうぞ
  • 5秒のところがサムネイルとして初期設定されているので、変えたい場合はMath.min(5, video.duration)の数値を変更してください
Icon of admin
>>4878
元の方とは違う人間ですが自分も日付のURLあると嬉しいです。
AとBどちらもあって、どちらでも飛べるのでいいと思います。

自分も投稿消しがちで連番じゃないのが気になって番号の振り直しするのですが、日付の場合は特に気になりません。(日付みたいな長めの数字列で連番になってるほうが逆に違和感です……)感覚的なものなのでうまく言えないのでわかりにくいかもしれませんが……。
Icon of admin
>>4875
>>4877です。
確認ありがとうございます。
設定を確認したところディレクトリは/images/emojiに設定しています。
自分でも確認画面の画像パスを確認したところ
/home/users/0/○○○.jp-△△△/web/images/emoji//emoji.png
と、ロリポップサーバーのフルパスで表示されていました(ロリポップを使用しています)
Icon of admin
いつもてがろぐを使わせて頂いております。この掲示板にも以前何度か書き込んだことがあり、丁寧なお返事をいただいて問題を解決することができました。
本日は、今後の開発に関する要望を投稿したく思います。

てがろぐの記事単体を表すURLは、今は"https://(てがろぐ設置URL)/tegalog.cgi?postid=投稿番号"となっています。
これを"https://(てがろぐ設置URL)/tegalog.cgi?postid=202501012359"のような日付と時刻IDに任意で選べると便利だなあと思います。
記事単体URLが投稿番号だと、過去の記事を参照するためにリンクを貼っても、
後で投稿番号を連番に直したときにURLが変わってしまう心配があり、なかなかリンク機能を使えないためです。

時間にもとづいたIDならその心配がないと思ったのですが、開発は難しいでしょうか? 
お考えくださるとうれしいです!
Icon of admin
いつもお世話になっております。
Ver 4.5.1β公開お疲れ様です。
カスタム絵文字管理機能を早速使わせていただきました。
追加と削除は問題なくできましたが、削除確認画面のプレビューの列には何も表示されませんでしたので報告いたします。
#報告

使っていない絵文字を整理したいと思っていたので、今回のアップデートとても助かりました。
使用場所を確認しながら削除できたのでとても使いやすかったです。
ありがとうございます。#感謝
NO IMAGE
カスタム絵文字を管理画面上から追加/削除できるようになった Ver 4.5.1β(未配布) の動作テスト。
そのカスタム絵文字が使われている投稿を探す機能もあります。
NO IMAGE
昼食はハヤシライス。

🍛Re:4870◆その解決方法だと、今は大丈夫でも、次に[設定]画面で何かを変更して保存しようとする際に(WAFの影響で)403 Forbiddenエラーが出ると思います。[設定]画面では、変更したかしていないかに関係なく常にすべての項目(フリースペースも含みます)のデータを送信するからです。なので、根本的に解決するには、No.4869さんが最後におっしゃったように、フリースペースを使わずにスキンのHTMLに直接書く必要があると思います。

PHPスクリプトに送る日付を頻繁に書き換えるためにフリースペースを使いたい、というのが理由なら、日付だけをフリースペースに書くことにして(PHPに送るパラメータを)合成すると良いかもしれません。
スキン側(skin-cover.html)に <script src="https://www.nannichime.net/s.php?d=[[FREESPACE:0]]&f=n"></script> のように書いておく感じです。PHPに送るパラメータの日付部分だけをフリースペースに書きます。そうすれば、script要素自体はフリースペースに含まれないので、WAFの誤検知も防げるでしょう。

※専用の区切り文字を使えば複数のフリースペースを設けられますので、上述のPHPスクリプト以外に他の文章等をフリースペースに書きたい場合でも、[[FREESPACE:番号]の記法を使えば使い分けられます。
Icon of admin
>>4869

>>4865 です
サーバーのtegalog.iniの113行目付近にある「freespace=」の後に<script>~</script>を書いて上書き保存・アップロードする方法で正しく表示されました。

ありがとうございました🙇🏻‍♀️՞
Icon of tomoyo
>>4867
4866です。同じ
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
を「多目的フリースペースに掲載する内容」に入力して保存ボタンを押しても当方の環境ではやはりエラーは表示されず、てがろぐHOME画面に「361日」の文字が表示されました。
別のサーバーではエラーにならない点や「設定を保存する」のボタンを押した時に403エラーが出るという点から、これはてがろぐCGIやカウントダウン・カウントアップコードが原因ではなくサーバー側のWAF機能の誤検知の可能性が高そうです。

↓他のサーバーでの似た事例です
https://www.nishishi.com/cgi/tegalog/faq/#lolipop-forb...
https://www.nishishi.org/testground/tegalog/?postid=43... (※4307さんへのレスが該当の話題です)

↓シンフリーサーバーのWAFについての説明
https://www.xfree.ne.jp/manual/man_server_waf.php

シンフリーサーバーでの除外設定方法 までは私には見つけられていないので、WAFの無効化や除外設定をしないですぐに解決する方法は
・サーバーのtegalog.iniをダウンロードしてテキストエディタで開き、113行目付近にある「freespace=」の後に<script>~</script>を書いて上書き保存・アップロード
【記入例】freespace=<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>

・多目的フリースペースではなくスキンのhtml内に直接<script>~</script>を書く
のどちらかしかないような気がします…。
Icon of admin
>>No.4859
お忙しい中ご回答ありがとうございます。IF文に関して理解できました!ありがとうございます。このままふたつにわけて書こうと思います。
改行無しで書いてるとたまにIF文として成立しなくなるのもたまたま気付いただけで特に困ってるわけではないのですが、あとで標準スキンでも試してみようと思います。確かにその辺自分で確認してから聞くべきでした……。

>>No.4859、No.4863 ありがとうございます。[[FREESPACEEDIT:URL]]で無事リンクできました。
Icon of admin
>>4866

>>4865 です
検証して頂きありがとうございます。

サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時

てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)

記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n&quot...


IMG_5425.jpeg
Icon of tomoyo
>>4865
気になって自分のてがろぐで試してみたら、403エラーにはならずに正常に表示できました。
tegalog.cgiを「my $safemode = 0; 」にした上で多目的フリースペースにリンク先のカウントダウン・カウントアップ用の<script>~</script>コードを記述し、
skin-cover.htmlに[[FREESPACE]]と記述しました。
試したサーバーはローカル環境とXREAです。

どのサーバーをお使いなのかや、403エラーが表示されるタイミングがいつなのか(多目的フリースペースの設定画面で保存ボタンを押した時なのか、てがろぐにアクセスした直後なのか)、多目的フリースペースに記述した<script>~</script>の情報があると助言が得られやすいかと思います。
Icon of admin
いつもお世話になっております。

多目的フリースペースに掲載する内容の所に、こちら のソースを設置して、設定を保存しようとした所、403エラーになってしまいます。
どのようにしたらよろしいでしょうか。

関係ありそうな設定の状況(tegalog.cgi)
・セーフモード:HTMLソースを直接記述可能な設定項目に書かれた内容について(0:何もしない/1:scriptタグ系の記述は無効にする/9:あらゆるHTMLタグを無効にする) ※9は試験実装(β版)
my $safemode = 0;
NO IMAGE
朝は真冬の気温……!

Re:4863◆ああっ……! なるほど。すみません。リファレンスの記述が間違っていますね。[[FREESPACEEDIT:URL]] と書かないと認識されませんでした。リファレンスと >>4859 を訂正しておきました。
Icon of admin
いつもお世話になっております。

標準スキンのフリースペース編集リンクは
<a href="[[FREESPACEEDIT:URL]]">編集</a>
でした。使い方説明にも
[[FREESPACEEDIT]]
[[FREESPACEEDIT:URL]]
の二種類があるようです。十分に試行していませんが、取り急ぎご報告まで。
Icon of admin
いつもお世話になっています。

[[FREESPACEEDIT]]をcover.htmlに記載しても[[FREESPACEEDIT]]という文そのものが出てくるのですが、なにか必要な設定などはありますか?
(<a href="[[FREESPACEEDIT]]" >テスト</a>のように書いてもURLにはなりませんでした)

またIF文ですが、
なにも限定していないときの2ページ目以降(deeppage nofiltering)とカテゴリ限定時(selected-cat)にのみ出力したい要素があったので
[[IF(selected-cat|deeppage nofiltering):<a href="/link/">てすと</a>:IF]] と書いても
カテゴリ限定時にしか反映されないのですが、なにか間違えていますか……?(IF文の「|」の前後のって1単語のみ(?)じゃないとダメなんでしょうか)
今はhtmlに[[IF(deeppage nofiltering):<a href="/link/">てすと</a>:IF]]と[[IF(selected-cat):<a href="/link/">てすと</a>:IF]]のふたつ書くことで対応しているんですが……

またhtmlに
<div class="aaa">[[NAVI:PREV]][[IF(条件):何らかの要素:IF]][[IF(条件2):なんらか:IF]][[NAVI:NEXT]]</div>
このように一行で書くとIFの文として反応しなくなるのも仕様でしょうか?(改行すれば済むんですが気になったので……)
Icon of admin
>>4855
画像を記事へのリンクにする方法でしたらこちら
または
>>4619 が参考になるかもしれません。

有志の配布テンプレートにも画像から記事に飛ぶ仕様のものがあるので、参考になると思います。カスタマイズがんばってください💪
Icon of admin
一覧での記事と単独記事での画像のURLについて質問です。検索して探したのですが、なかなかやりたいことに該当する方法が見つからなかったので質問させて頂きます。

「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像1枚目の部分がURLでの表示になってしまうので、単独記事で設定した画像を拡大するURLも出てしまい、記事URLが無効になってしまいます。
なので1枚目の画像のURLを画像のみのパス表記みたいにしたいのですが方法はありますでしょうか?
もしくは他に別の解決策などがありましたら教えていただけますと幸いです。
ーーーーーーーー
【一覧】 1枚目をサムネにする
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
[[ONEPICT:1]]
</a>
</div>

【単独】Lightboxでの画像表示
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>

** こんな感じにしたい **
【記事】
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
 <img src="1枚目の画像" alt="No.18" loading="lazy">
</a>
</div>
↓画像サムネイルはURLリンク
【単独】
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
ーーーーーーーー 畳む
Icon of admin
テスト投稿失礼します🙇‍♂️
Icon of admin
>>4847
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました!すみません!
無事に横並びに出来ました!
ありがとうございます!☺
Icon of admin
>>4850 Blueskyほか一部の外部サービスの埋め込み機能については>>4470で言及されてました。意外と実装は難しそうですね。
HTMLを記入できるオプションが実装されれば(予定があれば)埋め込み以外でも更に自由度が上がるようなのでそちらを楽しみに待ちたいと思います。
Icon of admin
いつもお世話になっております。
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。
Icon of admin
お返事ありがとうございます。4843です。
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。
Icon of admin
>>4841
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。
Icon of admin
開発お疲れ様です。
サイトの日記代わりに使わせて貰っています。
気軽に更新出来て多機能なのでとても助かっています。
要望なのですが、カレンダー部分もスキンで編集可能になるととても嬉しいです。
具体的に言うと、現在の7列×5段表示では無く、1日から末日まで横並びにして、土日は文字色を変えたいと思っています。
多分CGIの方を直接弄る事で変更出来るとは思うのですが、それだとてがろぐが更新される度にCGIを直接編集する必要性があるのでちょっと大変だな…と。
ご検討いただければ幸いです。
Icon of admin
お返事ありがとうございます。4843です。
言葉足らずで申し訳ありません。
同じページで

カテゴリA
【カテゴリAの画像】【カテゴリAの画像】
カテゴリB
【カテゴリBの画像】【カテゴリBの画像】

…というようにしたいです。
Re:4230のようにcover.htmlを編集することで埋め込む方法もあるようなのですが埋め込む方法だと通常と比べてその部分を表示するのに時間がかかることがありました。
もう少しスマートに行けたら助かるのですが…と思い要望を出しました。
Icon of admin
パソコンがなくてもスマホやタブレットで簡単に更新や管理出来ることに凄く助かっております。
要望です。
現状のギャラリーモードでは画像全てをごちゃ混ぜにして表示となりますが、画像にカテゴリ(のようなもの)で分類してギャラリーモードではカテゴリ別に表示できるようにしてほしいです。
Icon of admin
48104823です。
4799の方法でOGP画像に任意の画像を指定するために自分が行った手順をこちら にまとめました。
他の方の参考になれば幸いです。
改めて、ご教示ありがとうございました!
Icon of admin
4832です
>>4838ありがとうございます。
先日入れてみたのですが、画像をD&Dしても画像が登録されずに困っております。
属性が違うとかあるのかなあと思いながら、またゆっくりしたときに原因を究明していきたいと思います

■フリースペース:

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

編集

■全文検索:

複合検索窓に切り替える

■複合検索:

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

■新着画像リスト:

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

全317個 (総容量 36.08MB)

■日付一覧:

■日付検索:

■カレンダー:

2024年12月
1234567
891011121314
15161718192021
22232425262728
293031

■最近の投稿:

最終更新日時:
2025年5月31日(土) 21時25分21秒〔1時間前〕

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