てがろぐ - Fumy Otegaru Memo Logger -

さて、質問が2点あるのですが、どなたかご存知であれば教えていただきたいです。

・隠す機能の続きを読むボタンをクリックしたときにスムースに開閉出来る方法
・Xにシェアするボタンを使っているのですが、普通のURLをシェアしてしまいます。特定のスキンを適用したURL（末尾にskin=〇〇）をシェアする方法

よろしくお願いします

プリンを食べられるのはいつだ!?

🍮Re:4468◆詳しい情報をどうもありがとうございます。てがろぐ側で外部サービスの埋め込み機能を用意するには、その外部サービスの仕様が「埋め込み用のHTMLソースを『URLに含まれている情報だけ』から生成できる」という仕様である必要があるのですが、残念ながらSoundCloudはそのような仕様になっていないようなので（その解釈が正しければ）残念ながら埋め込み機能の実装は無理なように思います。詳細な話例えば、 https://soundcloud.com/skrillex/skrillex-peekaboo-flow... の曲を埋め込むためには、https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1595701743… というようなURLを生成してiframeに指定しないといけないようですが、この「1595701743」という情報はSoundCloudのURLからは得られないので、てがろぐ側では埋め込み用のソースを生成できないのです。畳む（Blueskyの投稿を埋め込めない理由と同じです。）
将来的に、HTMLを何でも書けるオプションを用意したときには、SoundCloud側が提供しているシェア用のHTMLをそのまま貼ることで埋め込めるようにはなります。

🍮Re:4469◆ご報告をどうもありがとうございます。(╹◡╹)ﾉ

環境はさくらのレンタルサーバのスタンダードです。
PHPのバージョンは8.1.27です

4464です。ご返信いただき、ありがとうございます。
https://soundcloud.com/skrillex/skrillex-peekaboo-flow...
(曲は何でも良いのですが)曲の個別ページを開き、Share>Embedを選択するとiframeのコードが出てきます。

https://help.soundcloud.com/hc/en-us/articles/11500356...
英語ですが、このような公式サイトの解説もあります。

とはいえ、珈琲ゼリーは美味しかったです😋

🍮Re:4462◆早々のバージョンアップをどうもありがとうございます！
🍮Re:4463◆TegUpのご試用もありがとうございます。さすがにそろそろVer.1として配布しても良さそうだな、と思っています。
🍮Re:4464◆soundcloudはドイツの会社のサービスですかね？ Webページへの埋め込み方法の解説ページがあるようなら教えて下さい。
🍮Re:4465◆新バージョンのご活用をどうもありがとうございます。TegUpの報告もありがとうございます。新機能がお役に立っていると分かるととても嬉しいです。(╹◡╹)ﾉ

🍮Re:4466◆そうでした。おっしゃるとおり .decorationF は出力されません。最後の段落は忘れて下さい。┌(:3」└)┐ なんとなく、文字装飾機能では .decorationX というようなclassを出力しているハズだという思い込みがあって、隠される範囲全体も .decorationH で囲んでいるだろうと思っていたのでした。で、解説を書くためにサンプルソースを見たときに、（実際には .decorationH は出力されていないわけですが）先の解説で出力されていた .decorationF を「隠したい範囲を囲んでいるclassだ」と勘違いしたようです。(^_^;)
今のところ、隠す装飾だけで両ボタンを同じ位置にする方法はなさそうですね。なんかよほどアクロバットなことをしたらできるかもしれませんが……。
それよりも、『隠す範囲全体を <span class="decorationH"> ～ </span> で囲む』仕様を追加した方が良いような気がしてきました。たぶんそうすると、他の装飾用途にも活用しやすくなりそうな気がしたりしなかったり。（その仕様を加えても、既存の装飾に悪影響はなさそうだと思うのですけども。どうかな……。）

🍮イーロンがどうとう twitter.com を x.com へリダイレクトするようにしてしまいました。ツイートの埋め込みは（今のところ）どちらのドメインでも可能ですが、もし今後に（さすがにそうはしないと思いますが） x.com だけでしか埋め込まれないように改悪されたとしても、てがろぐ側で変換するようにしますので、（たとえそうなっても）自前のデータファイルを書き換えたりしなくて大丈夫です。（埋め込み機能自体を廃止されたらどうにもなりませんが……。）

自由装飾記法を使えば「続きを読む/畳む」ボタンを同じ位置にすることができました。
ありがとうございます！

ただ、.decorationFにCSSを指定して、全ての「続きを読む/畳む」ボタンを同じ位置にする方法は上手くいきませんでした。
[H : 隠したい範囲]と書くだけでは.decorationFは出力されないのではないでしょうか……？

自由装飾記法を併用する方法で事足りてはいるのですが、[H : 隠したい範囲]と書くだけで、全ての「続きを読む/畳む」ボタンを同じ位置にする方法もあれば知りたいです。
よろしくお願いいたします。

P.S.
てがろぐ4.3.0にバージョンアップしました。いつもありがとうございます！
サイト上で日記を書く際に重宝しています。

TegUpでの4.3.0への更新できました。
環境はロリポップのエコノミープランです。

「その状況で表示対象になっている投稿」だけに限定した隣接投稿に移動できる機能、とても便利で大変助かっています。ありがとうございます。

いつもお世話になっております。
soundcloudの埋め込み機能が実装されると嬉しいです。

いつもお世話になっております。
以下の環境でTegUpを使用し、4.2.0→4.3.0へのアップデートに成功しました。

サーバ：リトルサーバ
PHP：バージョン8.1

いつもありがとうございます！

隣接・近傍投稿の一括表示モード、表示対象（同一カテゴリ等）だけに限定した隣接投稿への移動機能、ログイン者限定表示機能、編集画面に自由なHTMLをスキン別に追加できる機能、限定表示中のカテゴリの各種情報の挿入記法、ゲストを読み専IDにする機能、SITEMAP XMLの静的出力機能などの追加が主な更新点です。その他、細々した仕様改善や機能追加を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

バージョンアップするには、

• 1クリックでバージョンアップできる専用PHP「TegUp」のご使用がお勧めです。
• もしくは、最新版のZIPの中から tegalog.cgi と fumycts.pl の2ファイルだけを抜き出して上書きアップロードして下さい。

データファイルや設定ファイルは、すべてそのまま引き継げます。(Ver.3以下も含む過去のどのバージョンからでも)

🆕 Ver 4.3.0の更新点(概要)：
《▼大きな機能追加》
●隣接・近傍投稿の一括閲覧機能（隣り合う数投稿をまとめて表示する機能）の追加。
●「その状況で表示対象になっている投稿」だけに限定した隣接投稿に移動できる機能（※同カテゴリに限定した隣接投稿への移動機能）の追加。
●条件指定パラメータを引き継いだ単独投稿にリンクできる記法（＝「その状況で表示対象になっている投稿」だけに限定した隣接投稿に移動できる機能が使える状態の単独投稿へリンクできる記法）の追加。
●ログイン済みでないとどのページも閲覧できなくする「ログイン者限定表示」機能の追加。
●新規投稿/編集画面に自由なHTML(edit.htm)をスキン別に加える機能の追加。

《▼その他の機能追加》
●そのとき限定されているカテゴリの各種情報を挿入できる専用記法の追加。
●ゲストIDで投稿を禁止する設定（＝ログイン者限定表示と併用することで「読者用ID」になる機能）の追加。
●リスト記法で、リストの種類や記号を指定するオプションを使っている場合でも、さらに任意のclass名を指定できる機能を追加。
●SITEMAP XMLを静的ファイルに出力する機能を追加。
●カテゴリの概要文でHTMLを使えるようにできる設定の追加。

《▼細かな機能追加》
●カスタム絵文字のファイル名にハイフン・ドット・アンダーバーが含まれているとき、それらで分割した文字列を使ったclass名をさらに加える機能を追加。
●アタック目的のアクセスを簡易的に検出して拒否する(400 Bad Requestを返す)機能を追加。

《▼仕様改善》
●既存ハッシュタグ簡単挿入機能で、ハッシュタグの後ではなく前に半角スペースを挿入できる(または一切挿入しない)設定機能を追加。
●「任意URLリンク」ボタンで、リンク先が丸括弧で囲まれる場合には、直後に半角スペースを自動挿入しない仕様に改善。
●データファイルを読むよりも前にパラメータの不正をチェックすることで、無駄なデータ読み込みを発生させないよう改善。
●QUICKPOSTで投稿欄が空っぽの状態で投稿したときの動作を改善。
●投稿単独表示時の隣接投稿への移動先解釈の改善。
●管理画面のボタンの行高を固定することで、一部のモバイル端末でボタンの高さがガタガタになる現象を解消。
●YouTubeの埋め込みに「ライブ動画の共有用URL」も使用可能に。

《▼不具合修正》
●URLを丸括弧で囲む [ラベル](URL) 記法の直後に半角丸括弧を書いたとき、記法末尾の「)」記号がURLの一部だと誤解されてしまう不具合を修正。

更新点について詳しい解説は、リリースノート(No.43)をご参照下さい。

アナウンス：
✔Twitter：

（ツイート埋め込み処理中...）Twitterで見る

✔Bluesky
✔Pawoo（Mastodon）

🥮Re:4459◆たぶん、自由装飾記法を使ってボタンの掲載位置を調整すれば、お望みの表示は今のバージョンでもできそうな気がします。
まず、隠したい範囲を [H:隠したい範囲] だけでなく、自由装飾記法を使って、[F:btnfirst:[H:隠したい範囲]] のように書いておきます。
次に、以下の2つのCSSを加えます。
.deco-btnfirst {
   display: block;
   position: relative;
   padding-top: 1.5em;   /* ※後述 */
}
.deco-btnfirst .readmorebutton {
   position: absolute;
   top: 0;
   left: 0;
}

すると、「続きを読む」ボタンも、「畳む」ボタンも、どちらも同じ位置（先頭）に見えるようになります。

「※」部分の 1.5em は、お好みで調整して下さい。0にすると隠している範囲に続く1行に重なってしまいますので、1以上の値にする必要があります。
（ボタンの大きさも揃える方が望ましいと思いますが、そこはお使いのスキン次第なので、スキン側のCSSを調整して下さい。）

もし、全部の「続きを読む／畳む」ボタンを上記のように表示したいなら、わざわざ自由装飾記法を併用しなくても、単に .decorationF に対して上記の装飾を適用すれば済みます。（つまり、上記のCSSソースで .deco-btnfirst の代わりに .decorationF と書きます。）
その場合は、隠したい範囲はいつも通り [H:隠したい範囲] と書くだけで済みます。 この段落のことは忘れて下さい。┌(:3」└)┐ >>4467

こんにちは、「続きを読む(一部を隠す)」機能についての要望です。

現在、この機能を使い「続きを読む」ボタンをクリックすると、隠されていた本文の後ろに「畳む」ボタンが出てきますが、
本文の前（「続きを読む」ボタンと同じ位置）に「畳む」ボタンを置けるようにしたいです。
「畳む」ボタンの後ろに本文全文が見えるような形で……

ご検討いただけると嬉しいです。

🍩Re:4449◆あと、リリースノートさえ書けば、Ver 4.3.0正式版をリリースできる予定です。リリースノートさえ書けば……。_(┐｢ε:)_
🍩Re:4450◆お役に立ったなら何よりです。^^

🍩Re:4452◆登校だけでなく下校も集団なんですね!? そういうパターンもあるんですねえ。
🍩Re:4453◆確かに、片道3kmは小学生だと厳しいでしょうね。歩けたとしても1時間は掛かりそうな。朝は5分でも長く寝ていたいのに……。(笑)

🍩Re:4454◆WAFの検出ログにたくさん出てくるのを見ると驚きますよね。うちのWAFログにも毎秒毎秒何かが記録されている感じです。とはいえ、ログにあるということは（悪意あるアクセスを）阻止はできているということなので、大きく気にする必要はないのではないかと思ってはいます。そこそこ検索にもヒットする感じのWebでお使いの場合は、「WAFは必須」と考える方が良さそうですね。そうでないと、これだけの莫大なアクセスがそのままCGIに渡ってしまうと、サーバの負荷がかなり高まりそうですので。

🍩Re:4455◆ご要望をありがとうございます。ToDoリストには入れておきます。
🍩Re:4456◆確かに自由装飾記法だけだと、見た目では隠せても、OGPやRSSにはそのまま出てしまいますね。

塗り潰しで隠す方法を考えて頂きありがとうございます。
見た目上は自由装飾で可能ですが、OGPに出力しない機能も使いたかった為
多少強引ですが以下のCSSで標準の隠す機能内で実現しました。

.readmorebutton
　display: none !important
.readmorearea
　display: inline-block !important
　文字色と背景色指定
　hoverでunset (モバイルはタップで動作します)

長文を折り畳む場合との使い分けは、片方のH:を自由装飾で囲むようにしました。
H:にも:CL()が使えるようになると助かります。
(装飾>隠すボタンがblock(畳む)とinline(伏せる)の二種類になると大変助かります)

テスト

現在YouTube動画の埋め込み機能がありますが、それと同じようにニコニコ動画の埋め込み機能も実装されると嬉しいです。

ふとサーバーのセキュリティログを見たところ、「SQLインジェクションからの防御」と「クロスサイトスクリプティングからの防御」がずらりと並んでいて、頭を抱えています。応急処置的に、てがろぐを設置しているディレクトリの名前を変えてみたり、cgiファイルの名前を変えてみたり……。

一方、子供達が通った小学校は集団登下校かスクールバス通学です(香川県西部)。児童数が少なすぎるのと、徒歩通学の子は最長片道3km歩かなくてはならないので、低学年だと厳しいのもあるかもです。
と言っても低学年と高学年は下校時間が異なるので、下校時は集団にすらならないんですが。末っ子のときはひとりで歩く距離が1kmちょっとあったので、1年の間だけは途中まで迎えに行ってあげてくださいと言われました。

自分が住んでるところ(奈良県香芝市)は、兵庫のような感じで集団登下校です。

個人的には、集団下校の方がいいんですけどねぇ...(特に、低学年が心配ですので。)

ありがとうございます！すごく嬉しいです…！
承知いたしました。のんびりとお待ちしております

いつもありがとうございます。

次のアップデートまでは②の空白を含める方法で回避します。
返信ありがとうございました！てがろぐにはいつも大変お世話になってます。

🍵Re:4446◆ちょいとソースを確認してみたところ、そんなに手間無く実装できそうな気がしましたので、そう遠くないうちに「2行目も常に見せる」的なオプション機能は加えられそうな気がします。ただ、もう次の正式版(Ver 4.3.0)の機能はFixしてしまったので、実装するとしてもその後のバージョンになります。気長にお待ち頂ければ幸いです。

🍵Re:4447◆分かりやすい解説とソースをどうもありがとうございます。まさしくその方法が簡便で良いですね！ :activeでいけたんですねえ……。なんとなく:activeはリンクとかボタンとかフォーム要素とかでしか機能しなさそうな先入観があったので思い至りませんでした。^^; 元日の地震以後、どんな状況なのか気になっていましたが、余裕が回復したのは何よりです。

自サイト誘導すみません、不適切であれば削除してください。
てがろぐでも使えるテキスト隠しCSS | 10press
https://10prs.com/view/65

実現方法考えて頂く方向でとても嬉しいです！なにとぞよろしくお願いします。
現状で出来る方法もご教示頂き感謝いたします。すごい便利ですね……ただ、該当作品の数がかなり多いのでちょっと元気なときじゃないと難しいです（自分の気持ちの問題です）。教えて頂いて本当にありがとうございます！また元気な時に動作を見たいと考えております

🍵Re:4443◆URLが含まれていても自動でリンクにならないようにするには、「自動でリンクにはならないURLの書き方」をご活用下さい。◆その塗りつぶし機能なら、自由装飾記法を使えば実現できそうに思います。例えば、[F:fill:塗りつぶしたい範囲] のように書けば、その範囲が <span class="deco-fill">塗りつぶしたい範囲</span> のように出力されます。あとは、CSSでこの範囲の文字色を背景色と同じにすれば、お望みの初期表示になります。あとは、「クリックしたら文字色が変わる」という動作を加えれば済みます。「マウスが載るだけ」で良いなら :hover を使えば良いですが、モバイル端末に対応するにはその方法では不十分ですね。CSSだけで実現できる方法もありそうな気もするのですが、ぱっとは思いつかないので、とりあえずJavaScriptで書くとすると、
var decoFillElements = document.querySelectorAll('.deco-fill');
decoFillElements.forEach(function(element) {
  element.addEventListener('click', function() {
    this.style.color = 'black';
  });
});
とする方法はありそうな気がします（クリックで文字色を黒色にする場合）。もうちょっと何か短くスマートに実現する方法もありそうな気もするんですが。（どなたか思いついた方がいらっしゃったらぜひ教えて下さい。）◆画像に付与する属性値に投稿IDを含める方法は今のところはないんですが、何かそういう情報を含めようと思えば含められるようにできるような（例えば「data-scriptname="tegalog @ID@"」のように書くと @ID@ が投稿IDになるような）感じの機能はToDoリストに入れておきます。

🍵Re:4444◆なるほど、確かに1行目をタイトルとして使っているスキンでは、隠されている内容の説明は2行目に書きたいでしょうね。状況の説明をどうもありがとうございます。何か実現方法を考えてみます。
現在のバージョンでどうにかするには、タイトル掲載部分を [[COMMENT:TITLE]] ではなく [[COMMENT:LINE:1]] で作っておいて、投稿本文の1行目をタイトル [F:guide:鍵付き内容の説明] のように書く手はあるかもしれません。CSSで、 .deco-guide の部分だけはタイトルとしては表示せずに、鍵付き投稿の場合に限って説明文として表示させるように書く感じです。（※スキン側では [[COMMENT:TITLE]] だとプレーンテキストで出力されてしまうので装飾が無視されてしまいますから、 [[COMMENT:LINE:1]] にする必要があります。）

てがろぐを使って小説を公開してまして、1行目にタイトル、2行目に小説についての簡単な説明、3行目以降に本文を記載しています。
一覧画面では、1行目に単独ページへ飛ぶリンクで、2行目はプレーンテキストです。3行目以降は表示してません。
単独ページでは3行目以降のみの表示をしています。
鍵を使うタイミングについて、人を選ぶような話のときにワンクッションの目的で導入したいと考えております。
にししさんの言われてるように2行目を1行目の末尾に持っていくと、サイトのレイアウトが変わってしまうので個人的にはできないです。
負担が大きければなくても大丈夫です…！

・<code>タグ
　装飾に[コード]が追加されて、内容が<code></code>で囲まれ、
　URL等が含まれても自動でリンクにならないのが理想です。

・塗り潰し版の隠す機能
　「続きを読む」ボタンは無く、隠した箇所は背景色と文字色が同色になり、
　クリックでスタイルが解除されるイメージです。
　例: 隠した場所をクリックする
　(「その投稿内の隠された部分を一括で表示する」ボタンもあれば便利かと思いますが)

また、ご相談なのですが、てがろぐにFancybox v5を設定しました。
ギャラリーの範囲を各投稿内の画像で絞りたいのですが、何か方法はあるでしょうか？
付与するdata-fancybox="gallery"がgallery+postid等に出来れば望む挙動になるのですが…

常時出力されるわけではなさそうですが、特定の状況下で出力されてしまうケースを2件ほど発見しています。（管理画面の「設定」を開いたときに、line 18595。既存投稿の再編集画面を出したときに、line 7802。）他にもあるようならお知らせ頂けると助かります。
※少なくともこの2件に関しては、アラートが記録されるだけで特に動作上の不都合はありませんので、そのままご試用を継続して頂いて問題ありません。