2024年7月 この範囲を時系列順で読む この範囲をファイルに出力する
ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ（表示上の問題）を修正しました。また、文字装飾で実際に出力されるHTML要素の変更機能、検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能などの追加が主な更新点です。その他、細々した仕様改善や機能追加を含んでいます。今回のリリースはバグの修正が主で、追加機能は少なめです。やや大きめのバグを解消していますので、早めのバージョンアップをお願い致します。
➡ https://www.nishishi.com/cgi/tegalog/
バージョンアップするには、
- 1クリックでバージョンアップできる専用PHP「TegUp」のご使用をお勧め致します。
- もしくは、最新版のZIPの中から tegalog.cgi と fumycts.pl の2ファイルだけを抜き出して上書きアップロードして下さい。
🆕 Ver 4.4.0の更新点(概要)：
《▼大きな不具合の修正》
●ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ（表示上の問題）を修正。
《▼大きな機能追加》
●文字装飾で実際に出力されるHTML要素の変更機能。
●検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能。
《▼細かな機能追加》
●鍵付き投稿で、本文の1行目だけでなくさらに2行目も常時見せるようにできる設定機能。
●ログイン者限定動作時にTOPに表示されるメッセージを自由に書き換える機能。
●ハッシュタグ未集計時の文言の変更機能。
《▼仕様改善》
●任意のディレクトリにあるスキンを手動指定できる設定項目を、条件によっては非表示にするよう改善。
●文字装飾記法の「隠す」を使って隠される範囲全体を指定要素で囲むよう改善。
●高負荷Botへの軽い対策を追加。
●別タブで開くリンクにrel属性も出力する仕様改善。
《▼スキン更新》
（なし）
《▼不具合修正》
●IF文の条件にパーセントエンコーディングされた文字列を含めると、IF文として解釈されなくなる不具合を修正。
●カテゴリ概要文にHTMLを使用可能にしているとき、カテゴリツリーではソースがそのまま見えてしまっていた不具合を修正。
更新点について詳しい解説は、リリースノート(No.43)をご参照下さい。
アナウンス：
✔Twitter：
（ツイート埋め込み処理中...）Twitterで見る
✔Bluesky
✔Pawoo（Mastodon）
by nishishi. ⌚2024年7月6日(土) 15:55:40〔359日前〕 ＜1144文字＞ 編集
by admin. ⌚2024年7月6日(土) 14:06:59〔359日前〕 ＜3文字＞ 編集
by admin. ⌚2024年7月5日(金) 15:50:24〔360日前〕 ＜60文字＞ 編集
🍨Re:4548◆はい。可能ですよ。画像の掲載記法を単に横に続けて書けば良いだけです。
ただ、キャプション付きで表示する場合は figure要素を使って出力されますので、何のCSSも適用されていない状態だと横には並びません。標準添付の各スキンなら横並びになるよう .embeddedpictbox に装飾を適用してありますが、1から自作するスキンの場合には自力で対処して頂く必要があります。（figure要素をinlineにするよう装飾すれば良いです。）
by nishishi. ⌚2024年7月3日(水) 21:17:22〔362日前〕 回答/返信 ＜272文字＞ 編集
ありがとうございます。javascriptはあまりよくわかっていないので詳しく教えていただけて良かったです🙇
by sakura. ⌚2024年7月3日(水) 00:14:45〔363日前〕 ＜61文字＞ 編集
by tomoyo. ⌚2024年7月2日(火) 23:37:57〔363日前〕 ＜23文字＞ 編集
解決したなら良かったです。(╹◡╹)ﾉ >>4545
by nishishi. ⌚2024年7月2日(火) 22:36:02〔363日前〕 ＜52文字＞ 編集
🥟Re:4543◆今のところ、実装上の都合で「SITUATION:CLASS」にログイン有無のキーワードを加えられないのですが、何か良さげな実装方法を思いついた場合には考えます。ただ、おっしゃる通り、ログインしていなければ特に何も操作はできませんので、CSSが適用されなかった場合まで考慮する必要はないのではないかとは思います。
さて、スキンディレクトリ名の話ですが。なるほど、その場合は、
[[INCLUDE:head1.html]]
<link type="text/css" rel="stylesheet" href="スキン固有ファイル名.css">
[[INCLUDE:head2.html]]
……のように、ヘッダ用の共通ファイルを2つに分けて頂いて、CSSを読み込む行だけは各スキンに直接書いて頂くのが最も簡単な気がします。
なお、共通ファイルを2つに分けるのが嫌な場合は、先のJavaScriptでスキンディレクトリ名を変数 skinDirName に得ておいて、
document.write('<link type="text/css" rel="stylesheet" href="[[PATH:SKINDIR]]' + skinDirName + '.css">');
……のようなJavaScriptを使ってCSSファイルを読み込むという方法もあります。
もし、「今時 document.write はないのでは……」と思われる場合には、以下のようなモダンな書き方もできます。
let skincss = document.createElement('link');
skincss.rel = 'stylesheet';
skincss.type = 'text/css';
skincss.href = '[[PATH:SKINDIR]]' + skinDirName + '.css';
document.head.appendChild(skincss);
これで、スキンディレクトリ名のCSSファイルを読み込めます。
※JavaScriptでCSSを動的に読み込む場合は、てがろぐ側でのリンク自動調整機能が働きませんので、読み込むCSSファイルパスにはスキンディレクトリ（[[PATH:SKINDIR]]）も自力で加える必要があります。
畳む
by nishishi. ⌚2024年7月2日(火) 22:35:11〔363日前〕 回答/返信 ＜1056文字＞ 編集
教えていただいたjavascriptをもとに
function getLastPart(path) {
if(path.endsWith('/')) {
path = path.slice(0, -1);
}
const parts = path.split('/');
return parts[parts.length - 1];
}
let path = "[[PATH:SKINDIR]]";
let skinDirName = getLastPart(path);
var skinDircss = document.createElement('link');
skinDircss.href = skinDirName+'.css';
skinDircss.rel = 'stylesheet';
document.head.appendChild(skinDircss);
として考えていたような出力が出来ましたのでご報告いたします。ありがとうございました！
by sakura. ⌚2024年7月2日(火) 22:25:15〔363日前〕 ＜478文字＞ 編集
言葉足らずですみません、
ログイン状況を示すキーワードについてですが、
現状では [[QUICKPOST]] 記述あり＋管理画面で『ログインしている際にのみ表示する』に設定でCSSで表示非表示を切り替えています
が、これだとソースには出力されているのでCSSが何らかの原因で適用されないような場合には表示されてしまうなぁというのが少し気になってしまい…
見えてしまっても非ログイン時には操作できないので気にしすぎかもしれません。
「ログインしています/していません」等のメッセージを表示したい場合はご教示いただいたjavascriptを試してみます。
スキンディレクトリ名だけが欲しいのは、
複数のスキンを共通部分（<head>～</head>間や<footer>～</footer>など）を一つにしていて各スキンで[[INCLUDE:ファイル名]]で合成して使っているのですがその時のcss名を「スキンディレクトリ名.css」としたかったためです。
CSSファイルの名前を同じ（tegalog.css）にすれば
<link type="text/css" rel="stylesheet" href="tegalog.css">
で行けるのはわかっているんですがその場合どのスキンのCSSを編集しているのかわからなくなる時があるので適用するCSSファイル名を「スキンディレクトリ名.css」として
<link type="text/css" rel="stylesheet" href="[[スキンディレクトリ名]].css">←共通ファイルに書いて各スキンでINCLUDE
みたいなことが出来たらちょっと助かるかなぁと思ったのでした。ニッチな要望ですみません。
by sakura. ⌚2024年7月2日(火) 21:04:00〔363日前〕 ＜759文字＞ 編集
🧇Re:4541◆残念ながら、ログイン状況を示すキーワードはありません。ただ、この2条件が成立している状況なら、JavaScriptを使うことで判別は可能です。要は、CSSの中に .Login-Required という定義が存在するかどうかを調べれば良いので、以下のようなJavaScriptで調べられます。
for(let sheet of document.styleSheets) {
for(let rule of sheet.cssRules) {
if(rule.selectorText === '.Login-Required') {
// 非ログイン状態だと分かる
}
}
}
このJavaScriptを、QUICKPOSTの記述位置よりも後に書くか、もしくはページ読み込み完了後に実行されるように書けば、ログインされているかどうかを判別できます。
また、[[PATH:SKINDIR]]で得られる文字列から、スキンディレクトリ名だけを抜き出すには、以下のJavaScriptでできます。
function getLastPart(path) {
if(path.endsWith('/')) {
path = path.slice(0, -1);
}
const parts = path.split('/');
return parts[parts.length - 1];
}
let path = "[[PATH:SKINDIR]]";
let skinDirName = getLastPart(path));
このJavaScriptを使うと、変数 skinDirName には、スキンディレクトリ名だけが入ります。（もうちょっとスマートな方法があるかもしれませんが。^^;）
例えば、[[PATH:SKINDIR]]が/path/to/directory/なら、変数skinDirName にはdirectoryだけが入ります。
by nishishi. ⌚2024年7月2日(火) 20:15:41〔363日前〕 回答/返信 ＜952文字＞ 編集
①[[IF(条件): ～中身～ :IF]]に使える条件にログインしていることを示すキーワードはありますか？
②また、これは需要が少ない要望かと思いますが、スキンディレクトリ名を表示させるキーワードが欲しいです。
[[PATH:SKINDIR]]でスキンディレクトリの絶対パスが取得できますが[[NAME:SKINDIR]]のような感じでディレクトリ名だけ出せるものがあるとありがたいです。
by sakura. ⌚2024年7月2日(火) 18:12:18〔363日前〕 ＜232文字＞ 編集
by sakura. ⌚2024年7月1日(月) 22:19:43〔364日前〕 ＜50文字＞ 編集
by nishishi. ⌚2024年7月1日(月) 00:41:34〔1年以上前〕 ＜51文字＞ 編集
by nishishi. ⌚2024年7月1日(月) 00:40:48〔1年以上前〕 ＜9文字＞ 編集
🆕 Ver 4.3.3βの更新点(概要)：
《▼新機能》
🌺ハッシュタグ未集計時の文言の変更機能。
《▼仕様改善》
🌸別タブで開くリンクにrel属性も出力する仕様改善。
《▼不具合修正》
❎カテゴリ概要文にHTMLを使用可能にしているとき、カテゴリツリーではソースがそのまま見えてしまっていた不具合を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス：
Mastodon(Pawoo)
Bluesky
Twitter：
（ツイート埋め込み処理中...）Twitterで見る
by nishishi. ⌚2024年7月1日(月) 00:40:29〔1年以上前〕 アップデート✨ ＜335文字＞ 編集
2024年6月 この範囲を時系列順で読む この範囲をファイルに出力する
by nishishi. ⌚2024年6月30日(日) 23:32:36〔1年以上前〕 ＜21文字＞ 編集
🍵Re:4534◆おっと……、たしかに [[CATEGORY:TREE:識別子]] の記法で識別子に「D」を加えても、HTMLはソースがそのまま見えるだけになってしまいますね。どうやら、この部分の実装を忘れていたようです。(^_^;) ご指摘をどうもありがとうございます。次のバージョンでは、ちゃんとHTMLとして解釈されて表示されるように修正します。もうしばらくお待ち下さい～。
(※追記) こちらのローカルにあるソースでは修正しましたので、次に公開するβ版から確実にご使用頂けます。
(※さらに追記) 公開しました。>>4537
by nishishi. ⌚2024年6月30日(日) 21:37:27〔1年以上前〕 ＜288文字＞ 編集
[[CATEGORY:TREE:識別子]]の設定なのですが、これは高度な設定で「カテゴリ概要文の入力欄にHTMLの記述を許可する」にチェックをいれていてもHTMLがそのまま吐き出されますか？
[[INFO:NOWCAT:DESCRIPTION]]と同じようにする方法をご存じでしたら教えて下さい🙏
by sakura. ⌚2024年6月29日(土) 19:03:27〔1年以上前〕 ＜164文字＞ 編集
🥟Re:4532◆ダークモードのご要望もちらほら頂くのでなんとかしたい気はあるのですけども、元々そこまで大きく配色を可変にすることを前提にしないまま製作してきたために、書き換えないといけないCSS量が多いので先送りになっております。とりあえず現時点では、ユーザスタイルシートをご活用頂くか、いい感じにダークモードで表示してくれるアドオンをお使い頂ければ幸いです。関連情報として、No.4488,4489,4490,4493 あたりもご参照下さい。
by nishishi. ⌚2024年6月29日(土) 17:00:52〔1年以上前〕 回答/返信 ＜322文字＞ 編集
管理画面についてのお願いがあるのですが、ダークモードに対応していただくことは可能でしょうか？
もしくはダークテーマを１つでもご用意いただけますと嬉しいです。
お忙しい中恐れ入りますが、ご検討いただけたら幸いです。
よろしくお願いいたします。
by tomoyo. ⌚2024年6月27日(木) 20:14:25〔1年以上前〕 ＜152文字＞ 編集
https://www.yahoo.co.jp/
by admin. ⌚2024年6月26日(水) 12:38:09〔1年以上前〕 ＜36文字＞ 編集
by admin. ⌚2024年6月24日(月) 13:22:55〔1年以上前〕 ＜3文字＞ 編集
№4526の質問をした者です。仰る通りの事象でして、大文字にしたら無事に解決しました！
補足のページのリンクも有難うございます。そもそものマニュアルがしっかりなさっているのに見落としており申し訳ないです。
早々にご回答頂き、誠に有難うございました！
by admin. ⌚2024年6月22日(土) 10:23:13〔1年以上前〕 ＜131文字＞ 編集
[[SITUATION:html]] が常に表示されるようになってしまいました。
長らく使っていて表示はされていませんでした。
CSSの『utilitylinks』の部分をちょっと弄り、設定画面から『【ページの表示／投稿単独】』のチェックを弄り、skin-coverのスタイルシートを呼び出す部分の『～.css』の後に記述していたクエリを変更してアップロードしたら、[[SITUATION:html]]が常に表示されるようになりました。
本来表示されるはずの検索結果なども表示されなくなっております。
尚、CSSの『表示限定案内枠』のところは何も触っておりません。
『.situation:empty』は勿論『display: none;』のままです。
てがろぐ本体のアップロードは管理画面からTegUpで更新し、Ver. 4.3.0になっています。
ですが、スタイルシートはVer 4.0.0です。
この辺りが関係していたりするでしょうか？
CSSの『utilitylinks』の弄った部分を元に戻したりしたのですが勿論関係なく、どうしたら良いのか分からずにおります…。
何か思い当たる点などございましたらご教示頂けますと幸いです。
何卒宜しくお願いいたします。
by admin. ⌚2024年6月22日(土) 00:09:06〔1年以上前〕 ＜553文字＞ 編集
by admin. ⌚2024年6月18日(火) 22:32:42〔1年以上前〕 ＜45文字＞ 編集
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 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171
🍧Re:4551◆基本は、「最新の1件を任意のページに埋め込む」方法と同じやりかたで、埋め込み用スキンの「内側スキン」には [[PERMAURL:PURE:FULL]] を使ったリンクだけを書いたら良いのではないかと思います。そうすると、お望みのように『最新ポスト一件の単独表示に飛ぶリンク』ができると思います。