2026年1月 この範囲を時系列順で読む この範囲をファイルに出力する
いじれる項目がたくさんあって目が回りそうでしたが、使いこなせたらもっと楽しくなりそうです。勉強させていただきます。
🆕 Ver 4.7.4βの更新点(概要):
《▼新機能》
●投稿欄下部に「直近画像の選択」ボタンを追加。(※当日にUPした画像または最新から指定個数の画像のサムネイルが並び、押すとその画像の表示記法がカーソル位置に挿入される機能)
●既存ハッシュタグ簡単入力機能に、任意の項目を加えられる機能を追加。
●YouTubeの埋め込み仕様をプレイリストにも対応。
《▼仕様改善》
●YouTubeの埋め込み時にパラメータ「 rel=0 」を付加するよう改善。(※再生終了後に同チャンネル内の関連動画のみ表示)
●投稿可能な画像の拡張子リストのデフォルト値に avif を追加。(※既にセットアップされているてがろぐに対しては自動追加はされないので必要なら手動で追加する必要がある。)
●カスタム絵文字として指定可能な画像形式に avif を追加。
《▼スキン更新》
●QUICKPOSTに表示される「直近画像の選択」ボタン周り装飾用CSSを追加。(このCSSを加えないと、画像の下端がベースラインに揃うので上方向に偏って見える。)
《▼不具合修正》
❎丸括弧で終わっているURLにフラグメント( # 記号で始まるアンカー名)を付けたとき、URLの一部ではなくハッシュタグだと誤解釈してしまう不具合を修正。
❎上書きスタイルシート内に「 > 」記号が書けない不具合を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス:
Bluesky
mixi2
Mastodon(Pawoo)
Twitter:
(ツイート埋め込み処理中...)Twitterで見る
あれからPHPやJavascriptを独学で学んだり、WordPressのフックなどを学んだ末、最近ようやくてがろぐ内で表示させるWordPressのヘッダーとフッターの表示が満足いく仕様に近づいてまいりました。
また、自分で欲しかった機能として、
•クイックポスト内の投稿ボタン以外のボタン類をまとめてアコーディオン化して表示/非表示を切り替え
•ソースコード内のシンタックスハイライトの色分け
などがJQueryで実装できるようになってきました。
ない機能を力技で追加するのは作者さんとしては複雑に思われるかもしれませんが、
にししさんとてがろぐのおかげで少しずつプログラミングの作法を学べています。
あの時は本当にありがとうございました。
具体例についてはこの書き込みそのものがそうなのですが、繋げたいのは5629であって、5622については言及しただけで繋げたい訳ではない、といった具合です(そもそもこの投稿では5622へのリンク自体が不要なのですが、今回は例示のためです。ややこしくてすみません)。
その仕様よりは(現状うちでも暫定的な処置としてやっているので使い心地は分かるのですが)にししさんが繰り返し仰っている隠しタグを用いる方法の方が、ユーザー側で挙動を制御できる(今まで制御してきた)分まだ使いやすいと思います…
見当違いなことを言っていたら申し訳ないですが、今の番号リンクの仕様は今の「ただの番号リンク」(言及)として据え置きで、「繋げたい投稿」や「引用したい投稿」用の記法?を別途追加するのでは何か問題があるのですかね?
[>数字]や>>数字で番号リンクが作られるように、(記号は適当ですが)[*数字]で繋げる、["数字]で引用…といったような方法では駄目なのでしょうか?
一ユーザーとしての感覚ですし、元々そういう想定の機能でなかったのならこちらの問題で申し訳ないのですが、既存の番号リンクは方法がそれしかなかった分「返信」「引用」「言及」その他の混ざり物になっていますから、それを流用してしまうとどうしても、ですね…
あと実装時の希望なのですが、個人的には各投稿に「繋げて返信」「引用」のようなボタンと、繋げられた投稿の数や引用している投稿の数の表示と、引用についてはそれのみを表示するボタンも自動で付いてくれれば嬉しいです。(引用表示ボタンについては上記のような独自記法があればそれを検索するだけですが)
🍰Re:5621◆まだ「実装する気」云々の段階ではないのでストレートには回答しにくいのですが、基本的には「何も変わっていない」です。ツリーや引用に関しては、元々実装計画は特に立っていなくて「検討中の段階」ですから。
そもそも、スレッド式の掲示板は昔からありますから「ツリー表示」は別に𝕏独特の機能というわけでもないですしね。「引用」は表示形態によっては確かに𝕏独特と言えたかもしれませんが、「引用」という表現方法自体はどこにでもあるものですし。
年末の記事で、要望を実装する「優先度」の話をちょっと書きましたが、今のところ実装作業を計画していないのは、(元々そういう表示方法を考慮していないデータ形式だったこともあり)ここで説明している「🟣4」と「⚪5」の要素が低いから、という感じです。良さげな実装方法を思いつけば良いのですけども。畳む
🍰Re:5622◆あまり深くは考えていないので使えるかどうかハッキリとは分かりませんが、UnicodeのZero Width Space(ゼロ幅スペース)を使うと、わざわざ非表示用のCSSを活用しなくても「見えない区切り」を設けられそうな気がします。てがろぐ上では、数値文字参照を使って ​ と書くと使えます。(※幅がゼロの空白文字ですから、使ったところで目には見えませんけども。)もっとも、「余計な何らかの文字列を加えなければならない」という点では変わりありませんけども。(^_^;)
……とここまで書いて思ったんですが、もしかして ?ref=17 みたいなパラメータで、『「No.17自身」と「No.17へのリンクがある投稿」だけ』をまとめて閲覧できるような機能があれば良いんですかね……? というか、投稿単独ページ自体がそういう仕様になったら良いのかな……。(まあ、たとえそうなったとしても、投稿単独ページ以外のページではツリー表示にはならないわけですが。あと「繋げたい投稿への番号リンク」を書かないと繋がりませんけども。)
🍰Re:5623◆有益な情報をありがとうございます! 試してみます。
🍰Re:5624◆ネタがないときのプレースホルダ的な飲食ツイートにまさかの需要が。(笑) ありがとうございます。
🍰Re:5625◆ご指摘をありがとうございます! 確かに、QUICKPOSTを2つ置くと[機能]ボタンが機能しなくなりますね! そういえばここ最近は、QUICKPOSTを複数個置いた場合の動作テストをしていませんでした。こちらのローカルにあるソースでは修正しましたので、次に公開するβ版からは問題が解消します。もうしばらくお待ち願います。
🍰Re:5627◆ありがとうございます!
🍰Re:5628◆ありがとうございます~
5619で質問した者です。ご回答ありがとうございます!
教えていただいたスクリプトをIFの出し分けで個別表示の方に差し込むことで、無事個別ページの方だけ画像を原寸表示にすることができました。
IFでの出し分け、使ったことなかったのですが色々面白そうなので他にも使えないか色々試してみたいと思います。
一応公式の最新版てがろぐフルそのままにbeta版のファイルのみ上書きした状態で確認しました。が、おま環でしたらすいません……。
こちらは放っておいても一応大丈夫な類のエラーでしょうか?(今のところこちらでは普通に使えているっぽいですが)
追記:ふたつめ以降のクイックポストの「機能」ボタンが押せなくなってるぽいです。押しても読み上げなどのボタンが出てこない……。
複数のクイックポストを置いてるのでもし解決できそうでしたらお願いしたいです~。
にししさんがSNSで呟かれてる食べ物の話題が好きで、密かに楽しみにしております。スタバの新作もそこで知ったり…
ご多忙かと存じますがどうぞご自愛くださいませ。
にししさんが時折目の乾燥についてお話されているのを拝見するのですが、カワイ肝油ドロップの効能に目の乾燥緩和がありますので、味が苦手でなければおすすめです。
まだ改善の余地があると思って放置していましたが解説を見て使ってもらえそうなら解説記事を書いてみようと思います。
>>5609
ご推察の通り、記事ナンバーだけだと「No.1を検索したいのに10とか11とかも引っかかってきちゃう」ので、
区切りとして「[F:hidden::]」という隠し文字を入れています(CSSで.deco-hidden{display:none;}としています)。
区切り文字を隠さなくてもよければ>>記事ナンバーの直後に「:」などを入れ検索対象を「$pi=記事No;|>記事No:」としてもいいと思います😊
>>5610
昔からサイト作成している身からすればスキン式CGIの「○○サイトのような使い方も~」という文言は
デザインのことだと推測できるかと思ってましたがSNSやほか便利サイトがあって当然の世代からしたら
機能込みだと捉えられるかもというのは盲点だったかもと気づきを得ました😅
マストドンやミスキーを自分で建てるのはものすごくハードルが高そうなので(設置できてしまえばデフォルトで高機能でしょうけども)、
設置が簡単でシンプルにも多機能にも使え、スキンの作り方や工夫で拡張もできるてがろぐはありがたい存在だなと個人的には思っています!
昔(ガンブラー?などのウィルスが流行ったころくらいまで)はJSレスのほうが重くもならないだろうしいいのかなと思って勉強してこなかったんですが
時代的にもクライアントサイドでできることはしちゃっていいんだという気持ちも持てたタイミングでてがろぐに出会い
Javascriptをまじめに勉強するきっかけにもなって感謝しています🙏
🌲Re:5619◆投稿本文中に含まれている画像は、何らかのタグ等によって個別に出力されているわけではなく、てがろぐ本体の「本文出力機能」によって(他のテキストと併せて本文の一部として)一括で出力されていますので、(設定で『サムネイル画像があればサムネイルの方を表示』項目がONの状態なら)サムネイルが存在する場合にはサムネイルが出力されます。
(これを設定で防ぐには、[設定]→[ページの表示]→【投稿本文の表示/画像】で、『サムネイル画像があればサムネイルの方を表示』項目をOFFにするしかありませんが、そうすると、どんな場所でもサムネイルが出力されなくなりますので、お望みの動作とは異なりますね。)
幸い、『サムネイル画像のURLには必ず mini というディレクトリ名が含まれる』という前提条件がありますから、この仕様を利用することで、以下のJavaScriptを実行すると、サムネイルではなく原寸画像の方を強制的に表示させられます。(img要素のsrc属性値の中に /mini/ というディレクトリ名がある場合に、それを取り除く(=/に置き換える)処理をするスクリプトです。)
<script>
document.addEventListener("DOMContentLoaded", () => {
const images = document.querySelectorAll("img.embeddedimage");
images.forEach(img => {
const src = img.getAttribute("src");
if(src && src.includes("/mini/")) {
img.setAttribute("src", src.replace("/mini/", "/"));
}
});
});
</script>
これを、IF文での出力条件分けを使うなどして、投稿単独ページでのみ出力すれば、『投稿単独ページでは、サムネイルがあろうとなかろうと、常に原寸画像が表示される』という仕組みにできると思います。
てがろぐについて、画像フォルダの直下にminiフォルダを作成して同じ名前でサムネイルを作成すればサムネイルをクリックするとオリジナル画像が表示されるという機能がございますが、
サムネイルを使用している時に「画像の原寸大ファイルそのもの」を指定出来るような変数って存在しますでしょうか?
サムネイルを並べたギャラリーから個別ページに飛ばして、飛んだ先でオリジナルサイズを表示させる……というような運用をしたいのですが、
サムネイルを設定しているとサムネイルそのもののURLかサムネイルをいったん表示させてからLightboxで原寸サイズを表示させる方法しかわからず。
miniフォルダを削除してCSSで画像サイズを制御するのが手っ取り早そうなのですが画像が増えてきて読み込みに時間がかかっているようなので、できればサムネから飛ばす運用にしたいです。
ヘルプページの「【投稿本文に含まれる画像関連要素】」の項目は一通り確認したのですがみつからなかったのでご質問させていただきました。
どこかに載っているようでしたら初歩的な質問となり申し訳ありません…!ないようでしたら追加をご検討いただけますと幸いです。
ご報告をどうもありがとうございます。やはりCGIの使用が許可されていないのですね。残念……!
台湾のレンタルサーバ事情に関しては知識がないので、具体的な会社の選択肢は提示できないのですが、次にサーバを検討する際には、「CGIが実行可能」という他に、以下の2点にもご注意下さい。
- Perl 5.6 以上が使える。
- Perlに、「CGIモジュール」と「Time::Localモジュール」がインストールされている。
※少なくとも日本の場合では、CGIの実行が許可されているレンタルサーバなら、多くのサーバが①も②も満たしています。
分かりました、西村さん、本当にありがとうございます。
もし無事に解決できたら、また投稿して報告します。
--
更新
サーバ側の返信によると、cPanel現在cgiについて許可されていないだそうです。
てがろぐを使うため、契約しましたのに、残念の結果になりました。
今後、また他の設置できんるサーバーを探します。ありがとうございます。
なかなか珍しい動作ですね。
そうなると、サーバ側のサポート窓口に「どうすればCGIが実行できるのか?」を質問してみる以外に対処方法はないと思います。
なんとなく、CGIの実行が許可されていない気がします。
- 元々CGIの使用を許可していないサーバである。
- CGIは使用可能だが、今の契約状況では許可されていない。(試用期間中など)
- CGIを使うためには、コントロールパネル等から事前に設定が必要。
何にせよ、サポート窓口に問い合わせてみて下さい。
test.cgiアップロードしてみました。
パーミッションを700設定したら、同じく「403 Forbidden」になりましたけど、
705や755の場合、クセスしてみるとtest.cgiダウンロードができるようになりました(←これの日本語が分かりません…すみません)
サーバ側にも聞いてみます。
いろいろ教えてくれてありがとうございます🙏
なるほど、tegup.phpに普通にアクセスできることや、skin-cover.htmlにもアクセスできることから考えて、設置方法やアクセス位置には問題なさそうですね。出ているエラーは「500 Internal Server Error」ではなく「403 Forbidden」なのですよね? そうだとすると、最も可能性の高い原因は、パーミッション不足です。他にも、「.htaccessで制限されている」、「CGIの実行が禁止されている」、「WAF(Web Application Firewall)でブロックされている」などの可能性もありますが。
「てがろぐ」だけに発生する問題なのか、「Perlで書かれたCGI全般」に発生する問題なのかを区別するために、以下の3行をテキストエディタで test.cgi などのファイル名で保存して、サーバにUPして、パーミッションを700(または705や755)に設定してから、ブラウザでアクセスしてみて下さい。
#! /usr/bin/env perl
print "Content-Type: text/html\n\n";
print "<h1>Perl CGI OK!</h1>";
これでも 403 Forbidden エラーが出る場合は、お使いのWebサーバのサポート窓口に、「CGIの実行ファイルに設定するパーミッションの正確な値」を問い合わせる必要があります。もしかすると、そのサーバ独特の値に設定しないといけない制約があるのかもしれません。
もし、上位のディレクトリに .htaccess ファイルがある場合は、一時的に削除(リネームでも可)してから試してみて下さい。
1. https://yuanjhen.com/ こちら、台湾のサーバー会社なんです
2. はい、可能だと思います。実はtegup.phpは普通にアクセスできます
3. https://自分のアカウント.com/作ったフォルダ名/tegalog.cgi でアクセスしました
4. アクセスできますけど、ちょっと文字化けみたいな感じになっています。画像はアップロードしました。
以上、よろしくお願いします
🍰Re:5611◆おぉ、海外からのご活用をありがとうございます。以下の点を教えて頂ければ、何らかの回答ができるかもしれません。
- どこのサーバ会社をお使いですか?
- そのサーバ会社では、CGI(Perl)の使用は許可されていますか?
- どんなURLにアクセスしていますか?
- 例えば、skin-cover.html に直接アクセスしてみたときには、エラーにならずにスキンが表示されますか?(もしエラーが出るなら、そのエラー内容を教えて下さい。)
設置の時、どのパーミッションの組み合わせでも試しましたけど、どうしても403 Forbiddenになりました。
間違いなくtegalog.cgi にアクセスしていますのに……
たぶんsuEXECを採用されてるサーバーなんです。
もしよかったら、解決策を教えていただけないでしょうか?
外国人なので、もし日本語はどこがおかしい所があれば、大目に見てください。
ありがとうございます。
🍰Re:5604◆ありがとうございます~!(╹◡╹)ノ
🍰Re:5605◆いくつでも書いて大丈夫です。^^ 解説ありがとうございます。参考にします。
🍰Re:5606◆ケーキも食べましょう。もしくはたこ焼きを……。
🍰Re:5607◆自サイトに設置できて𝕏の代わりになるシステムといえばMastodonやMisskeyですよね。MastodonもMisskeyも自サーバに設置して(他者のアカウント開設を受け入れなければ)自分専用で使えます。実際にそうして「お一人様Mastodon/Misskey」を使っている方々もたくさんいらっしゃいますし。「そこまで大規模なものは要らない」と思われる方もいらっしゃるでしょうけども、𝕏に匹敵する機能を備えればそうなる、ということでもあります(たぶん)。
てがろぐの本質は、2000年代から存在する「掲示板CGI」ですから、𝕏に機能を寄せると言っても極めて浅いレベルで限界があります。システム的には単に「掲示板の見た目をちょっとSNS寄りっぽい感じにした」というだけのことですからね。しかもデータ管理にデータベースを使っていない上に、モジュールを2つしか読まないPerlで書かれているシステムですし。(理由は「動作要件を低く抑えるため」です。)
「CGIを設置して使おう」と考える人々は、その辺の技術レベル感は理解しているもの、という前提で(当初は)居ましたけども、てがろぐを使うために初めてサーバを契約するという方も最近はいらっしゃるようですから、確かに「期待させすぎるのはよくない」とは言えるかもしれませんね。
昔々そのまた昔、自サイトに通販機能を付けたいというクライアントさんから、「ちょっとAmazonみたいなやつを作ってくれたらええねんで」と言われたときのことを思い出しました。┌(:3」└)┐
なお、現状の標準機能でそれっぽい動作にするには、ツリー表示には隠れハッシュタグ機能を、引用表示にはOGPカードリンク機能を使って頂くくらいかな、と思います。
🍰Re:5608◆いつも有用な情報とツールをありがとうございます。検索機能を活用したツリー表示はなかなかアクロバット感のある実現方法で感心しました。JavaScriptでの引用も自然な感じで合成できていますね。私から要望するのはやや筋が違う気もしますが、解説は読んでみたいです。^^
5607さんではありませんが、ツリー表示を10pressさんを参考に自分のサイトでもやってみようとしたんですが上手くいかなかったのでぜひ解説お聞きしたいです…!
自サイトで上手くいかなかった原因は記事ナンバーリンクの後に[が来てないからかな?とぼんやり推測してます🤔 かといって[を検索条件から消すとNo.1を検索したいのに10とか11とかも引っかかってきちゃうのでどうしようかな~と詰まってました🙇
カスタマイズOKであれば解説を聞いて自サイトでも使えるように変更して使ってみたいなと思ってます!
返信メール確認しました!お返事ありがとうございます。
>>5607
ツリーや引用みたいなものはスキンの書き方を工夫することでも実装できます~
手前味噌で申し訳ないですが
https://10prs.com/tegalog-cms/?q=%24pi%3D17%3B%7C%3E17...
を見てみてください。引用表示部分はjavascript、ツリーのような表示は検索機能を利用しています。
ログインして記事を見るとクイックポストのテキストエリアに記事Noを自動で入力するボタンが表示されます。
公式での実装じゃないと嫌ということであればスルーしてください👌
要望があれば自サイトで解説や配布もしたいです(引用みたいなものは一部配布スキンに組み込んでいます)
機能をXに近づけたらああいうのがもっと流入してくる可能性があるってことですよね。
ツリーとか引用とかそのまんま私も待望してる機能なのでドキッとしてしまいました…





