カテゴリ「カテゴリなし」の投稿[3869件]

自サイトの方で一言ツール+簡易イラスト置き場として「てがログ」を利用させていただいている者です。PCからもスマホからも手軽に更新できるのが便利で凄く重宝しております。素敵なスクリプトをありがとうございます!
現在てがろぐ4.5を使用しているのですが、4.6へのアップデートを行うと500エラーが表示されるようになってしまいました。
Tegupでの自動バージョンアップ、最新版をサイトから落としてきてFTPソフトで上書きする方法の両方を試しましたがどちらも500エラーになります。Tegupでは正常にバージョンアップが完了しましたという表示が出たあと、サイトに戻るとエラー画面となります。
cgiやphp部分の改造は特に行っておらずスキンまわりを弄っているだけなのですが(外部から「いいねボタン・改」というスクリプトを引っ張ってきていますがスキンに表示を追加するのみの調整です)、500エラーが出る原因となりそうな箇所などもしありましたらご教授いただけますでしょうか。
下記が実際に設置しているURLとなります。お忙しい中恐縮ですが、どうぞよろしくお願いいたします。
(設置先はさくらインターネットになります)
https://blue-black.sakura.ne.jp/blue/tega/tegalog.cgi 19時間前(木 02:13:07)

🧊Re:5185◆おぉ、それはスマートなアルゴリズムですね! たしかに、JavaScriptが解釈しやすい日付フォーマットでdata-属性に出力しておいて現在日時と比較する方法なら、てがろぐの現状の仕様だけで簡単に(任意の)経過時間が計算できますね。
というわけで、No.5181さんは、ぜひ以下の手順で試してみて下さい。
--- ▼Step①: ---
まず、内側スキンで相対時刻を掲載したい箇所に
<span data-published="[[DATE:Y-M-D]]T[[DATE:h:m:s]]">[[DATE:《A》]]</span>
……と書いておきます。
(※data-published属性値は ISO 8601 のローカル時刻形式「YYYY-MM-DDThh:mm:ss」になるようにしています。)
--- ▼Step②: ---
次に、外側スキンに『日時情報を比較して非表示にするJavaScript』を書きます。
具体的には、このリンク先で閲覧できるChatGPTとの一連の会話をご覧下さい。
この会話の最後に提示されているソース(全20行)をコピー&ペーストして使って下さい。(注:最初のソースではなく最後のソースです。)
(なぜISO 8601フォーマットにしたのかの理由が会話の途中で分かります。^^;)
実際の動作テストはしていないのですが、JavaScriptソースを読んだ限りではいけそうな気がします。
なお、「24時間」の閾値を変更したい場合は、ソース中の if (diffHours >= 24) の「24」の部分を修正すれば良いです。
27時間前(水 17:28:51)

javascriptで内側スキンに日時を表示するspan要素に相対時間表示([[DATE:A]])を入れて、
span要素にdata属性でdata-publishedなどの中に[[DATE:Y/M/D W h:m]]などを与える
現在時刻をnew Dateで作った後data-publishedに与えた日時と比較して24時間(60*60*24=86400秒)以上だったら
style属性にdisplay:noneを付与する(または最初にnone属性を与えておいてblockに変更する)とかでも実装できそうかなと思いました
実際のコードは書いてないのであくまでも考えてみただけですが…… 29時間前(水 16:05:58)

経過時間の表記変更は設定の項目でできる事は分かったのですが、一定時間後に非表示にするなどの方法が探してもなかなか見つからなくこちらで質問させて頂きました。
お忙しいところ恐れ入りますが何卒よろしくお願い致します。 2日前(火 01:49:19)

また、余談とのことでしたが、具体的な対応策を詳細にご教示いただき、ありがとうございました。何度も読み返させていただきました。
少し前に、同じく手作業で1000件ほど、SNSの投稿データをてがろぐに移動させたことがあったものですから、300件くらいなら…と、感覚が麻痺してしまっていたような状態でした。
でも、やはり何かしら効率化は【できる】し、恐らく自分の勉強のために、【やるべき】でもあるのだなと猛省いたしました。ご想像のとおり、プログラミング言語やAIとは縁遠い人生でしたので、これを機にもう少し、勉強してみようと思います。
この度は色々とお時間を割いていただき、誠にありがとうございました。 4日前(日 11:13:55)

先の投稿があまりにも言葉足らずだったなと反省しましたので、背景情報を補足させていただきます。
・今回やりたかったこと: 既にブログとして稼働中&公開中のてがろぐに、よそのブログから過去の投稿(300件ほど)を移設する
・移設元のブログにはエクスポート機能がない
件数が多いため、当初は tegalog.xml を編集する方法を考えましたが、上記の条件から、
・既にあるファイルをさわって壊してしまう不安
・そもそも移設元ブログから加工しやすい形でデータを取ってこれないため、それなら不慣れなテキストエディタでこわごわデータを加工するより、移設元ブログの記事編集画面とてがろぐの投稿画面を横に並べて、1投稿ずつ日時・タイトル・本文をそれぞれコピペで移す方が不安もなく、恐らくスピードもはやい
・さらに、てがろぐの「投稿の一括調整」をかければ、日付順に並べ替えて再採番もできる=やりたいことはブラウザ上で全てかなう
ということで、今回は手作業で移設作業を行いました。
かなり特殊なケースかと思いますし、私自身は今回の作業は既に完了済みのため、どうしても今すぐ必要というわけではないのですが、今後また似たような作業が発生したときに(現在、あらゆるSNSやブログの投稿を、てがろぐ一箇所に集約しようと画策中のため)、もし日時ボタンが常時表示できるようになっていたら作業スピードを上げられそうだと思い、要望として書かせていただきました。 6日前(金 10:27:49)

要望なのですが、投稿の入力欄の「日時」ボタンも、設定で「最初から展開しておく(常時表示)」ができるようになりますと非常に有難いです。
具体的な理由としましては、他ブログ等の投稿を複数手作業でインポートする際、毎回日時ボタンを展開する手間が省けるためです。
さらに可能であれば、たとえば日時が「2025/5/14 0:00:00」だった場合、自動でゼロ埋めして「2025/05/14 00:00:00」として投稿できる(エラーで弾かれない)ようになると、より助かります。
ご検討よろしくお願いいたします。 8日前(水 11:01:36)


折り畳み
折り畳み表示のテスト
こんな感じで見えます。
こんな感じで見えます。
ラベルはその都度指定します
もちろん、1投稿内にいくつでも書けます。
入れ子にもできます
ただし、details要素はspan要素等のインライン要素の内側に書くとHTMLの文法的に正しくなくなるため、そのように文字装飾を書いてしまうと直前のCSSが意図通りに適用されなくなる問題がある点に注意が必要です。
JavaScriptなしで動作する点も良いですね。装飾はCSS次第で好きなようにできます。
ここの動作試験場では、標準スキンにしか(まだ)CSSを用意していません。が、details要素+summary要素はHTMLだけで動作しますから、CSSがなくても(単に装飾がないだけで)動作はします。 12日前(土 19:39:11)

修正ありがとうございます!お疲れ様です。
1行単位のフリースペース、私はあると助かります!
それと現在特定の自由装飾をjsでdetails+summayに変換して隠す機能の代わりに使ってるので、もし公式で実装されるとすごくすごく嬉しいです!!!
13日前(金 15:43:55)

5166後半の「画像拡張子で検索をした時に、続きを読むボタンを押すと画像拡大スクリプトが動作してしまう」件は、<a>タグのリンク先URLの末尾が画像の拡張子かどうかを先にjavascriptで判定してから画像拡大スクリプトを実行するようにしたら自己解決できました。お騒がせしました。
同じようなことをしたい方が他にいるかは不明ですが、一応解決方法を書いておきます。
外側スキンに書く遅延読み込みスクリプト群を下記のコードにする。
baguetteBox.jsの動作除外用クラスに「uc-nomodal」を指定しています
<script src="baguetteBox.min.js"></script>
<script type="text/javascript">
window.onload = function() {
// 画像拡張子の正規表現
var imageExtensions = /\.(jpg|jpeg|png|gif|webp)$/i;
// すべての `.comment` クラスを持つ `a` タグを取得
var links = document.querySelectorAll('.comment a');
// リンク先URL末尾が画像拡張子になっているリンクがあるかチェック
var hasImageLinks = false;
links.forEach(function(link) {
if (imageExtensions.test(link.href)) {
hasImageLinks = true;
} else {
// 末尾が画像拡張子じゃなければignoreClassで指定するものと同じ除外用クラスを追加
link.classList.add('uc-nomodal');
}
});
// リンク先URL末尾が画像拡張子の場合のみbaguetteBox.jsを実行、uc-nomodalクラスは除外
if (hasImageLinks) {
baguetteBox.run('.comment', {
ignoreClass: 'uc-nomodal'
});
}
};
</script>畳む 14日前(木 18:06:20)

にししさんが>>5160内の5158さんへのレスで書かれている「半角英数1文字だけで検索するとJavaScriptソースが崩れてしまう」件、「続きを読む」ボタンのソースにも同様の影響が出ているようです。設定で「全文検索時でも隠す機能を有効にする」にチェックがついていても、半角英数1文字だけで検索すると「続きを読む」装飾で隠されている部分が全て表示された状態になります。半角英数2文字や全角1文字で検索すると設定通りに隠す機能が有効になるので、半角英数1文字だけの時に起こります。
もう1つ、この検索結果で続きを読むボタンのソースが変わることに関連して要望です。
私は画像拡大スクリプトにbaguetteBox.js を使用しており、commentクラスを対象に画像拡大スクリプトを実行するようにしています。この環境だと、検索キーワードに画像の拡張子が含まれる場合に、続きを読むボタンと画像拡大表示用スクリプトが衝突してしまいます。
【再現手順】※てがろぐデフォルトスキンで再現確認済み
①baguetteBox.jsの配布元 からダウンロードしたzipのdistフォルダにある、baguetteBox.min.jsとbaguetteBox.min.cssを、てがろぐと同じディレクトリにアップロード
②てがろぐデフォルトスキンをテキストエディタで開き
外側スキンの<head>内に
<link rel="stylesheet" href="baguetteBox.min.css">
外側スキンの遅延読み込みスクリプト群の
[[JS:LIGHTBOX:JQ]]
を消して
<script src="baguetteBox.min.js"></script>
<script type="text/javascript">
// comment クラスの中の画像リンクだけをbaguetteBox.jsの実行対象にする
window.addEventListener('load', function() {
baguetteBox.run('.comment');
});
</script>
と書いてアップロード
③適当な画像と、続きを読むボタンを含む投稿をする(画像は「続きを読む」で隠される部分でなくてもよい)
④新着画像リストに表示されている小さい画像をクリックするか、全文検索窓から「.png」「.jpg」など、記事内に存在する画像の拡張子をドットつきで検索をする
※「png」「.pn」「.j」のように画像の拡張子として不完全な文字列ではダメ
⑤検索結果画面にある記事の「続きを読む」ボタンをクリックした瞬間にbaguetteBox.jsが作動するが、画像ファイルのリンクではないので存在しない画像を読み込もうとし続ける畳む
普通に記事を表示した時は続きを読むボタンをクリックしてもbaguetteBox.jsは作動しないのですが、画像の拡張子が含まれる検索結果画面で続きを読むボタンをクリックした時にだけこの現象が起こります。
続きを読むボタンの<a>タグのリンク先は現在のURLの末尾に「#readmore」が付与されたものになりますが、
検索結果画面だと
https://example.com/tegalog/tegalog.cgi?q=.png#readmore
となるため、続きを読むボタンのリンク先URLに含まれる拡張子部分にbaguetteBox.jsが反応してしまうようです。
一応baguetteBox.js側の機能として、ignoreClassで指定したクラスを拡大表示処理の対象から除外することはできます。
【例】
baguetteBox.run('.comment',{
ignoreClass:'readmorebutton'
}
);
ただ、このignoreClassは1つしか指定できないので、続きを読むボタン(readmorebutton)を除外指定してしまうと、別の除外したいクラスが指定できなくなってしまうのです…。AIにbaguetteBox.jsのソースを読ませてignoreClassを複数指定する方法などを質問して色々試してみたりもしたのですが、やはり1つしか指定できない仕様のようです。
ちょうどignoreClassで指定したいクラスが出来て動作確認をしていた際、新着画像をクリックして見ていた時に気付きました。続きを読むボタンの<a>タグに検索キーワードを含めないようにして頂くことはできませんでしょうか。 14日前(木 06:14:53)

5153,5159です、お返事ありがとうございます。上書きスタイルシートの処理について解説していただき、納得できました。
スキンの作り方を変えて対応しようと思います。
あとリンク先のCloudflareの522エラーすみません…🙇
ドメインをCloudflareに移管したらこのエラーが頻発するようになってしまって調べながら設定いじっているのですが解消できず私も困ってます😅
数分置いて再アクセスすれば見れることがほとんどですがストレスですよね。
使っているCMSとの相性もあるのかと乗り換えも検討してますがなかなか時間が取れずしばらくはこのままです…😥 15日前(水 18:32:15)

新しい機能のカード型リンク、ずっと欲しかった機能なのでとても嬉しいです。ありがとうございます🙇
ラベルを省略しても使えるのがすごくありがたいです。OGPカードボタンからURLを入力するだけで使えるので、すぐ使えてとても便利です。
いつも更新ありがとうございます。これからもお世話になります🙏 16日前(火 05:21:16)

以前IF文でカテゴリ別に『1ページあたりの表示投稿数』を替えられないかと質問した4671です。
先日はてがろぐのアップデートでカテゴリ別にスキン指定を実装してくださってありがとうございます。
無事に自分の作りたい仕様を作ることができました。
実装から時間が経ってしまいましたが、Amazonギフト券を贈りました。
ほんの少しですが使ってください。
これからもご活躍応援しています。#感謝 17日前(月 18:55:57)

たしかに、自作スキンのCSSとかを確認している最中だったので適当な半角の英語1文字で検索してました……。ここでは「てがろぐ」で検索していたからなんともなかったんですね。スッキリしました!ありがとうございます。
あと5150の件ですが(書いたのは自分です)、フリースペース内には簡単な自己紹介?やお知らせ、細々とした部分(自分が書いてる内容をちょくちょく文言を変えたくなる気質?のため、ウェブ上からすぐ編集できるのが便利でいろいろ使ってるのです……)、ほかのてがろぐと共通して使うhtmlにそれぞれのディレクトリ名(tegalogとかmemoとか)をいれるために使ってます。[[FREESPACE:0]].cssみたいな感じで……。(前はヘッダ用フリースペースなどを使っていたのですが、ログイン画面かどこかでここの文言が出るのが気になってしまいすべてをフリースペースに書いています)
だいたい5個前後くらいですが、skin-coverに書くときに上から順にFREESPACE0→1みたいな感じで順番にしたい、しかしそうするとよく編集しがちな部分が(てがろぐから編集するほうの)フリースペースの下の方になってしまい編集がしづらい……ため、できたら好きな文字列にできたらなと思いました;わかりにくい文章ですいません……。
かなり個人的なわがまま要望になってしまうのでもし可能であれば、で構いません! 17日前(月 17:30:48)

にししさん返信ありがとうございます!
とても個人的な感覚なので、気になるのは自分だけかもしれないのですが、下だと一瞬「フォームはあるけどパスワードがないな、もしかしてあらかじめ知ってる人しか入れないのかな?」と、気早な方は去っていってしまうような気がしてまして…😅
かなり細かいことだと自分でも思うので申し訳ないですし、他の方のもっと重要な要望を優先して頂いて構いません。 17日前(日 22:21:44)

原因がわかりましたのでご報告です。
本番適用しているスキンのみ<head>~</head>部分を別ファイルにして[[INCLUDE:ファイル名]] で合成していたことが原因でした。
別ファイルにしていた内容をskin-cover.htmlにべた書きすると該当スキンでも上書きスタイルシートが出力されていることが確認できました。
私自身がスキンを変わった作り方をしていたのが原因だったのにそれに気づかないままこちらで質問してしまいすみません。
解決できましたのでご報告しておきます。 18日前(日 19:17:28)

自分の環境だとてがろぐデフォルトスキンのみで自作のJSやCSSなしの状態でも、検索にブログカードが引っかかると内容が読み込まれない(Loading...で止まる)
Uncaught SyntaxError: missing ) after formal parametersというコンソールエラー?が出ている
なにかしらのjsが干渉している???のかなと思うんですがわからなくて……
[画像UPエラー:容量制限を超過]


色々検索したり試してみましたがよくわからないのでこちらで質問失礼します。
iPhoneから見た時、投稿記事本文の文字が右に寄ってしまいます。
PC、タブレットで見る分には気になりませんがiPhoneのみです。
スクロールバーに文字が被り読みにくい為真ん中、もしくは左に寄せたいです。
どこかを書き換えればいいのだろう…というのはわかるんですが、ご助言いただけると幸いです。
18日前(日 17:38:58)

ただ、かなり細かいことで申し訳ないのですが、個人的には出来ればログインフォームの上に表示させたかったため、要望を出させて頂きました。申し訳ありません。 19日前(土 21:19:14)

https://www.nishishi.com/cgi/tegalog/usage/#howtouse-p...
によると[設定]→[システム設定]→【管理画面内の表示】→『ログインフォームの下部に表示されるメッセージ』欄に入力するとログインフォームの下に任意の文章を表示することができます。ただし
- HTMLは使えない(<p>~~</p>のようにそのまま出力される)
- ログイン限定モードを解除しても入力した任意の文章は表示され続ける
仕様になっているようです
19日前(土 21:02:14)

てがろぐをログイン限定モードで使用中のとき、ユーザー名・パスワード入力欄の上に表示される文章を、設定から好きな文章に変えられるようにして欲しいです(出来ればHTML使用可能だと有難いです)。
一つ前のページではなく、こちらにユーザー名とパスワード(のヒント)を表示させたいためです。
ご検討頂けますと幸いです。 19日前(土 19:36:30)

日々便利に進化していくてがろぐ、重宝しています🙏
上書きスタイルシート機能の質問です、
「すべてのスキンに対して強制出力する」設定にしていても「本番適用(簡易)」のスキンのみスタイルシートの強制出力がされないのは仕様でしょうか?スキンパラメータを付けた場合は出力がされています。
やりたいこととしては
てがろぐVer4.6.0カード型リンクを簡単導入する方法
なのですが
この方法で導入していろいろなリンクを書いてみたてがろぐの記事(簡易本番適用スキン)
https://10prs.com/tegalog-cms/?postid=290
上記記事に別スキンパラメータを付加したもの
https://10prs.com/tegalog-cms/?skin=skin-_Xmodoki2&pos...
のようになっていて、ソースを見ても本番適用スキンに上書きCSSが挿入されていないことがわかります。
出来れば本番適用(簡易)スキンにも上書きスタイルシートを強制出力できるようにしてほしいです。
もし何かこちらの設定等で修正できる手段があれば教えてください。 19日前(土 16:56:06)

てがろぐver4.6.0にバージョンアップしたのですが、私の環境では
カテゴリ情報の登録/変更画面で、「オプション設定を表示する」ボタンがどこにも見当たりません。
このボタンを表示するためにどこかで設定する必要があるのかと思い、色々と見て回ったのですがわかりませんでした。
申し訳ないのですが、どのようにしたら良いのか教えていただけると助かります。 20日前(金 19:46:32)

要望です。フリースペースを多用しているのですが、できれば[[FREESPACE:0]]の0の部分を自分の好きな(わかりやすい)文字列にしたいです。
たとえばてがろぐ側のフリースペースに[[FREESPACE:head:~~~内容~~~~]]と書いてskin-cover側に[[FREESPACE:head]]と書いたらそれがそのまま挿入される感じで……
o同じような要望がすでにあり、難しいという結論が出ていたらすいません。 20日前(金 00:13:00)

おやあ? サブサイトの www.nishishi.org に繋がらない。
→自分のスマホでは見れますね。
