🗐 てがろぐ - Fumy Otegaru Memo Logger -

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

or 管理画面へ

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

Icon of sakura
Ver 4.6.1βアップデートしました。details+summary要素の折り畳み機能実装嬉しいです!従来の[H:~]記法のボタンと同じような見た目になるCSSを追加して使ってみました。開閉アニメーションのjavascriptなども試してみようと思います。ありがとうございます!
NO IMAGE
details要素+summary要素で実現される「折り畳む」機能を搭載した Ver 4.6.1β(未配布)の動作テスト。
折り畳み
折り畳み表示のテスト
こんな感じで見えます。

ラベルはその都度指定します
もちろん、1投稿内にいくつでも書けます。
入れ子にもできます
ただし、details要素はspan要素等のインライン要素の内側に書くとHTMLの文法的に正しくなくなるため、そのように文字装飾を書いてしまうと直前のCSSが意図通りに適用されなくなる問題がある点に注意が必要です。

JavaScriptなしで動作する点も良いですね。装飾はCSS次第で好きなようにできます。
ここの動作試験場では、標準スキンにしか(まだ)CSSを用意していません。が、details要素+summary要素はHTMLだけで動作しますから、CSSがなくても(単に装飾がないだけで)動作はします。
Icon of admin
>>5168
修正ありがとうございます!お疲れ様です。
1行単位のフリースペース、私はあると助かります!

それと現在特定の自由装飾をjsでdetails+summayに変換して隠す機能の代わりに使ってるので、もし公式で実装されるとすごくすごく嬉しいです!!!
Icon of sakura
5166です。たびたびすみません…。
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>畳む
Icon of sakura
いつもてがろぐに大変お世話になってます。てがろぐ本体・tegupともに最新版にアップデートしました。何でも簡単入力ボタン機能がすごく便利です!

にししさんが>>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>タグに検索キーワードを含めないようにして頂くことはできませんでしょうか。
Icon of admin
>>5160
5153,5159です、お返事ありがとうございます。上書きスタイルシートの処理について解説していただき、納得できました。
スキンの作り方を変えて対応しようと思います。

あとリンク先のCloudflareの522エラーすみません…🙇
ドメインをCloudflareに移管したらこのエラーが頻発するようになってしまって調べながら設定いじっているのですが解消できず私も困ってます😅
数分置いて再アクセスすれば見れることがほとんどですがストレスですよね。
使っているCMSとの相性もあるのかと乗り換えも検討してますがなかなか時間が取れずしばらくはこのままです…😥
Icon of admin
アップデートお疲れ様です。
新しい機能のカード型リンク、ずっと欲しかった機能なのでとても嬉しいです。ありがとうございます🙇
ラベルを省略しても使えるのがすごくありがたいです。OGPカードボタンからURLを入力するだけで使えるので、すぐ使えてとても便利です。
いつも更新ありがとうございます。これからもお世話になります🙏
Icon of admin
にししさん、お久しぶりです。
以前IF文でカテゴリ別に『1ページあたりの表示投稿数』を替えられないかと質問した4671です。
先日はてがろぐのアップデートでカテゴリ別にスキン指定を実装してくださってありがとうございます。
無事に自分の作りたい仕様を作ることができました。
実装から時間が経ってしまいましたが、Amazonギフト券を贈りました。
ほんの少しですが使ってください。
これからもご活躍応援しています。#感謝
Icon of admin
5160
たしかに、自作スキンのCSSとかを確認している最中だったので適当な半角の英語1文字で検索してました……。ここでは「てがろぐ」で検索していたからなんともなかったんですね。スッキリしました!ありがとうございます。

あと5150の件ですが(書いたのは自分です)、フリースペース内には簡単な自己紹介?やお知らせ、細々とした部分(自分が書いてる内容をちょくちょく文言を変えたくなる気質?のため、ウェブ上からすぐ編集できるのが便利でいろいろ使ってるのです……)、ほかのてがろぐと共通して使うhtmlにそれぞれのディレクトリ名(tegalogとかmemoとか)をいれるために使ってます。[[FREESPACE:0]].cssみたいな感じで……。(前はヘッダ用フリースペースなどを使っていたのですが、ログイン画面かどこかでここの文言が出るのが気になってしまいすべてをフリースペースに書いています)
だいたい5個前後くらいですが、skin-coverに書くときに上から順にFREESPACE0→1みたいな感じで順番にしたい、しかしそうするとよく編集しがちな部分が(てがろぐから編集するほうの)フリースペースの下の方になってしまい編集がしづらい……ため、できたら好きな文字列にできたらなと思いました;わかりにくい文章ですいません……。

かなり個人的なわがまま要望になってしまうのでもし可能であれば、で構いません!
Icon of admin
5156です。
にししさん返信ありがとうございます!

とても個人的な感覚なので、気になるのは自分だけかもしれないのですが、下だと一瞬「フォームはあるけどパスワードがないな、もしかしてあらかじめ知ってる人しか入れないのかな?」と、気早な方は去っていってしまうような気がしてまして…😅

かなり細かいことだと自分でも思うので申し訳ないですし、他の方のもっと重要な要望を優先して頂いて構いません。
Icon of admin
>>5153 です。
原因がわかりましたのでご報告です。
本番適用しているスキンのみ<head>~</head>部分を別ファイルにして[[INCLUDE:ファイル名]] で合成していたことが原因でした。
別ファイルにしていた内容をskin-cover.htmlにべた書きすると該当スキンでも上書きスタイルシートが出力されていることが確認できました。
私自身がスキンを変わった作り方をしていたのが原因だったのにそれに気づかないままこちらで質問してしまいすみません。
解決できましたのでご報告しておきます。
Icon of admin
ブログカードに検索ワードが含まれている(?)とカードが読み込まれないんですがなぜでしょうか……(ここで試してみたら普通に表示されるのですが)
自分の環境だとてがろぐデフォルトスキンのみで自作のJSやCSSなしの状態でも、検索にブログカードが引っかかると内容が読み込まれない(Loading...で止まる)
Uncaught SyntaxError: missing ) after formal parametersというコンソールエラー?が出ている
なにかしらのjsが干渉している???のかなと思うんですがわからなくて……

[画像UPエラー:容量制限を超過]
screenshot1746348222.jpg
Icon of misaki
てがろぐ、とても便利で利用させていただいています。
色々検索したり試してみましたがよくわからないのでこちらで質問失礼します。
iPhoneから見た時、投稿記事本文の文字が右に寄ってしまいます。
PC、タブレットで見る分には気になりませんがiPhoneのみです。
スクロールバーに文字が被り読みにくい為真ん中、もしくは左に寄せたいです。
どこかを書き換えればいいのだろう…というのはわかるんですが、ご助言いただけると幸いです。
Icon of admin
5155さん、ありがとうございます!
ただ、かなり細かいことで申し訳ないのですが、個人的には出来ればログインフォームの上に表示させたかったため、要望を出させて頂きました。申し訳ありません。
Icon of admin
>>5154
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-p...
によると[設定]→[システム設定]→【管理画面内の表示】→『ログインフォームの下部に表示されるメッセージ』欄に入力するとログインフォームの下に任意の文章を表示することができます。ただし
  • HTMLは使えない(<p>~~</p>のようにそのまま出力される)
  • ログイン限定モードを解除しても入力した任意の文章は表示され続ける

仕様になっているようです
Icon of admin
要望です。
てがろぐをログイン限定モードで使用中のとき、ユーザー名・パスワード入力欄の上に表示される文章を、設定から好きな文章に変えられるようにして欲しいです(出来ればHTML使用可能だと有難いです)。
一つ前のページではなく、こちらにユーザー名とパスワード(のヒント)を表示させたいためです。
ご検討頂けますと幸いです。
Icon of admin
こんにちは、お世話になっております。
日々便利に進化していくてがろぐ、重宝しています🙏

上書きスタイルシート機能の質問です、
「すべてのスキンに対して強制出力する」設定にしていても「本番適用(簡易)」のスキンのみスタイルシートの強制出力がされないのは仕様でしょうか?スキンパラメータを付けた場合は出力がされています。

やりたいこととしては
てがろぐVer4.6.0カード型リンクを簡単導入する方法
なのですが
この方法で導入していろいろなリンクを書いてみたてがろぐの記事(簡易本番適用スキン)
https://10prs.com/tegalog-cms/?postid=290
上記記事に別スキンパラメータを付加したもの
https://10prs.com/tegalog-cms/?skin=skin-_Xmodoki2&pos...
のようになっていて、ソースを見ても本番適用スキンに上書きCSSが挿入されていないことがわかります。
出来れば本番適用(簡易)スキンにも上書きスタイルシートを強制出力できるようにしてほしいです。
もし何かこちらの設定等で修正できる手段があれば教えてください。
Icon of admin
いつもお世話になっています!
てがろぐver4.6.0にバージョンアップしたのですが、私の環境では
カテゴリ情報の登録/変更画面で、「オプション設定を表示する」ボタンがどこにも見当たりません。
このボタンを表示するためにどこかで設定する必要があるのかと思い、色々と見て回ったのですがわかりませんでした。
申し訳ないのですが、どのようにしたら良いのか教えていただけると助かります。
Icon of admin
てがろぐを開発してくださりありがとうございます。
要望です。フリースペースを多用しているのですが、できれば[[FREESPACE:0]]の0の部分を自分の好きな(わかりやすい)文字列にしたいです。
たとえばてがろぐ側のフリースペースに[[FREESPACE:head:~~~内容~~~~]]と書いてskin-cover側に[[FREESPACE:head]]と書いたらそれがそのまま挿入される感じで……
o同じような要望がすでにあり、難しいという結論が出ていたらすいません。
Icon of admin
https://todays.nishishi.com/?postid=14368
おやあ? サブサイトの www.nishishi.org に繋がらない。

→自分のスマホでは見れますね。


IMG_8889.png
Icon of tomoyo
アップデートお疲れ様です。いつも便利に利用させてもらってます!

(Loading...)...
新機能のテスト投稿をさせていただきますわ
Icon of admin
カードリンク機能を活用させていただいております!(Ver 4.5.7.) #感謝
不具合 #報告 ?なのですが、カードを小サイズ設定にしていてもリンク先によっては大カードになってしまいます。
自分で確認したのはライブドアニュース、同人印刷会社おたクラブなどです。
Icon of sakura
10年ぶりにPCを新調したんだが、もうほんとうに普通のデスクトップと言うのがなかなか売ってなくて、組み立ててくれるお店もほぼ絶滅。と言うわけで素直にスペックだけに注視した結果ゲーミングPCとやらを買うのが手っ取り早いと言うことになった。
それは別にいいんだが、色々すでにアップグレードされてて(もちろんそのせいで高い)、モニタが普通のケーブルでは繋げられないとかなんちゃら言うケーブルを買って来いとか、実はモニタが5台くらいまで繋げられますとか、オーバースペック過ぎてちょっと申し訳なくなった件。
モニタを5台とか誰がそんな繋ぐんだよって思ったけど、3台くらいまでなら意外と繋げてる人は多いらしいと知った件について。
DVDプレイヤーはついてないのでそのうち必要なら外付けのプレイヤーを買うつもり。
むやみにぎらぎらなのとパワーが段違いなので、ちょっと電気代が怖いです。でもさすが色々処理は速い。10年くらいよろしく。
Icon of admin
てがろぐを複数使っているのですが、ひとつだけ管理画面にこのような表記があるのがずっと気になってるのですがなぜでしょう……?
特に困ってはいないのですが、なんでだろうと気になりまして。ちなみにライセンスは持ってないです……。
こちらがなにかいじった影響だったらすいません。
4.5.7.png
追記:この項目があるだけで実際に管理画面とかで著作権部分は非表示にはなってないです。
Icon of tomoyo
大学生の時に、このような掲示板を作って、ゼミの先輩や後輩、先生も巻き込んで討論したり、ともだちとつぶやきあったりしていたのが懐かしいです。
NO IMAGE
とりあえず、作ろうと計画している汎用いいねボタンツールには、メッセージ送信機能もあると良さそうだな、とは思いました。参考情報をありがとうございます。^^
Icon of admin
にししさん、こんばんは。痒い所に手が届く「てがろぐ」には、大変助けられています。
今回はスキン編集に用いるキーワードについて相談させてください。

カテゴリ限定表示を使って小説を公開しているのですが、一話ごとにGoogleフォームを利用して感想を送ってもらえるようにしています。
以前はIF文でvalue=""の部分に作品名(カテゴリ名)を入力して利用していたのですが、[[COMMENT:TITLE]]を入力すればIF文を使う必要がないことに気づきました。

しかし、[[COMMENT:TITLE]]の部分は「第〇話」や、副題を入れているので、肝心の作品名をvalue=""に含めることができません。
[[COMMENT:TITLE]]に作品名も入れてしまえば簡単なのですが、サイトのデザイン上、できれば入れたくありません。

そこで、[[INFO:NOWCAT:NAME]]も併用してみたのですが、class名が加えられてしまい、フォームとして機能しません。
[[COMMENT:TITLE]]のように、プレーンテキストで出力させることはできないでしょうか。
また、その場合、子カテゴリー名のみで出力できると、助かります。

長編小説
 作品1
 作品2
短編小説
 作品3
 作品4

のようにカテゴリ分けをしているので、単純にカテゴリ名だと「長編小説 作品1 第〇話」となってしまうのです。
どなたか、お知恵を貸していただけないでしょうか。
NO IMAGE
直しました。>>5127
これで Ver 4.6.0 にできるハズ……!
NO IMAGE
あれ……? 今度は先頭固定が消えた。なんでやねん。┌(:3」└)┐

■フリースペース:

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

編集

■全文検索:

複合検索窓に切り替える

■複合検索:

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

■新着画像リスト:

全323個 (総容量 36.57MB)

■日付一覧:

■日付検索:

■カレンダー:

2025年5月
123
45678910
11121314151617
18192021222324
25262728293031

■最近の投稿:

最終更新日時:
2025年11月7日(金) 21時16分11秒〔18時間前〕

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