カテゴリ「カテゴリなし」の投稿[3883件](9ページ目)
<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)の数値を変更してください
元の方とは違う人間ですが自分も日付のURLあると嬉しいです。
AとBどちらもあって、どちらでも飛べるのでいいと思います。
自分も投稿消しがちで連番じゃないのが気になって番号の振り直しするのですが、日付の場合は特に気になりません。(日付みたいな長めの数字列で連番になってるほうが逆に違和感です……)感覚的なものなのでうまく言えないのでわかりにくいかもしれませんが……。
本日は、今後の開発に関する要望を投稿したく思います。
てがろぐの記事単体を表すURLは、今は"https://(てがろぐ設置URL)/tegalog.cgi?postid=投稿番号"となっています。
これを"https://(てがろぐ設置URL)/tegalog.cgi?postid=202501012359"のような日付と時刻IDに任意で選べると便利だなあと思います。
記事単体URLが投稿番号だと、過去の記事を参照するためにリンクを貼っても、
後で投稿番号を連番に直したときにURLが変わってしまう心配があり、なかなかリンク機能を使えないためです。
時間にもとづいたIDならその心配がないと思ったのですが、開発は難しいでしょうか?
お考えくださるとうれしいです!
そのカスタム絵文字が使われている投稿を探す機能もあります。
🍛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:番号]の記法を使えば使い分けられます。
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>を書く
のどちらかしかないような気がします…。
お忙しい中ご回答ありがとうございます。IF文に関して理解できました!ありがとうございます。このままふたつにわけて書こうと思います。
改行無しで書いてるとたまにIF文として成立しなくなるのもたまたま気付いただけで特に困ってるわけではないのですが、あとで標準スキンでも試してみようと思います。確かにその辺自分で確認してから聞くべきでした……。
>>No.4859、No.4863 ありがとうございます。[[FREESPACEEDIT:URL]]で無事リンクできました。
>>4865 です
検証して頂きありがとうございます。
サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時
てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)
記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"...

気になって自分のてがろぐで試してみたら、403エラーにはならずに正常に表示できました。
tegalog.cgiを「my $safemode = 0; 」にした上で多目的フリースペースにリンク先のカウントダウン・カウントアップ用の<script>~</script>コードを記述し、
skin-cover.htmlに[[FREESPACE]]と記述しました。
試したサーバーはローカル環境とXREAです。
どのサーバーをお使いなのかや、403エラーが表示されるタイミングがいつなのか(多目的フリースペースの設定画面で保存ボタンを押した時なのか、てがろぐにアクセスした直後なのか)、多目的フリースペースに記述した<script>~</script>の情報があると助言が得られやすいかと思います。
多目的フリースペースに掲載する内容の所に、こちら のソースを設置して、設定を保存しようとした所、403エラーになってしまいます。
どのようにしたらよろしいでしょうか。
関係ありそうな設定の状況(tegalog.cgi)
・セーフモード:HTMLソースを直接記述可能な設定項目に書かれた内容について(0:何もしない/1:scriptタグ系の記述は無効にする/9:あらゆるHTMLタグを無効にする) ※9は試験実装(β版)
my $safemode = 0;
標準スキンのフリースペース編集リンクは
<a href="[[FREESPACEEDIT:URL]]">編集</a>
でした。使い方説明にも
[[FREESPACEEDIT]]
[[FREESPACEEDIT:URL]]
の二種類があるようです。十分に試行していませんが、取り急ぎご報告まで。
[[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の文として反応しなくなるのも仕様でしょうか?(改行すれば済むんですが気になったので……)
「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像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>
ーーーーーーーー 畳む
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました!すみません!
無事に横並びに出来ました!
ありがとうございます!☺
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。
サイトの日記代わりに使わせて貰っています。
気軽に更新出来て多機能なのでとても助かっています。
要望なのですが、カレンダー部分もスキンで編集可能になるととても嬉しいです。
具体的に言うと、現在の7列×5段表示では無く、1日から末日まで横並びにして、土日は文字色を変えたいと思っています。
多分CGIの方を直接弄る事で変更出来るとは思うのですが、それだとてがろぐが更新される度にCGIを直接編集する必要性があるのでちょっと大変だな…と。
ご検討いただければ幸いです。
言葉足らずで申し訳ありません。
同じページで
カテゴリA
【カテゴリAの画像】【カテゴリAの画像】
カテゴリB
【カテゴリBの画像】【カテゴリBの画像】
…というようにしたいです。
Re:4230のようにcover.htmlを編集することで埋め込む方法もあるようなのですが埋め込む方法だと通常と比べてその部分を表示するのに時間がかかることがありました。
もう少しスマートに行けたら助かるのですが…と思い要望を出しました。
要望です。
現状のギャラリーモードでは画像全てをごちゃ混ぜにして表示となりますが、画像にカテゴリ(のようなもの)で分類してギャラリーモードではカテゴリ別に表示できるようにしてほしいです。
>>4838ありがとうございます。
先日入れてみたのですが、画像をD&Dしても画像が登録されずに困っております。
属性が違うとかあるのかなあと思いながら、またゆっくりしたときに原因を究明していきたいと思います
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130