てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

検索語「〔除外:$ci=;〕」の検索結果1220件]8ページ目)

冷凍餃子と冷凍たこ焼きの備蓄が尽きました。また買ってこなくては……。takoyaki2takoyaki3takoyaki4

🥟Re:4532◆ダークモードのご要望もちらほら頂くのでなんとかしたい気はあるのですけども、元々そこまで大きく配色を可変にすることを前提にしないまま製作してきたために、書き換えないといけないCSS量が多いので先送りになっております。とりあえず現時点では、ユーザスタイルシートをご活用頂くか、いい感じにダークモードで表示してくれるアドオンをお使い頂ければ幸いです。関連情報として、No.4488,4489,4490,4493 あたりもご参照下さい。

by nishishi. 回答/返信 <322文字> 編集

朝食は、ピザトーストとサンドイッチ。🍕🍞🥪

🥪Re:4526◆ご質問は、『状況を表す文字列が出力されるのではなく、スキンに書いた[[SITUATION:html]]という文字列がそのまま見えてしまう』という意味ですかね?
もしそうなら、全部大文字で書いて頂いていますでしょうか? [[SITUATION:html]] ではなく [[SITUATION:HTML]] と書かないと認識されません。

by nishishi. 回答/返信 <208文字> 編集

久しぶりに玄米茶を買いました。🍵🍵🍵

🍵Re:4524現状で本実装しているつもりなのですが、さらにどうなると嬉しいですか?

by nishishi. 回答/返信 <139文字> 編集

抹茶小豆棒アイスを補充しました。

🍵Re:4518◆先程に公開した Ver 4.3.2β で解決しましたので、ご試用頂ければ幸いです。(╹◡╹)

by nishishi. 回答/返信 <74文字> 編集

開発進捗状況報告サイトで、てがろぐ Ver 4.3.2(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.3.2βの更新点(概要):
《▼新機能》
🌺文字装飾で実際に出力されるHTML要素の変更機能。
🌺検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能。

《▼仕様改善》
🌸文字装飾記法の「隠す」を使って隠される範囲全体を <指定要素 class="decorationH"> ~ </指定要素> のタグで囲むよう改善。

《▼不具合修正》
❎IF文の条件にパーセントエンコーディングされた文字列を含めると、IF文として解釈されなくなる不具合を修正。

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。

🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:

by nishishi. アップデート✨ <426文字> 編集

今日も暑そう……?🍧🍧🍧

🍧Re:4516◆そういえば、パーセントエンコーディングされた文字列の存在を考慮していなかったようです。IF文として成立する条件の文字列の中に % 記号が含まれていませんでした。^^; ソースを確認したところ、英数字・空白文字・3記号(-_|)しかIF文の中に書けない仕様になっていましたので、これは不具合ですね。次のバージョンで修正しますので、もうしばらくお待ち願います。(今の時点では、パーセントエンコーディングで記述された名称は何でもIF文には使えません。^^;;;)ご報告をありがとうございます。(╹◡╹)ノ

※今のバージョンで今すぐ対処なさりたい場合は、IF文ではなく、CSSを使って表示/非表示を切り替えて下さい。

by nishishi. 回答/返信 <328文字> 編集

もしかして今日はめちゃくちゃ暑い……?🍨🍨🍨

🍨Re:4510◆全体としてどんなHTMLになっていて、そこにどんなCSSをお書きになっているかが問題ですので、現物を見せて頂かないと何とも言い難いかなと思います。実際に公開されているURLをお書き頂くか、ここでOPENにできない場合はメールでお知らせ下さい。

なお、それも避けたい場合には自力で調査頂くほかないですが、とりあえず、「ブラウザがHTMLをどう解釈していて、そこにどんなCSSが適用されているのか」は、ブラウザの開発者ツール(※[F12]キーを押すか、[Ctrl]+[i]キーを押すなどすると出てきます)を使うとよく分かります。

by nishishi. 回答/返信 <300文字> 編集

昼食はチャーハン。

🍵Re:4508◆カテゴリに属する投稿の総数に応じて、リンクの表示/非表示を切り替える、という意味ですかね?
そうだとすると、JavaScriptを使えば実現できます。以下の①~④のソースを書いてみて下さい。

①まず、外側スキンに <span class="counter">[[INFO:TARGETPOSTS]]</span> と書いておきます。この [[INFO:TARGETPOSTS]] の記述は、もしかしたら既に書いてあるかもしれません。標準添付の各スキンだと書いてあります。書いてある場合はそれを流用しても良いです(※余計な単位を含めないようご注意下さい)し、新たに追記しても良いです。何にしても、該当件数の数値だけが「counter」というclassの要素に含まれるようにします。

②次に、今の表示を逆順で表示するリンクを、例えば
<span class="revlink"><a href="[[REVERSE:URL]]">今の表示を[[REVERSE:NAME]]で見る</a></span> のように書いておきます。リンクの書き方はどうでも良いので好きなようにして下さい。要は、表示/非表示を切り替えたい内容を「revlink」というclass名の付いた要素で囲めば良いだけです。

③さらに、JavaScriptを書きます。
<script>
document.addEventListener('DOMContentLoaded', function() {
   // counterクラスの要素を取得して表示件数を得る
   var counterElmnt = document.querySelector('.counter');
   var counterValue = parseInt(counterElmnt.textContent);

   // revlinkクラスの要素を取得
   var revlinkElmnt = document.querySelector('.revlink');

   // counterの値に応じてrevlinkの表示・非表示を切り替え
   if (counterValue >= 30) {
      revlinkElmnt.style.display = 'inline';
   } else {
      revlinkElmnt.style.display = 'none';
   }
});
</script>


④最後に、これら全部を [[IF(selected-cat): :IF]] で囲みます。(①はこの範囲外にあっても構いませんが。)

上記のようにすると、
  • カテゴリ限定表示時にだけ、(=④)
  • いま見えている総投稿数が30件以上のときに限って、(=③)
  • 逆順に表示するリンクが見える。(=②)
……となるはずです。たぶん。(動作確認はしていないのですが。)

なお、①の数値は、そのまま何らかの表示に使っても良いですし、使い道がない場合はCSSで非表示にしておけば良いです。 .counter { display:none; } みたいな感じで。もし既に counter というclass名を別の用途で使っている場合は、上記のソースでは別の適当なclass名に置き換えて使って下さい。(※お使いのスキン内で、既に counter というclass名を使っている場合に、上記のソースのままを書くと、総表示件数を正しく取得できない可能性があります。)

by nishishi. 回答/返信 <1519文字> 編集

冷凍餃子を追加で買ってきたので餃子備蓄が増えました。🥟🥟🥟

🥟Re:4506◆おそらく、下げる機能がお役に立つのではないかと思います。まず、この図の設定位置で『カテゴリ限定表示時』にチェックを入れておきます。その上で、カテゴリ「あ」の投稿をすべて『下げる』にチェックを入れて投稿していれば、その投稿は(通常の一覧表示時では非表示になり)カテゴリ限定表示時(などの、この図で設定した状況)だけで見えるようになります。

by nishishi. 回答/返信 <272文字> 編集

シフォンケーキを食べます。(冷凍保存していたのを解凍しました)

🧀Re:4504◆現状のバージョンでどうにかするとしたら、もし時系列順で表示するのが小説だけなのであれば、時系列順 の表記登録を 小説 にすれば、「人間失格(小説)」となって、さほど違和感はないのではないでしょうか? 連載小説 とすれば、「人間失格(連載小説)」となって、複数投稿に分割されていることがむしろ分かりやすいかも知れませんし。もしくは 連載順 とか 話数順 とか。「連載順」なら掲載するのが小説だけではない場合でも、あまり違和感なく済むかもしれませんね。

ちなみに、『見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたい』という点は、「見出し」関連でどんな機能があれば便利でしょうか? 参考までに例を挙げて頂ければ、今後の開発の参考にさせて頂きます。

by nishishi. 回答/返信 <383文字> 編集

冷凍の餃子を追加で買っておくべきかどうか……。どうしようかな……。冷凍のたこ焼きはまだあります(たぶん)。takoyaki2takoyaki3takoyaki4

🥟Re:4501◆ご活用をありがとうございます! お役に立っているようで嬉しいです。(╹◡╹)ノ
🥟Re:4502◆その表示を省略する機能は今のところないのですが、「時系列順」という表記内容は、管理画面の[設定]→[ページの表示]→【システムメッセージ・表示用語】→「表示順序を示す用語」項目で設定した名称が使われます。なので、ここから当たり障りのない名称に変更しておく方法はあります。例えば 時系列順 ではなく ^_^ と指定しておくと (^_^) と出力されます。┌(:3」└)┐

by nishishi. 回答/返信 <354文字> 編集

🍘Re:4498◆カテゴリごとにRSSフィードを分けるのは、従来から可能です。
カテゴリ別URLの末尾に &mode=rss を加えるだけです。
例:
  • カテゴリ「メモ」のRSShttps://~/tegalog.cgi?cat=memo&mode=rss
  • カテゴリ「情報」のRSShttps://~/tegalog.cgi?cat=info&mode=rss
  • カテゴリ「日記」のRSShttps://~/tegalog.cgi?cat=diary&mode=rss
カテゴリだけではなく、他にも、どんな条件でもRSSを分けられます。お試し下さい。
使い方・設定方法ページの「条件を限定したRSSフィードの出力」項目もご覧下さい。

by nishishi. 回答/返信 <396文字> 編集

タレではなく塩が付属していた冷凍餃子を食べました。🥟🥟🥟

🥟Re:4490◆具体策をどうもありがとうございます。管理画面は元々カラーテーマのようにカスタマイズすることを一切考えずに作ってたこともあって、なかなか装飾の調整は面倒だろうな、という気はしています。(^_^;) 最初から配色カスタマイズを前提にして製作していたら、もうちょっと違ったとは思うんですけどもね。当初はそこまで思い至っていなかったのでした。

🥟Re:4491◆画像を長押ししたときにメニューが開くのはブラウザ側の機能なので、てがろぐ側(Web側)でどうにかするのは難しそうな気がします。画像はリンクにしない状態で掲載しておいて(ポインターイベントを無効化しておいて)、「リンク先の画像をLighboxで開くテキストリンク」を設ける方法を使うくらいでしょうかね……? ➡『画像を直接埋め込まずに、画像へのテキストリンクとして掲載しつつ、リンク先の画像はLightboxで見せたい場合の書き方
◆なお、Lighboxでは、拡大された画像を <img class="lb-image" ~> のようなHTMLで表示していますので、このclassだけをターゲットにしてポインターイベントを無効化すればお望みの動作(Lighboxによって拡大された画像を長押ししてもブラウザ側のメニューが出なくなる動作)になるかもしれません。
つまり、.lb-image { pointer-events: none; } ということですが。
◆もしくは、Lighbox以外の画像拡大スクリプトをお使いになる手もあるかもしれません。(設定で任意のスクリプトに切り替えられます。➡『Lightbox以外の画像拡大スクリプトを読み込んで使う方法』)

🥟Re:4493◆何でもダークモードにしてくれるアドオンもあるんですねえ。任意のWebの明暗を反転させるのは、言葉では簡単そうですけどもなかなか(見やすさを確保した上でそうするのは)大変そうな気がしますので、その辺も自動でうまくしてくれるのなら、かなり手間が省けますね。

🥟Re:4495◆そうですね。そのスキンに付随する設定項目がすべて本番確定されてしまうバグでしたので、(ギャラリーモードとサイトマップページモードに関しては)管理画面の補助出力で「1ページあたりに表示される投稿数」・「日付境界バーを挿入するかどうか」・「該当件数とページ番号を表示するかどうか」の設定も可能でしたから、これらも上書きされてしまう動作になっていました。今回のバージョンで、それらも一括解消されています。(要は、設定が上書き保存されてしまわないように修正しましたので。) てがろぐのご活用をどうもありがとうございます!(╹◡╹)ノ

by nishishi. 回答/返信 <1182文字> 編集

昼食はピザ。🍕🍕🍕

🍕Re:4488◆特定のWebに自分の好きなCSSを追加できる「ユーザースタイルシート」という機能をブラウザに加えるアドオンがいくつか出ています。そういうのをお使いになれば、何でも好きなCSSを管理画面に加えられますのでご活用下さい。あくまでも「自分の使っているブラウザだけ」でしか適用されませんが(=他の閲覧者には一切影響しませんが)、自分だけが使う管理画面の装飾を調整したいだけならそれで事足りるのではないかと思います。ユーザースタイルシート機能を加えてくれるアドオンについては、Geminiに尋ねてみた結果もご参照頂くと良いかもしれません。

by nishishi. 回答/返信 <325文字> 編集

開発進捗状況報告サイトで、てがろぐ Ver 4.3.1(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。(先日発覚したバグを解消しました。)

🆕 Ver 4.3.1βの更新点(概要):
《▼新機能》
🌺鍵付き投稿で、本文の1行目だけでなくさらに2行目も常時見せるようにできる設定機能。
🌺ログイン者限定動作時にTOPに表示されるメッセージを自由に書き換える機能。

《▼仕様改善》
🌸任意のディレクトリにあるスキンを手動指定できる設定項目を、条件によっては非表示にするよう改善。

《▼不具合修正》
❎ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ(表示上の問題)を修正。(※Ver 3.9.3β以降すべてに存在したバグ)

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。

🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:

by nishishi. アップデート✨ <451文字> 編集

ヨーグルトチーズケーキを食べました。

🍰Re:4483◆うまくいって良かったです。(╹◡╹)ノ
🍰Re:4484◆活用報告をどうもありがとうございます! お役に立っているようで嬉しいです。^^

by nishishi. 回答/返信 <106文字> 編集

久しぶりにホットケーキを食べました!🥞

🥞Re:4478◆結果報告をどうもありがとうございます。&で繋ぐと消えてしまう理由が分かりませんが、とりあえずうまく動作するようになったのなら良かったです。^^

🥞Re:4479◆もしかして、ローカルにあるスキンをアップロードできる欄だと誤解された、とかですかね……? この欄は、サーバ上に存在するスキンのうち、「tegalog.cgiのあるディレクトリの直接のサブディレクトリ」以外にあるスキンを適用するためにある欄なので、ローカルのフォルダ名を入れても機能しません。ちょっとこの欄は確かによくよく考えると紛らわしいので、もうちょっと何かUIを考え直したいと思います。

🥞Re:4480◆リスト機能を使うと(リストページを見ると)、リストの上部に今でもTwitter Birdが見えるんですよね。リストの画像を自前でアップロードしていない場合は。そこも残り続けて欲しいです。

🥞Re:4481◆機能としては存在しないんですが、要は imagelink というclass名の付いたa要素すべてに target="_blank" の属性を加えれば良いので、外側スキンのHTMLソースの下端に以下のようなJavaScriptを書けばお望みの動作になると思います。
<script>
const links = document.querySelectorAll('a.imagelink');
links.forEach(link => {
   link.setAttribute('target', '_blank');
});
</script>

このソースをそのまま使う場合は、ページの末尾付近に加えて下さい。(もしhead要素内とかに書きたい場合は、「HTMLの読み込みが終わってから実行」されるような工夫を加える必要があります。)

by nishishi. 回答/返信 <827文字> 編集

朝食に、フィレオフィッシュっぽいサンドイッチを食べました。🥪🥪🥪

🍨Re:4476◆おおぅ、そんな現象になりましたか。『任意のディレクトリにあるスキンを手動指定』欄を使った結果ですかね?
以下の手順で操作してみて下さい。
  1. サーバ(=問題のてがろぐの設置ディレクトリ)から tegalog.ini ファイルをダウンロードします。
  2. その tegalog.ini ファイルをテキストエディタで開きます。
  3. skindirectory=で始まる行を探します。(※たぶん383行目付近にあります。似た名称の行が複数あるので注意して下さい。)
  4. その行を丸ごと消します。(1行を丸ごと消して大丈夫です。)
  5. 上書き保存します。
  6. その tegalog.ini をサーバにアップロード(上書きアップロード)します。
これで、適用スキンの設定だけを強制的に消せますので、元通り(スキンの簡易適用前の状態)になりますので、あらためて必要な設定をしてみて下さい。

※参考までに、どんな操作をしてその現象になったのか、もし覚えているようでしたら教えて頂けるとありがたいです。

by nishishi. 回答/返信 <482文字> 編集

押し入れから扇風機を出してきました。

🍨Re:4471◆隠された範囲をSmooth展開するのは、現状のてがろぐの仕様で可能でしょうかね……?(どなたか実現なさっている方がいらっしゃったら教えて下さい!)なんとなく難しそうな気がします。デフォルト設定では、隠された範囲(のspan要素)は表示時に display:inline; のスタイルが付加されますしね(その値は設定で変更可能ですが)。

◆現状のような「JavaScriptで表示/非表示を切り替える」方法で隠す手段以外に、現在で(たぶん)主流な <details><summary>見せる部分</summary>折りたたむ部分</details> のようにHTMLだけで実現できる折り畳み機能で出力される記法も追加した方が良いかな……という気はなんとなくしています。今のところそのような要望は来ていないので、まだ「なんとなく思っているだけ」の状態ですけども。そちらの方がCSS(やJavaScript)で装飾しやすいだろうな、という気はします。

◆SNSシェアボタンで「特定のスキンを適用したURL」がシェアされるようにするには、[[PERMAURL]]系の記法の直後に(空白を挟まずに)&skin=skin-nameのような感じでパラメータを加えれば良いだけです。具体的にどのように書けば良いかは、お使いの「シェアボタン」の仕様次第ですので、(具体的な記述も知りたい場合は)まず現状の記述がどうなっているのかをお知らせ頂く必要があります。

🍨Re:4472◆てがろぐをご活用下さってありがとうございます。(╹◡╹)ノ
少なくとも(私が直接使っている範囲では)5千件や1万件程度の投稿総数では特に体感できるほどの変化は出ていません。
なお、今ご覧になっているこの動作試験場では、現状で4,350件近くの投稿数がありますので、実際に「5千件近くの投稿がある状態の動作」をご体感頂けています。(╹◡╹)

下記のⒶとⒷは私(だけ)が書いているページ(てがろぐ)で、Ⓒはここです。それぞれの大まかな総投稿数とデータサイズを調べてみました。
実際に生成ページにアクセスしてみると、投稿総数が1万2千件を超えているⒶよりも、わずか43件しかないⒷの方が、むしろ表示までにかかる動作は比較的もっさりしている気がしませんか? これは、Ⓑでは文字装飾記法が山ほど使われているために(てがろぐ内部で)独自記法をHTMLに展開する処理がたくさん発生するためだろうな……という気がしています。まあ、Ⓑはさすがに『1投稿に2万文字近くある』ような長文投稿ばかりなので、かなり極端な例ですが。(笑)

なお、管理画面の応答速度は、ⒶⒷⒸどれも同じ感じです。(ミリ秒単位で計測したら何らかの差はあるかもしれませんが、体感できるほどの差はありません。)

ただ、CGIなので、動作の重たさは『アクセスがどれくらい集中するか』の方が影響すると思います。
Botからの大量アクセスを受けると、あっという間に重たくなるケースはありました。

てがろぐは、ページを生成する際に(毎回)データファイルを全部読み込みますので、毎秒数十件みたいな極めて高い頻度でのアクセスが続いてしまうと、サーバ自体がかなり重たくなりますね。(その辺は、サーバ側の性能にも影響するとは思いますが。)
なので、アクセス数が多いサイトの場合は特にWAF(Web Application Firewall)を併用して、悪質なBotは(CGIに届く前にサーバ側で)排除される環境にしておく方が望ましいです。

というわけで、てがろぐは(データベースを使っていないシステムなので、極端にデータサイズが大きくなればそれに比例して重たくなるだろうと予想はしているのですけども)、1万2千件程度の投稿数なら特に気にならない、とは言えそうです。10万件だとどうなるのかはまだ分かりませんが。^^;(上記で述べたとおり、投稿の内容次第でもあります。)
投稿総数が莫大になる予想があるのであれば、その「即メモ」と「ライフログ」は、1つのてがろぐで運営するのではなく、最初から複数個のてがろぐに分散させておくと、なお安心かもしれません。
(とはいえ、1つのてがろぐで運営していた内容を、後から複数のてがろぐに分割するのは、テキストエディタでデータファイルを直接分離すれば簡単ですが。どの投稿をどこに分けるのかを判断しやすくするために、カテゴリ等を使って事前に分類されていると望ましいですね。)

by nishishi. 情報,回答/返信 <2026文字> 編集

てがろぐCGIにちょいとバグがありましたので、詳細や回避方法をブログに書きました。
➡『てがろぐに「簡易適用スキン」の設定が勝手に切り替わるバグがあった話

簡単な説明:簡単に述べると、以下の2条件を同時に満たしている場合にだけ、表示上の問題が発生します。
  • 【条件①】未来の日時を『予約投稿として扱う』よう設定されている。(=予約投稿機能をONに設定している)
  • 【条件②】メインで使うスキン以外のスキンに、新着投稿リストを表示するための記法 [[LATESTLIST]] が記述されている。(=メインで使うスキン以外のスキンで生成されるページ上に、新着投稿リストが表示されている)

なので、予約投稿機能をOFFにしているなら(※デフォルトでOFFです)全く問題は生じません。
次のバージョンで修正しますが、上記の2条件に現状で該当する場合には、一時的に予約投稿機能をOFFにしておくことをお勧め致します。
詳しくは上記の記事本文をご覧下さい。

ただ、Ver 4.0.0(※β版も含めると、Ver 3.9.3β)以降で発生していたバグですので、昨年の4月の時点で既に存在していたバグですから、『今まで問題がなかったなら、たぶん問題ない』と考えても良いとは思います。(1年間も問題が生じなかったわけですから。)


とりあえず、バグを解消した次のバージョン(4.3.1)は、おそらく今月末までには公開できると思っています。(今のところ)

by nishishi. 情報 <628文字> 編集

今日こそはプリンを買おうかな……と思ってプリンコーナーへ行ったところ、エクレアに20%OFFシールが貼られていました。なるほど、これはエクレアを買えということか……と一瞬思ったんですが、そもそも暑かったのでプリンでもエクレアでもなくアイスを買ってきました。┌(:3」└)┐
プリンを食べられるのはいつだ!?

🍮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◆ご報告をどうもありがとうございます。(╹◡╹)ノ

by nishishi. 回答/返信 <795文字> 編集

プリン食べたいな……と思いながら冷蔵スイーツコーナーへ行ったのに、なぜか珈琲ゼリーを買ってしまったので、まだプリンは食べていません。┌(:3」└)┐
とはいえ、珈琲ゼリーは美味しかったです😋

🍮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 だけでしか埋め込まれないように改悪されたとしても、てがろぐ側で変換するようにしますので、(たとえそうなっても)自前のデータファイルを書き換えたりしなくて大丈夫です。(埋め込み機能自体を廃止されたらどうにもなりませんが……。)

by nishishi. 回答/返信 <1153文字> 編集

てがろぐ Ver 4.3.0 を公開しました! #UpdateLog

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

バージョンアップするには、
  • 1クリックでバージョンアップできる専用PHP「TegUp」のご使用がお勧めです。
  • もしくは、最新版のZIPの中から tegalog.cgifumycts.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:
Bluesky
Pawoo(Mastodon)

by nishishi. アップデート✨ <1643文字> 編集

久しぶりに餃子を食べました。餃子のタレが余ったので、また餃子を調達しなければ……。

🥮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

by nishishi. 回答/返信 <790文字> 編集

【急募】やる気……...。 _(┐「ε:)_

🍩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にはそのまま出てしまいますね。

by nishishi. 回答/返信 <638文字> 編集

よもぎ餅は食べました。あと、シュガーバターの木も。

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

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

by nishishi. 回答/返信 <398文字> 編集

柏餅はないけど、よもぎ餅はある……。

🍵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]] にする必要があります。)

by nishishi. 回答/返信 <1280文字> 編集

ケーキを食べたい気分なんですけどもないので、とりあえずガトーレーズンを食べています。美味しい。

🍰Re:4434◆いつの間に……。柏餅を食べねば。
🍰Re:4435◆参考までにお尋ねしたいのですが、それが必要になるのはどんな状況でしょうか。「2行目に書いているものを1行目の末尾に移す」という対処ではダメですか?

🍰Re:4438◆ご要望をありがとうございます。◆てがろぐはPerlで記述していますので、他所サイトのOGPを読みに行こうと思うと、別途何らかのモジュール(例えばLWP::UserAgentとか)を読み込む必要があります。……が、それは標準モジュールではないので、サーバによって使えたり使えなかったりする可能性があるのですよね。なので、『てがろぐの動作可能なサーバが減ってしまう可能性』を考えると、使用モジュールを増やす選択はあまり採りたくないので、今のところは無理かな、と思っています。何か良さげな実装方法が見つかるか(または、Perlが使用可能なほとんどのサーバでLWP::UserAgentが使用可能だと分かるとか)何かすれば検討します。◆『<code>タグ対応』とは具体的には何ができれば良いでしょうか? background-color: royalblue; みたいな自由装飾記法では不足ですか? 標準添付の各スキンでは [F:code:ソースコード] のように書くと、その範囲が等幅フォントで表示されるようにCSSを書いてあります。(そのほか、CodePenを埋め込む機能もあります。)◆塗り潰し版の隠す機能では、「続きを読む」的なボタンはどのような表示になって欲しいですか?

🍰Re:4439◆ご要望をありがとうございます。◆Misskeyの投稿って他所サイトに埋め込められるんですかね……?◆てがろぐではそもそも画像を一切加工していませんので、EXIF情報云々以前に、まず画像サイズの調整も含めてローカルで加工してからUPする方が望ましいと思います。画像加工関連の機能については、PHPで鋭意開発中の『画像等ファイル展示新ツール』(仮称)をお待ち頂く方が現実的かもしれません。Perlで画像を加工しようと思うと、何らかのモジュールが必要なんですが、そういうのを要求してしまうと『てがろぐの動作可能なサーバが減ってしまう可能性』があるので、あまり望ましくないと思っているのです。いろいろモジュールを読んでも良ければ(動作可能サーバが減ってしまうのと引き換えに)もっと便利にできるとは思うのですけども。

🍰Re:4440◆ご報告をどうもありがとうございます。それは不具合ですね。こちらのローカルにあるソースは修正しました。また、ここ(今ご覧になっている動作試験場)でも修正版を稼働させましたので、ここでは修正されています。
① 検索エンジン(Google)
② 検索エンジン( Google )
③ 検索エンジン(Google

次に公開されるバージョン(Ver 4.3.0正式版を今月中にはリリースする予定です)では、No.4440にお書き下さった上記①の書き方も可能になります。
(※次のバージョンを待たずに今すぐどうにかなさりたい場合は、空白を含める②の方法か、外側の丸括弧を全角記号にする③の方法をご使用頂くしかなさそうな気がします。)

by nishishi. 回答/返信 <1512文字> 編集

リンクになる書き方のバリエーションについての質問です。
検索エンジン(Google)
という文のGoogleの部分にだけⒷ任意のURLへリンクする記法2 の方法を使ってhttps://www.google.com/のURLのリンクを書きたいのですが、実際に記法に従って
検索エンジン([Google](https://www.google.com/))
と書くと末尾のリンクにしない閉じの丸括弧が消えてしまいます。

検索エンジン(Google)

丸括弧で挟まれたテキストにだけリンクを付与して、閉じ括弧を残す方法はありますか?
※リンク先URLのURLそのものの中に丸括弧記号は含まれません

by admin. 質問/要望 <395文字> 編集

てがろぐを2年程利用させて頂いています。
特に欲しいと思う要望を書かせて頂きます。

・リンク先のOGP取得
 こちらでも過去に要望がありましたが是非欲しいです。
・リスト記法の項目内改行
・<code>タグ対応
・「隠す」要素のサイズを確保した塗り潰し版
 例: ネタバレになりますが[         ]です。
 display: noneではなくvisibility: hidden等で要素のサイズは確保し、
 クリックすると後の文章がズレずに内容を表示できる一般的な形式です。

ご一考頂けると幸いです。

by admin. 質問/要望 <256文字> 編集

DASHBOARD

■複合検索:

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

■新着画像リスト:

Perlのバージョンを上げる設定(さくらインターネット)

全321個 (総容量 36.37MB)

■日付一覧:

■日付検索:

■カレンダー:

2024年6月
1
2345678
9101112131415
16171819202122
23242526272829
30

■最近の投稿:

■フリースペース:

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

編集

▼現在の表示条件での投稿総数:

1220件

▼最後に投稿または編集した日時:

2025年8月30日(土) 20:39:34〔14時間前〕

RSSフィード

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