てがろぐ - Fumy Otegaru Memo Logger -

もしかして、3月は今日で終わり……？

🍡Re:5797◆開発放言に反応ありがとうございます。^^
🍡Re:5798◆もしデータファイル（tegalog.xml）をテキストエディタで編集しても構わない場合で、そのテキストエディタで正規表現が使える場合は、以下のような感じにすることで、一括して全投稿の2行目に空行を増やせます。（図はEmEditor）

ここで処理しているのは、『<comment>タグの後に登場する、1つ目の<br />を、<br /><br />に置き換える』という内容です。これによって、1行目の直後に空行が増えます。もちろん、何行でも必要なだけ増やせます。
データファイルを直接は編集しない方法で空行を増やすのは（かかる手間の面で）難しいと思います。

てがろぐ Ver 4.8.0 を公開しました！ #Update
カレンダーヒートマップの出力機能、総合「外部サービス埋込」ボタン、ニコニコ動画の埋め込み機能、投稿欄下部「直近画像の選択」ボタン、IF文等でログイン状態を使用可能にする新仕様、色表記等のハッシュタグ除外設定機能、などの追加が主な更新点です。その他、細々した仕様改善や機能追加、不具合修正を含んでいます。
➡ https://www.nishishi.com/cgi/tegalog/

バージョンアップには2通りの方法があります。

• 1クリックでバージョンアップできる専用PHP「TegUp」のご使用をお勧め致します。（※てがろぐに同梱していますので、お使いの tegalog.cgi と同じ位置に tegup.php が既にあればそこにアクセスするだけです。）
• もしくは、最新版のZIPの中から tegalog.cgi と fumycts.pl と tegup.php の3ファイルだけを抜き出して上書きアップロードして下さい。

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

🆕 Ver 4.8.0の更新点(概要)：
《▼大きな機能追加》
●カレンダーヒートマップの出力機能
●総合「外部サービス埋込」ボタンの追加
●ニコニコ動画の埋め込み表示機能
●投稿欄下部に「直近画像の選択」ボタンを追加。
●本文なしの画像だけで投稿ボタンを押した際にどう動作するかを選択できる設定を追加
●IF文やSITUATION:CLASSの装飾分けで「ログイン状態」も使用可能に
●既存ハッシュタグ簡単入力機能に、任意の項目を加えられる機能を追加。
●16進数での色指定表記等をハッシュタグだとは認識させないようにできる設定を追加
●「投稿や編集直後の動作(移動先)」設定の選択肢に『常に「いま投稿したばかりの単独ページ」を表示』を追加

《▼その他の機能追加》
●下げた投稿を表示する状況の選択肢に「ユーザ限定表示時」を追加。
●ログインフォームのユーザID入力欄の表示形態をセレクトボックスではなく手動入力(自由入力)にできる設定選択肢を追加
●何でも簡単入力ボタン機能のボタンラベルとして使う文字数の上限値を自由設定できる機能を追加

《▼細かな機能追加》
●投稿の再編集時にカーソル位置を先頭にするか末尾にするかを設定できる機能
●【既存ハッシュタグ簡単入力機能】の中に、「 #[] 」の3文字だけを挿入できる項目を加えるオプションを追加。
●デフォルトで使われるjQueryとLightboxを、CDNからではなく自前設置したファイルから読み込める設定を追加。
●Lightbox以外の画像拡大スクリプトを使いたい場合に、URLだけでなく、HTMLのscript要素とlink要素を直接書いて指定する方法も追加。
●YouTubeの埋め込み仕様をプレイリストにも対応。

《▼仕様改善》
●投稿本文の先頭に空行があっても（編集時に）削除されないようにできる設定を追加。
●「編集最大」機能の使用時にボタン列が増えたり画面サイズが変わったりしても自動で再調整される機能と、「編集最大」を解除する機能を追加。
●任意の動画ファイルを埋め込んで表示できる記法に loop, muted, autoplay, preload 等の属性値を指定できるよう拡張。
●jQueryとLightboxがCDNから読まれる場合は、crossorigin属性とintegrity属性等を加えた状態でscript要素を出力するよう改善。
●YouTubeの埋め込み時にパラメータ「 rel=0 」を付加するよう改善。（※再生終了後に同チャンネル内の関連動画のみ表示）
●投稿可能な画像の拡張子リストのデフォルト値に avif を追加。（※新規セットアップ時のみ）
●カスタム絵文字として指定可能な画像形式に avif を追加。
●ハッシュタグ認識周りのリファクタリングを実施
●Twitter Cardのカードサイズ指定に「 photo 」を追加
●任意画像の挿入ボタンで、複数URLの同時入力に対応 (空白・タブ・改行区切りを使用可能)
●YouTubeの埋め込みHTMLに専用classを追加（ニコニコ動画と区別するため）
●OGPカードリンク記法の挿入用ボタンのデフォルトラベルを「OGPカード」から「カード型リンク」に変更。
●設定画面を表示したとき、iOSではテキスト入力欄をタップするとズームしてしまう現象を回避。（iOSでは16pxで表示するよう調整）
●リンクラベルを指定せずにリンクカード記法を使った場合で、リンク先からOGP情報が得られなかった場合に、「(Loading...)」と表示されっぱなしになる点を改善。

《▼同梱TegUpの更新》
●TegUp Ver 2.1.1 を同梱
 → 特定の応答をするサーバからは正しくデータを取得できずにエラーを吐いていた不具合を修正。
 → OGP情報（og:description)が取得できなかった場合は、body要素の先頭からタグを除いた最大150文字ほどを取得するよう改善。

《▼スキン更新》
●QUICKPOSTに表示される「直近画像の選択」ボタン周り装飾用CSSを追加。
●カレンダー・ヒートマップに対応

《▼不具合修正》
❎丸括弧で終わっているURLにフラグメントを付けたとき、URLの一部ではなくハッシュタグだと誤解釈してしまう不具合を修正。
❎ハッシュタグ限定表示で、ハッシュタグだとは認識されていないハズの文字列を含む投稿もヒットしてしまう不具合を修正。
❎上書きスタイルシート内に「 > 」記号が書けない不具合を修正。

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

アナウンス：
✔Twitter：

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

✔Bluesky
✔Pawoo（Mastodon）
✔mixi2

てがろぐユーザーの方に質問です。
現在、投稿本文を

[1行目] タイトル
[2行目以降] 本文

という形式で投稿し、[[COMMENT:TITLE]] と [[COMMENT:BODY]] を用いての表示を検討しています。
もし将来的に、

[1行目] 主題
[2行目] 副題
[3行目以降] 本文

という構成に変更したくなった場合、既存の投稿について、1行目と2行目の間に空行を一括で挿入するなど、デザイン崩れを起こさずに移行する方法はあるでしょうか？
あらかじめ下記のように複数行の改行を入れておき、

[1行目] 主題
[2行目]
[3行目]
[4行目]
[5行目以降] 本文

[[COMMENT:TITLE]] [[COMMENT:LINE:5*]] を用いて表示する、といった運用が現実的でしょうか？
皆さんどのようにデータを保持しているか、伺いたいです。

>投稿本文内に、アンカーポイントを作成できる機能が欲しい。リリースノート並の長文を書く場合に、ある方が望ましい。

同感です是非

テスト

テスト

5793
ご回答ありがとうございます。
①と②どちらもなんとかなりました。
ありがとうございます！

花粉飛びすぎ……。(>_<) 🌲🌳🌲🌳🌲🌳

🍘Re:5792◆ご活用をありがとうございます。以下、2つのご質問に回答します。

① 今のところ「カテゴリなし」と「何らかのカテゴリ」とを同時に表示させる方法がありません。現状の仕様では、例えば「nashi」というカテゴリを作成して、「カテゴリなし」をすべてそのカテゴリに属させた上で、cat=hobby,nashi として頂くほかありません。
なお、「カテゴリなし」の投稿をすべて特定のカテゴリに属させるには、データファイル（tegalog.xml）をテキストエディタで開いて、<cat></cat>という記述を一括して<cat>nashi</cat>に変えると楽です。

② カスタマイズ可能です。
詳しい方法は、ヘルプドキュメントの「カスタマイズ方法」ページにある『状況に応じた見出し行の装飾方法』区画をご覧下さい。
➡てがろぐ側の設定画面でも表記を選択したり書き換えたりできますし、

• 状況に応じた見出し行の表示形態をカスタマイズする方法
• 該当件数とページ番号の表示形態をカスタマイズする方法

➡CSSで装飾を調整することもできます。

• 状況に応じた見出し行の装飾方法
• 該当件数とページ番号の装飾方法

これらのclass名をJavaScriptで使えばもっと複雑なカスタマイズもできそうな気がします。

お世話になります。2つ質問があります。
自作サイトにてがろぐを馴染ませる形で、カテゴリ別に用途を変えて使わせていただいています。
現在カテゴリにはnews/diary/hobbyがあり、newsとdiaryは別スキンでの運用ができています。しかし、
①hobbyとカテゴリなしを混在して表示させ、同一スキンを利用したいと思い、簡易本番でスキンを適用後、URLの最後を「cat=-,hobby」として表示させようとしたところhobbyのみが表示されてしまい困っています。混在させながら同一スキンでの表示は可能でしょうか。

②カテゴリ別にしているページのブラウザから見た時のタブ名"カテゴリ「○○」に属する投稿×件"という表示は変更可能でしょうか。


既出、言葉足らずでしたらすみません。何卒よろしくお願い致します。

テスト

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

🆕 Ver 4.7.7βの更新点(概要)：
《▼新機能》
●総合「外部サービス埋込」ボタンの追加
●IF文やSITUATION:CLASSの装飾分けで「ログイン状態」も使用可能に
●下げる・下書き投稿後でも投稿単独ページへ移動できるオプション設定を追加
●ヒートマップをリンクにしない（a要素を使わない）選択肢を追加

《▼仕様改善》
●ハッシュタグ除外機能を使っても、隠れハッシュタグは例外にする仕様改善
●iOSで設定画面の入力欄をタップしてもズームしないよう仕様改善
●OGP情報が得られなかったリンクカードに「Loading...」の文字が表示されっぱなしになる点を改善

《▼同梱TegUpの更新》
●TegUp Ver 2.1.1 を同梱

• 特定の応答をするサーバからは正しくデータを取得できずにエラーを吐いていた不具合を修正。
• OGP情報（og:description)が取得できなかった場合は、body要素の先頭からタグを除いた最大150文字ほどを取得するよう改善。

《▼不具合修正》
❎複数のハッシュタグを掲載している際で、ハッシュタグの除外条件を設定しているときに、「本来除外すべき文字列」の中に「ハッシュタグにする文字列」が前方一致で含まれている場合に、「本来除外すべき文字列」の方がハッシュタグとして認識されてしまう不具合を修正。
❎ニコ動埋め込みの位置が、全文検索時にずれる不具合を修正。

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

🍘SNSでのアナウンス：
Bluesky、mixi2、Mastodon(Pawoo)
Twitter：

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

l；l；；l

5787
ご回答ありがとうございます。今は諦めます…orz
てがろぐを楽しく使わせてもらっています。これからも頑張ってください！応援しています。

1つの共通記法（共通ボタン）で外部サービス諸々を埋め込めるようになった Ver 4.7.7β(未配布)の動作テスト。
シュークリームフラペチーノ、めちゃくちゃ美味いです😋

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

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

🍮Re:5785◆今のところその方法はありません。基本的には「ログインするのは管理画面にアクセスするため」という前提の設計になっていますので。

テスト

はじめまして、てがろぐのことで質問があります。
てがろぐのログインに成功した時、管理画面に行くのではなくメインページに遷移させるにはどこをどうしたらいいのでしょうか？
cgiには詳しくないのですがやはりcgiにコードを追加しなければならないのでしょうか…

🍡Re:5783◆メールを受け取りました。今、返信しましたのでご確認下さい。
要点は次の2点です。

1. skin-cover.html ではなく tegalog.cgi にアクセスしないといけない。
2. カラフルボックスでは、単にファイル一式をアップロードするだけではダメで、事前にPerlモジュールをサーバにインストールしておく手順が必要。（→カラフルボックスでのセットアップ手順）

メインの話は①で、②は念のための補足ですけども。

Re:5782 ご回答頂きありがとうございます！URL並びに詳しい状態をメールにて送付させていただきました。お時間ある時にご確認いただけますと幸いです。

最近、団子を食べる機会がないな……。🍡🍡🍡

🍡Re:5781◆どこの何が文字化けしているかに依ります。

• てがろぐが生成するページ全体が文字化けしていて読める文字が1つもない。
• てがろぐ投稿本文だけが文字化けしていて、それ以外の文字は正常。
• てがろぐ投稿本文は正常に読めるが、その周囲が文字化けしている。

など、状況を詳しくお知らせ頂ければ何らかのアドバイスができるかもしれません。特に『どのURLにアクセスしたときに、そこの何が文字化けしているのか』をお知らせ下さい。
また、以下もご確認下さい。

• てがろぐそのもののログイン画面なども文字化けしているのでしょうか？ それとも、そこは正常に読めるのですか？
• 他のブラウザで閲覧しても結果は同じですか？

一番望ましいのは、どんな状態なのかを見せて頂く（＝設置した場所のURLを教えて頂く）ことです。
なお、アップロード時に使用したFTPソフトの設定で、文字コードを自動変換してしまっていないかも確認してみて下さい。

てがろぐで初めてホームページを作ろうとしているものです。
カラフルボックスへ手順通りファイルをアップロードしましたが、文字化けしてしまいました。
どうすれば解消されるでしょうか。

そろそろ桜が咲きそうですかね……？🌸🌸🌸

🍡Re:5778◆ご心配ありがとうございます！ 睡眠に関しては（質が悪かったときにだけ呟くのでまるでずっと悪そうに見えるかもしれませんが）そこまで困っている状態ではないのです。しかし、確かに快適な睡眠はしたいですね。朝起きて、快適な睡眠だったなと思うことはまずありませんし。^^; ポケモンスリープのログがあるのはそういう場合にも便利ですね。

🍡Re:5779◆沖縄からご活用ありがとうございます！ 沖縄は暖かそうですね！

こんなすごいサービスを開発頂いてありがとうございます！
沖縄より

＞にししさんの「今日のひとことログ」の睡眠関連の話題
一度、睡眠科の病院で相談されてみてはどうでしょう。(既に相談されていたらごめんなさい) 10年以上前の話ですが、私も十分な睡眠時間を取っていて中途覚醒は無いのに日中ずっと眠かったり、朝の起床時に体が重くて起き上がれないことに悩んでいた時期がありました。当時偶然見かけた以下のブログの体験記事を読んで睡眠科や睡眠障害の存在を知り、医師に相談したら悩んでいたことの原因もわかりました。当時と違って現在は初診からポケモンスリープのログを見せることもできますし…。

睡眠障害で辛い - mizchi's blog
睡眠障害らしきものとわたしの20年間振り返りメモ - 青いの

にししさんにはいつもてがろぐやウェブサイト制作関連tipsなどでとてもお世話になっているので、快適な睡眠ができますように🛌

>>5776
早速のご返信、そして[[HASHTAG:LIST:GALLERY]]について勘違いしていたようで、教えて頂き助かりました、ありがとうございます！
てがろぐ独自記法ではなくjavascriptで実現できるのですね。早速skin-cover.htmlを編集してみようと思います。

キットカットを食べました。🍫🍫🍫

🍫Re:5775◆回答の前に補足というか訂正というか注釈ですけども、[[HASHTAG:LIST:GALLERY]] の記法は、ハッシュタグリストをギャラリーモードへのリンクにするだけであって、「画像付記事だけのタグを出力」するわけではありません。ハッシュタグリストには全部のハッシュタグがリストアップされます。ギャラリーモードで表示される投稿が1つもないハッシュタグがあれば、移動先は「表示できる投稿がありません」等のメッセージが表示されるだけのページになります。

さて、ハッシュタグリストのリンク先を特定のカテゴリにすることは、JavaScriptを使えば可能です。
No.5708に書いたJavaScriptソースを修正するだけで実現できます。例えば、カテゴリID「info」へのリンクにしたい場合は、以下のように書けば良いです。
<script>
document.querySelectorAll('a.taglink').forEach(link => {
  link.href += '&cat=info';
});
</script>
要は、『すべてのハッシュタグリンクのhref属性値の末尾に&cat=infoを加えれば良い』わけですから、上記のようなJavaScriptをスキン（skin-cover.html）の末尾に書くだけで良いです。（必ず末尾に）

ただ、上記のJavaScriptだと、そのページ内に存在するすべてのハッシュタグリンク（※本文中に書かれているハッシュタリンクも含む）が対象になりますから、ハッシュタグリストだけに限定したい場合は、ハッシュタグリストを囲んでいる何らかのclass名をquerySelectorAllの引数(の先頭)に加える必要があります。例えば、<div class="hashtaglist">～</div> の内側にあるなら、querySelectorAll('.hashtaglist a.taglink') のような感じです。

質問なのですが、カテゴリ内のタグだけを表示させるようなことってできますか？
例えば[[HASHTAG:LIST:GALLERY]]で画像付記事だけのタグを出力できますが、これのカテゴリ版というようなイメージです。

>>5772
5771です
早速のご対応ありがとうございます！
次のベータ版を楽しみにしてます🍎

＞JavaScriptがONの状態でアクセスしないとコンテンツが出力されない仕様
そんな仕様だったんですね！
昨年あたりまではカード表示もできてた記憶があるので、もしかしたら最近仕様が変わったとかかもですね🤔
ツイッターなど他のSNSも見たところそちらもカード表示できてなさそうなので、ニンテンドーストアの仕様が変わる（戻る？）ことを願います🙏

テスト

リンゴを食べました。🍎

🍎Re:5771◆ご指摘をありがとうございます。調べたところ、特定の応答をするサーバからは正しくデータを取得できずにエラーを吐いていましたので、TegUp側のソースを修正しました。次の（てがろぐの）β版と一緒に配布しますので、しばらくお待ち下さい。
ただ、それでも任天堂ストアからの情報は取得できませんでした。なんでかな……と思って調べたところ、JavaScriptがONの状態でアクセスしないとコンテンツが出力されない仕様でした。なので、情報が取得できないのはどうしようもなさそうです。（任天堂側が、OGP情報だけはJavaScriptの有無に関係なく出力してくれると良いのですけどもね。）
とりあえず、TegUp側で「OGP情報が取得できなかった場合はbody要素の先頭から最大150文字ほどを取得する」という感じにしてみました。
あと、リンクラベルを入力せずにリンクカード記法を使った場合で、リンク先からOGP情報が得られなかった場合に、「(Loading...)」と表示されっぱなしになる点も改善しました。次の（てがろぐの）β版からお使い頂けます。

いつもてがろぐをありがたく使わせていただいてます！
カードリンク機能でもしかしたら不具合かもしれない事象があったので #報告 失礼します

(Loading...)...
(ぽこ あ ポケモンのニンテンドーストアページへのリンクです)
上記のように任天堂へのリンクをカードリンクで貼ろうとするとLoading... のままになり、カードの画像などが表示されないようです

私が把握する限りでは任天堂以外のサイトでは上記の事象は発生せず、Loading... となっていてもクリックすればちゃんとリンク先には飛べるのでそこまで実害はないと思いますが一応ご報告させていただきます
もし自分の環境の問題でしたらすみません🙇