ギャラリー [262件](4ページ目)
Raspberry Pi 上に構築した Raspberry Pi OS + Apache2 での動作チェックです
OS のバージョンなど…
$ lsb_release -a
No LSB modules are available.
Distributor ID: Raspbian
Description: Raspbian GNU/Linux 10 (buster)
Release: 10
Codename: buster
Apache2 のバージョンなど…
$ apachectl -v
Server version: Apache/2.4.38 (Raspbian)
Server built: 2023-04-21T22:01:00
配布されていた「TegUp Ver 0.9.0」を解凍して「tegalog.cgi」と同じ場所に配置してブラウザから「tegup.php」を表示してみると…
「tegup.php」の内容がそのまま表示されました どうやら php が入ってないみたいな感じだったんで…
$ sudo apt install php
にて php をインストールしてみました
$ php -v
PHP 7.3.31-1~deb10u5 (cli) (built: Sep 4 2023 21:49:25) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.3.31, Copyright (c) 1998-2018 Zend Technologies
with Zend OPcache v7.3.31-1~deb10u5, Copyright (c) 1999-2018, by Zend Technologies
この状態から再びブラウザから「tegup.php」を表示してみたら…無事に動作したっていうか「てがろぐ本体お手軽アップデータ TegUp 0.9.0」が動作しました
なおもともと最新版だったようで「●このディレクトリで稼働中のバージョン: Ver. 4.1.0」との表示が出るだけでこれ以降の動作チェックすることはできませんでした まぁここまで来れば大丈夫っぽそうですかね
また「tegalog.cgi」がアップデートされた際に試してみようと思うので…引き続きの開発を楽しみに待ってますw
いつもありがとうございます ざっくりとですが「tegup.php」の動作報告でした
(モバイルChromeやPCでは問題なし)検索しても何も出てこないんでハッキリしないんですが…
キャッシュの削除やアプリの再インストールしても解決しません。OGPの画像タグを表示しなければ、faviconが表示されます。
こちらの公式てがろぐもfirefoxモバイルだとOGPの画像が表示されてます。
firefoxの問題っぽいですが、一応#報告 しておきます。どなたか解決方法をご存じでしたら教えてください。
🍫Re:4026◆情報をどうもありがとうございます。おかげさまで、カラフルボックスでのセットアップ手順を修正できました。mixhostもそうですが、標準モジュールもデフォルトでは入っていない仕様になっているというのは、もはや「CGIを使う」ということを積極的には考慮しない方針なんでしょうかね……。
🍫Re:4027◆Spotifyの埋め込みサイズは、管理画面の設定から自由に変更できますのでお試し下さい。660×175(px)にすると、だいたいApple Musicの埋め込みサイズと同じになると思います。てがろぐの設定では(従来からお使いの方々の表示が突然変わってしまわないように)Spotifyは「旧標準サイズ」がデフォルトになっていますが、今のSpotifyだとApple Musicのように「横長」が基本なようです。

🍨Re:3957◆この動作試験場ではUPできる画像のファイルサイズを最大500KBに制限しています。ご自身で設置してお使いになる場合は任意に設定できます(デフォルトでは無制限です)。
🍨Re:3958◆ご活用頂ければ幸いです。(╹◡╹)ノ
🍨Re:3960◆はい。個別鍵は投稿本文中のどこに書いても同じです。複数書くと鍵を複数個用意することもできます。なお、「鍵付きでも1行目だけは見せたい」という場合には『鍵が掛かっていても一部を見えるようにする設定方法』がありますのでご活用下さい。鍵の記載位置に関係なく、本文の1行目だけは常時見えるように設定できます。

なお、個別鍵の仕様については、「個別鍵を指定する操作方法」もご参照頂くと良いと思います。
本文中に表示されているカスタム絵文字をダブルクリックすると、その絵文字を表示させるためのコードをクリップボードにコピーする機能を加えました。次のβ版(4.0.5)からお使い頂けます。(設定でOFFにもできますが、デフォルトではONです。)
例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、[:takoyaki:]のようなコードがクリップボードに入ります。

頻繁に使っているカスタム絵文字なら、いちいちカスタム絵文字の一覧画面からコードをコピーしなくても、直近の投稿に表示されている絵文字をダブルクリックすることでコードをコピーできると楽で良いかな……と思いまして。
この機能をOFFにする場合は下図の場所で。

ここがONだと、カスタム絵文字が表示される場合に限って、「ダブルクリックでコードをクリップボードに格納する」処理をするJavaScriptが出力されます。(ここがONでも、そのページ内にカスタム絵文字が1つも存在しなければスクリプトは出力されません。)
▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(1)
➡ SVG画像をテキストエディタで開き、1行目にあるwidthとheightの値を書き換える。
例えば、<svg width="100%" height="100%" viewBox="0 0 32 32" ... のように書かれているなら、このようにすると、CSSに関係なくSVG画像は(iOSでも)横並びになってくれます。
ここを、<svg width="32" height="32" viewBox="0 0 32 32" ... のように書き換えます。
ここが、<svg width="100%" height="100%" viewBox="0 0 50 65" ... のように書かれているなら、
ここを、<svg width="50" height="65" viewBox="0 0 50 65" ... のように書き換えます。
▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(2)
➡ 横幅の最大値も制限するCSSを追記する。
デフォルト設定では、(カスタム絵文字に対して)てがろぐは style="width:auto; height:auto; max-height:2em; vertical-align:middle;" というCSSを挿入します。ここでは高さの最大値は指定されていますが、横幅の最大値は指定されていません。どうやらiOS版のSafariは、(SVG画像にwidth="100%"があるとき)描画空間として横幅100%を確保してしまうっぽいですね。なので、以下のCSSをスキン等に追記すれば解決します。
.cemoji img { max-width:2em; }
これで横幅も最大2文字分に制限されますので、下図の右側の通り、横に並んでくれました。
ただ、これだと、あらゆる絵文字の横幅が 2em になりますので、もし takoyaki だけに限定して適用したいなら、
.ce-takoyaki img { max-width:2em; }
のようにすると良いかもしれません。
個人的には、SVG画像のソースを書き換えた方が良いのではないかと思いますけども。大きく表示させたいケースがある場合には、SVGソースはそのままで、CSSで対処する方が良いかもしれませんが。
(たぶん、Safariの問題なんでしょうね……?)
🍘動作テスト:
➡ここでは、SVG画像のソースを直接書き換えたバージョンを置いています。
➡開発放言では、SVG画像はそのままで、CSSソースを追記して対処しています。
どちらもiOSで確認しても同じように横並びになっていました。
🍘注意:
上記の対策を施しても、iOS側でブラウザのキャッシュをクリアしないと表示に反映されないのでご注意下さい。
iOS版ブラウザにスーパーリロードの仕組みはないっぽいので、例えばここで紹介されている「閲覧履歴とタブを維持したい場合」の方法で操作するのが良いかもしれません。
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ(iPhone)で確認したところこちらは縦並べのままになっています。
(キャッシュクリア・複数ブラウザでも試しましたが同じく)
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
3838です。枠線についてありがとうございました!破線に変更できました。
また他の部分を変にしてしまい、日付一覧とRSSフィールド〜の背景色が消えてしまいました。
位置も左側に寄ってしまったのですが、直す箇所としてはCSSのサブ領域(日付別リスト)でしょうか?
画像保存用ディレクトリ内に、ファイル WS000013.jpg は見つかりませんでした。
画像保存用ディレクトリ内に、ファイル WS000014.jpg は見つかりませんでした。
🍨Re:3792◆末永くご愛用頂ければ幸いです!(╹◡╹)ノ
🍨Re:3793◆詳しいサポートをありがとうございます!
🍨Re:3795◆新着画像リストは、画像ファイルのタイムスタンプの新しい順に並びますので、タイムスタンプを変更すれば好きな順に並べられます。FTPソフトにファイルのタイムスタンプを任意に変更できる機能が付いている場合は話が早いですが、そうでない場合は、ローカルファイルのタイムスタンプを任意に変更できるファイラーなどのツールを使って画像ファイルのタイムスタンプを変更して、『タイムスタンプを維持したままアップロードできる』タイプのFTPソフトを使ってファイルをアップロードすれば、好きなように並べられます。

※FTPソフトでアップロードしたりタイムスタンプを変更したりした後は、一度、画像管理画面を表示させて下さい。そうしないと、画像インデックスファイルが書き換わらないので、新着画像リストが更新されませんから。
なお、新着画像リストは「新着」と言っていることと、「画像ファイルのタイムスタンプ順に並べる」という仕様なため、画像の差し替え機能ができても、新しくUPしたもの(差し替えたものも含めて)が先頭に出てくる仕様になると思います。なので、『新着ではないように見せたい』場合は、画像ファイルのタイムスタンプを古い日時に変更して『新着ではない日時』にして頂く必要があります。
「この範囲を時系列で読む」「この範囲をファイルに出力する」を消すには
管理画面の「設定」→「ページの表示」の「日付境界バーの挿入位置:」のところで設定することができます
画像添付します!
自由記述での機能要望で、既にできる機能の要望が書かれていましたので、ここで2件ほど回答しておきます。
▼GIF動画をUPしたい
➡ GIF形式の動画(=アニメーションGIF画像)は、今でもそのままGIF画像(=ファイル拡張子が.gifの画像ファイル)としてUPすれば表示されます。

▼Twitterに表示されるサムネイル画像を大きくしたい
➡ デフォルト設定では、投稿本文中に含まれる1枚目の画像が小さく表示されますが、大きく表示されるよう設定を変更できます。詳しくは、FAQページの「Twitterなどに(てがろぐの)URLが掲載された際に、画像のサムネイルが大きく表示されて欲しい場合の設定」をご覧下さい。
🍪Re:3778◆その理解で正しいです。同じ画像を使っている投稿が複数あれば、その画像は複数回出てきます。元々画像投稿機能自体がオマケ機能的な位置づけで実装されたこともあって、画像中心の動作にはなっていないのですよね。需要があることは(後になってから)分かりましたので、追々拡充したいとは思っています。どうする形が一番望ましいかは今のところ判断できていないのですけども。ギャラリーモードとは別に、画像だけを(指定スキンを使って)表示できるモードがあれば望ましいでしょうかね……?

🌽Re:3775◆1投稿に画像を1個ずつ掲載すれば、ギャラリーモードが事実上そのような動作になりそうに思いますが、そういうわけではないのですね? 現状では「新着投稿リストだけを表示するスキン」を作るくらいしか手がなさそうに思います。新着投稿リストは「個数制限をしない設定」はできませんが、掲載数の上限はスキン側でも指定できますので、[[IMAGELIST:100000]] のような充分大きな値を指定することで全部表示されるように作ることはできます。ただ、ページ分割ができないので、総数が多いとページが重たくなりそうな問題はありますが。
🌽Re:3776◆さんごよみに興味を持って下さってどうもありがとうございます。同じ内容のスケジュールの一括登録機能は、たしかにあると便利そうですね。ご要望をありがとうございます。さんごよみは、営業カレンダーとして活用されることも想定しているのですが(実際にそんな感じでも稼働しています)、その場合、営業とか臨時休業とか同じ内容をいくつも登録するケースも多々あるのですよね。同じ内容の一括登録機能があれば、なお便利になるな、と気付きました。ToDoリストに加えておきます。(╹◡╹)


↓例

■やりかた
以下を設定>フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v4H6V6z"/></svg></a>
<!--新規投稿画面へのリンク-->
<a href="tegalog.cgi?mode=edit" class="Login-Required skin-override-newpost skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022z"/><path d="M14.5 6.5l3 3"/></svg></a>
◆強制的に追加するCSS にコピペ
.skin-override-adminlink{position:fixed;top:0;right:0;}
.skin-override-newpost{position:fixed;top:34px;right:0;}
.skin-override-icon svg{width:32px;height:32px;z-index:2000;opacity:1;}
注意
1.Login-Requiredクラス(ログインしている管理人以外見えない)を機能させるために[[QUICKPOST]]がskin-cover.htmlに必要です。
2.フリースペースを利用しているので [[FREESPACE]] がskin-cover.htmlに必要です。
3.「▼上書きスタイルシートを出力する対象」の設定を「すべてのスキンに対して強制出力する」にしてください。
アイコンはMIT license のAkar Icons より
これでどのスキンも同じ場所に管理画面へのリンクと新規投稿リンクが表示されます。
アイコンの色を変えたいときはHTML内のstroke="currentColor"にお好きな色を。デフォルトではスキンのリンクカラーと同じ色になるはずです。
CSSのopacity: 1;の数字を0.6とかにすると透けます。
なお、個別記事への編集画面へのリンクを付け足したい場合はskin-onelog.htmlの下のほうに以下を足します。
■HTML
<!--編集画面へのリンク-->
<a href="[[EDITURL]]" class="Login-Required skin-override-editlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621z"/><path d="M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3"/></svg></a>
■CSS(スキンごとのCSSファイルでも、強制的に追加するCSSに追加してもどちらでも)
.toppage .skin-override-editlink{display:none;}
.onelog .skin-override-editlink{display:block;position:fixed;top:68px;right:0;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、
- [PICT:FIG(臨時キャプション):ファイルパス]
- [PICT:臨時代替文字:ファイルパス]

ver4.0.0の上書きスタイルシート機能のおかげで自由装飾タグを簡単に追加できるようになったのでとても重宝しています。
#要望 です。
ブログタイプスキンのように[[COMMENT:TITLE]]と[[COMMENT:BODY]]を使用し、記事本文の1行目に[PICT:]を挿入すると画像が表示されませんでした。
なので、画像が1行目でも表示されるようにしてほしいです(ついでに、現状だとTITLE部分が投稿番号が表示されるので、可能であれば画像の次の行がタイトルとして表示されるようになればいいなと思います)


画像を1行目にしなければいいだけの話なのですが、すでに1行目に[PICT:]を使用している記事がたくさんあるので、要望を出させていただきました。
この要望が不可能・もしくは機能として不要でしたら、諦めてXMLファイルを頑張って修正したいと思います。
ご一考の程よろしくお願いいたします。













