てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

2023年6月 この範囲を時系列順で読む この範囲をファイルに出力する

常に動き続けるアニメーションGIFをアップロードすると、新着画像リストがずいぶん煩くなるな……。(^_^;;;
(55文字) No.3791 at by NO IMAGE にしし
追加検討機能リストへの投票をどうもありがとうございます。メッセージを下さった方や、珈琲チケットを付けて下さった方もどうもありがとうございます!
自由記述での機能要望で、既にできる機能の要望が書かれていましたので、ここで2件ほど回答しておきます。

▼GIF動画をUPしたい
GIF形式の動画(=アニメーションGIF画像)は、今でもそのままGIF画像(=ファイル拡張子が.gifの画像ファイル)としてUPすれば表示されます。
20230627235048-nishishi.gif

▼Twitterに表示されるサムネイル画像を大きくしたい
デフォルト設定では、投稿本文中に含まれる1枚目の画像が小さく表示されますが、大きく表示されるよう設定を変更できます。詳しくは、FAQページの「Twitterなどに(てがろぐの)URLが掲載された際に、画像のサムネイルが大きく表示されて欲しい場合の設定」をご覧下さい。
(449文字) No.3790 回答/返信 at by NO IMAGE にしし
てがろぐ追加機能の検討候補がたくさん増えてきましたので、次に何の機能を追加開発しようかな……と迷いつつあります。
で、最近はユーザさんも増えてきたような気配がしていますので、望みの機能(検討候補)に投票して頂いて、その得票数を参考に検討したら良いかな……と思いまして、追加検討機能リストと投票フォームを用意してみました。
お望みの機能への投票にご協力頂ければ、開発検討の参考になってたいへんありがたいです。

ぜひ、よろしくお願い致しますです。(╹◡╹)ノ
(229文字) No.3789 情報 at by NO IMAGE にしし
カカオ85%チョコの備蓄が切れそうだったので1袋追加を買ってきました。🍫🍫🍫

🍯Re:3782◆ギャラリーモードとは別に、イメージリストモードみたいな別モードを新設して、アップロードされた画像だけをずらっと(スキン式で)表示できる機能を作るのが良さそうだな……という気もしてきました。
🍯Re:3783◆詳しく仕様を理解して下さってありがとうございます!(╹◡╹)ノ
🍯Re:3784◆やっぱり以前は新着画像リストでもサムネイルが表示されていましたよね!?!?!? やっぱり。なんで今はその機能が消えてしまっているのか……。いつから消えちゃったのかな……。サムネイル画像を画像管理画面から登録できるような機能も含めて、その辺も実装し直した方がいいかな、という気もしています。情報ありがとうございます!
🍯Re:3787◆もし画像が1000個ある場合、新着画像リストだと(ページ分割がないので)1000ファイルに同時にアクセスしようとすることになるので、まあやっぱり重たくなりますよね。(^_^;)
追加機能検討投票の得票数を参考にして次に実装する機能を検討しようかと思っていますので、よろしければご投票頂ければ幸いです。
(536文字) No.3788 回答/返信 at by NO IMAGE にしし
新着画像リストで10万個表示を試してみましたが、すごく重くなってなかなか開けなかったのでやめました。
私はてがろぐ初心者で、他に自作スキンで手をつけるところもあるので、今のところは望む表現を諦めました。でも、いつか簡単にできるようになればやってみたいです。
個人的な理想の要望としては、別スキン別ページで、「画像」をバーっと一覧表示できて、次の50件/前の50件みたいな感じにページ分割ができたら最強だなと思いますね〜。
(210文字) No.3787 at by Icon of sakura さくら
>>3785
ご存じでしたか、差し出がましかったですねすみません。確かにデザインは工夫が必要になりそうですね。
(55文字) No.3786 at by Icon of admin あどみ
3782ですが[[COMMENT:PICTS]]でギャラリー作ってます
個別投稿じゃなく一覧表示で1ページ中(例えば10件表示の場合)に画像がすごく多い投稿が混ざったりするとページによって表示画像の数がブレて(最小10画像ですけど多いと23画像とか半端な数になり)タイルデザインとかだと崩れませんか?っていう話なんですがなんか変なこと言ってたらごめんなさい
(178文字) No.3785 at by Icon of admin あどみ
>>3781
あとこちらの「サムネイル画像もアップロードされていれば、サムネイルの方を表示する」はサムネイル機能登場時は新着画像リストにも適用される仕様でした!
(80文字) No.3784 at by Icon of admin あどみ
ギャラリーモードで記事本文内の画像を全部表示するのはスキンの書き方で可能です。
gallery/skin-onelog.html内の[[ONEPICT:1]]を[[COMMENT:PICTS]]に変更すれば記事本文内の画像すべてを抽出して出力してくれるはずです。
手前味噌で申し訳ありませんがサンプルとして自作スキンを適用したURLも載せておきますので参考になれば幸いです。
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-...
(253文字) No.3783 at by Icon of admin あどみ
便乗なっちゃうんですが私も一投稿に複数画像載せることが多いのでギャラリーモードに先頭画像だけじゃなく全部の画像が表示される設定とかあったらうれしいなと思ってました(が確かに同じ画像があったら重複表示されちゃいますね…)
本文非表示にしたスキン作ってギャラリーとして使ってますが、1ページに表示されるのが投稿単位でのカウントなのでページによって画像の数がブレるのがデザイン上気になるといえば気になるかなーって感じです
今のままでもいい感じに運用できてるので要望ってほどではないんですが似た話題かなと思ったのでお邪魔しました
新着画像リストを活用する方法は思い至らなかったのでこっちも触ってみようと思います 横からですがありがとうございます!
(319文字) No.3782 at by Icon of admin あどみ
あれ……? 「サムネイル画像もアップロードされていれば、サムネイルの方を表示する」という機能は、たしか新着画像リストにも適用される仕様だったような気がするのですけども、気のせいだったかな……? それとも、画像管理方法のアップデートの過程で、機能が失われてしまった……?(どなたか覚えている方はいらっしゃいます?^^;)
(159文字) No.3781 つぶやきつぶやき at by NO IMAGE にしし
時々、無性にゴーフルが食べたくなります。

🍪Re:3778◆その理解で正しいです。同じ画像を使っている投稿が複数あれば、その画像は複数回出てきます。元々画像投稿機能自体がオマケ機能的な位置づけで実装されたこともあって、画像中心の動作にはなっていないのですよね。需要があることは(後になってから)分かりましたので、追々拡充したいとは思っています。どうする形が一番望ましいかは今のところ判断できていないのですけども。ギャラリーモードとは別に、画像だけを(指定スキンを使って)表示できるモードがあれば望ましいでしょうかね……?

ゴーフル的なもの
ゴーフル的なもの

(264文字) No.3780 回答/返信 at by NO IMAGE にしし
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3779 at by Icon of sakura さくら
新着画像リストについてのご質問をしたものです。ご回答ありがとうございます。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、(私の理解が間違っていたら申し訳ないのですが)ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか?と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
(272文字) No.3778 at by Icon of tomoyo ともよ
エアリアル、焼きとうもろこし味とコーンポタージュ味はどこで販売されているのか……。🌽🌽🌽

🌽Re:3775◆1投稿に画像を1個ずつ掲載すれば、ギャラリーモードが事実上そのような動作になりそうに思いますが、そういうわけではないのですね? 現状では「新着投稿リストだけを表示するスキン」を作るくらいしか手がなさそうに思います。新着投稿リストは「個数制限をしない設定」はできませんが、掲載数の上限はスキン側でも指定できますので、[[IMAGELIST:100000]] のような充分大きな値を指定することで全部表示されるように作ることはできます。ただ、ページ分割ができないので、総数が多いとページが重たくなりそうな問題はありますが。

🌽Re:3776さんごよみに興味を持って下さってどうもありがとうございます。同じ内容のスケジュールの一括登録機能は、たしかにあると便利そうですね。ご要望をありがとうございます。さんごよみは、営業カレンダーとして活用されることも想定しているのですが(実際にそんな感じでも稼働しています)、その場合、営業とか臨時休業とか同じ内容をいくつも登録するケースも多々あるのですよね。同じ内容の一括登録機能があれば、なお便利になるな、と気付きました。ToDoリストに加えておきます。(╹◡╹)

エアリアル しお味
エアリアル しお味
エアリアル 濃厚チェダーチーズ味
エアリアル 濃厚チェダーチーズ味
(608文字) No.3777 回答/返信 at by NO IMAGE にしし
いつも大変便利に使わせて頂いているてがろぐがベースということで、さんごよみにも興味が湧いてます。動作サンプルやローカルに設置して触ってみて、こういう機能があったら私も本格的にさんごよみを活用出来そうだなと思い、要望です。

スケジュールを1日ずつ登録するのではなく、月単位での指定期間内の「毎週⚫︎曜日」「毎月n日」「第⚪︎月曜日」「毎月最後の△曜日」「毎月最終日」みたいな条件を設定した上で、同じ内容のスケジュールを一括登録したいです。祝日/休日/記念日登録機能でやっていることをスケジュール登録でやるようなイメージと言いましょうか…
例えば、

☀️2023年1月から2024年1月までの毎週水曜日全部に「Aの案件をやる」という概要が記入されたスケジュールを一括登録
☀️2023年2月から4月の毎月第3火曜日全部に「Bの案件をやる」という概要(以下同文)

…みたいな感じです。
かなり複雑で大変そうですし、もし実現可能そうでしたらで全然構いませんので要望の1つとして記憶して頂けると幸いです🙇
(450文字) No.3776 質問/要望 at by Icon of tomoyo ともよ
こんにちは。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか?
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
(232文字) No.3775 at by Icon of tomoyo ともよ
抹茶カステラを食べました。🍵

🍵Re:3773◆はい。年・月・日・週・曜日にclass名を振ってあります。ご活用頂ければ幸いです。なお、それと同じパターンでclass名を振ってあるスケジュール・カレンダー生成CGI「さんごよみ」もぜひよろしくです。(╹◡╹)ノ
(173文字) No.3774 回答/返信 at by NO IMAGE にしし
てがろぐのカレンダー、月や日のクラス名がふってあるんですね。今気がつきました。
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね!
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感!
(185文字) No.3773 at by Icon of tomoyo ともよ
テストテストテスト
(9文字) No.3772 at by Icon of admin あどみ
『続きを読む』機能には、「ネタバレ部分だけを隠したい」という用途のほかに、「長くなるので後半は全部畳んでおきたい」みたいな用途で使われる場合もありますよね。たぶん。そういうときには、 <> を使うと楽です。わざわざ隠したい後半を全部選択してから [H:~~~] 記法で囲まなくても、本文中に <> の2文字を半角で書くと、それ以降がすべて隠されます。#🌱豆知識
(ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:~~~] 記法を使う必要がありますけども。)

※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
(401文字) No.3771 at by NO IMAGE にしし
🎉
(1文字) No.3770 at by Icon of admin あどみ
開発進捗状況報告サイトで、てがろぐ Ver 4.0.2(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.0.2βの更新点(概要):
《▼新機能》
●Apple Musicの配信音楽の埋め込み機能。
●Instagramのリール動画の埋め込み機能。
●色指定時の記法を拡張(RGBAカラーモデルを使った「透明度も含んだ色」も指定可能に。RGB値を10進数でも指定可能に。16進数のRGB値を3桁でも指定可能に。)
●画像ファイル名維持UP仕様の緩和:画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるように。

《仕様改善》
●Spotifyの埋め込み領域を囲むspan要素のclass名を「embeddedmusic」から「embeddedmusic embeddedspotify」に拡張。(Apple Musicの埋め込みと区別するため)

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

(482文字) No.3769 アップデート✨ at by NO IMAGE にしし
あいうえお
(5文字) No.3768 at by Icon of admin あどみ
とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。
(47文字) No.3767 at by NO IMAGE にしし
Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)


(83文字) No.3766 at by NO IMAGE にしし
URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
(Instagram埋め込み処理中...)Instagramで見る
(81文字) No.3765 at by NO IMAGE にしし
Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト。

🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては(表示用のHTMLに展開する前の)データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。(少なくとも今の仕様では。)
(348文字) No.3764 at by NO IMAGE にしし
3759です。画像キャプションの要望の件、桜餅もちもちで検索して理解いたしました😉管理画面のところじゃなくて記事を投稿する欄から直接書けば本文に含まれるわけですね。
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
(115文字) No.3763 at by Icon of sakura さくら
管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑 #🌱豆知識
↓例
link.png

■やりかた
以下を設定>フリースペースにコピーする。

◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; 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&quot; 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 licenseAkar 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&quot; 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;}


個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。

以上です。何かミスがあったらごめんなさい。畳む
(2416文字) No.3762 at by Icon of tomoyo ともよ

■複合検索:

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

■日付一覧:

■カレンダー:

2023年6月
123
45678910
11121314151617
18192021222324
252627282930

■最近の投稿:

■新着画像リスト:

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

全318個 (総容量 36.17MB)

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