先頭固定(←ここの文字列も自由に変更可能。非表示にも設定可能)
フォロー数が増えると、私の開発モチベーションが向上するメリットもあります。(笑)
2025年7月 この範囲を時系列順で読む この範囲をファイルに出力する
調べてみたら、関東と関西で気温差大きいんですね。
大変便利なツールをありがとうございます。いつも大変お世話になっております。
便利すぎてサイト内に4つ設置しています。
ありがとうございます。解決いたしました。
助言に従い、コンソールを出力するようにしてから確認しましたところ、コンソールは出力されておりました。
それでも恐らくJavaScriptが何かブロックしているのだろうとコメントアウトをしながら確認しましたところ、
例えばclass="main"の中にある文字列があったとき、別の文字へ置き換える処理をするスクリプトが原因でした。
(一度文字列にして置換したあとに再度HTMLにするためだそうです)
なのでそのスクリプトの範囲からscript や style タグを除外するようにしたところ無事に表示されました。
ありがとうございました。とても助かりました。
てがろぐの[設定]→[システム設定]→【高度な設定】で『OGP取得時のリクエストログをConsoleに出力する』項目をONにすると、エラーが発生していなくてもOGP情報のリクエスト状況が毎回(開発者ツールの)コンソールに出力されます。もし、正しくスクリプトが実行されていれば、OGPリンク枠が表示される度に、{Tegalog-TegUp:1} Request:~ のようなログが見えるハズです。
もしこれが見えないとすると、そもそも「OGPの取得をリクエストするJavaScriptが実行されていない」ということになります。
その場合は、お使いのスキンに書かれた他のJavaScriptが何らかのブロックをしているかもしれません。
お使いのスキンに書かれているscript要素を全部コメントアウトしてみて下さい。もしそれでOGPリンクが表示されるようになるなら、確実にその中のどれかのスクリプトが原因です。コメントアウトを1つずつ外していってみることで、問題のスクリプトを特定できると思います。
お返事ありがとうございます。確認いたしました。
TegUpそのものは正常に動作しておりました(バージョン案内が出ました)。
A:他のスキンでは無事にカードの表示がされておりました
(B:ここ(動作試験場)でも無事に動いております)
…ということはnoteスキンに何かしらが不足しているか、何か悪さをしているということでしょうか…?
※もともとnoteスキンはてがろぐにOGPカード取得する前に配布されていたスキンでした(現在配布はありません)。
開発者モードでみたら以下のようにOGPカードの部分が記載されておりました
・noteスキン
<a class="url cardlink" href="https://hogehoge" rel="nofollow noopener noreferrer" target="_blank"><span class="cardlinkbox"><span class="cardlinkimage"></span><span class="cardlinktextbox"><span class="cardlinktitle">(Loading...)</span><span class="cardlinkdescription">...</span><span class="cardlinkurl"></span></span></span></a>
・他のスキン
<a class="url cardlink" href="https://hogehoge" rel="nofollow noopener noreferrer" target="_blank"><span class="cardlinkbox cardsize-S"><span class="cardlinkimage" style="background-image: url("https://hogehoge/og_new_200_60.png");">&l... class="cardlinktextbox"><span class="cardlinktitle">site title</span><span class="cardlinkdescription">サイトの説明</span><span class="cardlinkurl">11.gigafile.nu</span></span></span></a>
🍧Re:5296◆TegUpそのものは正常に動作していますか? tegup.phpにアクセスしてみてバージョン案内等の画面が出てくるなら大丈夫ですが、そうではない場合(エラー画面やPHPのソースコードがそのまま出てくる場合など)ではPHPの動作に問題がありますので、そこを先に解決する必要があります。
TegUpそのものの動作に問題がない場合は、以下の点をご確認下さい。
どんなURLを指定しても常に取得できないのですか?(=Ⓐ) それとも特定のURLだけが取得できないのですか?(=Ⓑ)
- Ⓐの場合は、他のスキンを適用してみた場合はどうでしょうか? それでも取得できないかどうかを試してみて下さい。
- Ⓑの場合は、そのURLをここ(※今ご覧になっている動作試験場)で試してみた場合にどう見えるかを確認してみて下さい。
コンソールを出力させてみてもエラーがでておらず、取得はできているようですが…。
TegUp.phpのバージョンは2.1.0でCSSにもカード型リンク用CSSの抜粋を貼っております。
何かほかに必要なことってありますか?
<description><![CDATA[ [[ONEPICT:1]][[COMMENT:TEXT:150]]|全[[LENGTH]]文字 ]]></description>
[[ONEPICT:1]]と書いていることが原因なのだろうなとわかりました。今後は出したくない画像にはNSFWフラグをつける等の使い方をしていこうと思います!お手数をおかけして大変申し訳ございません。ありがとうございました。
アイコン配布ありがとうございます!!!!!!!!!!!
「て」のアイコン配布対応ありがとうございます🙏🏻とても嬉しいです!
faviconへの実装も、早々にご対応いただきありがとうございました。
【質問です】
配布アイコンを、自分のサイトのコンテンツメニュー部分に使わせていただきたいと思っているのですが、その際モノトーンに加工させていただく等してもよろしいでしょうか?
🍨Re:5282◆ありがとうございます。「て」アイコンはかなり即席で作りました。^^;
🍨Re:5283,5288◆どんなブラウザでも発生します。おっしゃるとおり、overflow-wrap: anywhere;かword-break: break-all;かが必要です。てがろぐ標準添付の各スキンでは、URL自動リンクの場合にはそう指定してあるのですが、自由装飾のcodeに関しては、変な位置で改行されると分かりにくくなるので、まあいいか、と放置しています。^^; いや、枠内に横スクロールバーを出すことで、画面全体の横スクロールバーは出ないようにするのが良いんだろうな、とは思うのですけども。自由装飾も選択肢が増えたので、<pre>~</pre>でソースを書けるようにした方が良いかもしれないですね。
🍨Re:5284,5286◆サポートありがとうございます!(╹◡╹)ノ
🍨Re:5285◆おや、RSSフィードにも出てしまいますか? こちらでは、折り畳まれた範囲にある物体は画像も含めてRSSフィードからは隠される動作になっているのですが、どんなRSS用スキンをお使いでしょうか?
なお、OGPやTwitter Cardには(「折り畳み」機能も「続きを読む」機能も同様で)隠されている範囲にある画像でもそのまま出ます。画像を出したくない場合は、NSFW画像をOGPに出さない設定にした上で、その画像にNSFWフラグを付けて頂く必要があります。もしくは、『n枚目の画像を [[ONEPICT:n]] 記法等で表示するのを許可』項目がOFFなら、鍵付きで隠す手もあります。(または、隠される範囲よりも前に何か適当な画像を1枚置くという手もありますけども。^^;)
🍨Re:5287◆あの即席「て」アイコンに需要が!?(笑) まさか需要があるとは予想しなかったのですけども、先程単体でも配布しておきましたのでご活用下さい。.icoファイルと .pngファイルで置いてあります。
🍨Re:5289◆ああ、なるほど。そういう場合には確かに「てがろぐ生成ページ」と「てがろぐ管理画面」とでFaviconが一致させられない問題はありましたね。そこまで深くは考えていませんでしたが、お役に立って良かったです。(╹◡╹)ノ
私のサイトはてがろぐを使っているコンテンツだけサイトのfaviconとは別の専用faviconを用意してまして、今まで外側スキンのhtmlにタグを書いて参照していました。
管理画面は自分しか見ない所ではありますが、管理画面に入るとサイト自体のfaviconに変わってしまっていたので統一できてスッキリしました。
内蔵アイコンの「て」も良いですね!専用faviconを用意していないてがろぐの方で使おうと思います。
“改行されない文字列によって横スクロールが発生してしまう問題”、紹介していただいた解説なども拝読し、色々試した結果、とりあえず拙宅(宅?)のてがろぐでは
overflow-wrap: anywhere;
で対応してみることにしました。
皆さま、情報やコメントありがとうございました🙇
ファビコン単体を配布する予定はあるでしょうか。。。
折り畳み機能(details)で畳んだ範囲内にある画像が、RSSフィードやOGP+Twitter Cardに出力されているようです。
補足:「管理画面>設定>補助出力」では、og:imageに共通画像と代替画像を登録している状態ですが、もし私の環境に不備がありましたらすみません🙇♀️
名前付き1行単位フリースペースなど、面白い機能が続々登場していて試すのが楽しいです。いつもありがとうございます!
たしかCSSの設定によるものではなかったかと思います(半角英数の折り返し処理の仕方)
2025年6月 この範囲を時系列順で読む この範囲をファイルに出力する
🍨Re:52769◆そうですね。特にスキンの選択肢が増えているのがとてもありがたいです。私のデザイン能力は極めて低い位置に限界があるので。_(:3」z)_
🆕 Ver 4.6.4βの更新点(概要):
《▼新機能》
●「名前付き1行単位フリースペース」欄を追加。
●Faviconの設定機能を追加。
●画像拡大スクリプトを任意に指定する際、複数ファイルの読み込み指定を可能に。
《▼不具合修正》
❎検索文字列の先頭に空白があると文字化けする問題を解決。(全文検索でのハイライト表示処理の不具合を解消)
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:
(ツイート埋め込み処理中...)Twitterで見る