てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

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

>>3785
ご存じでしたか、差し出がましかったですねすみません。確かにデザインは工夫が必要になりそうですね。

by admin. <55文字> 編集

3782ですが[[COMMENT:PICTS]]でギャラリー作ってます
個別投稿じゃなく一覧表示で1ページ中(例えば10件表示の場合)に画像がすごく多い投稿が混ざったりするとページによって表示画像の数がブレて(最小10画像ですけど多いと23画像とか半端な数になり)タイルデザインとかだと崩れませんか?っていう話なんですがなんか変なこと言ってたらごめんなさい

by admin. <178文字> 編集

>>3781
あとこちらの「サムネイル画像もアップロードされていれば、サムネイルの方を表示する」はサムネイル機能登場時は新着画像リストにも適用される仕様でした!

by admin. <80文字> 編集

ギャラリーモードで記事本文内の画像を全部表示するのはスキンの書き方で可能です。
gallery/skin-onelog.html内の[[ONEPICT:1]]を[[COMMENT:PICTS]]に変更すれば記事本文内の画像すべてを抽出して出力してくれるはずです。
手前味噌で申し訳ありませんがサンプルとして自作スキンを適用したURLも載せておきますので参考になれば幸いです。
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-...

by admin. <253文字> 編集

便乗なっちゃうんですが私も一投稿に複数画像載せることが多いのでギャラリーモードに先頭画像だけじゃなく全部の画像が表示される設定とかあったらうれしいなと思ってました(が確かに同じ画像があったら重複表示されちゃいますね…)
本文非表示にしたスキン作ってギャラリーとして使ってますが、1ページに表示されるのが投稿単位でのカウントなのでページによって画像の数がブレるのがデザイン上気になるといえば気になるかなーって感じです
今のままでもいい感じに運用できてるので要望ってほどではないんですが似た話題かなと思ったのでお邪魔しました
新着画像リストを活用する方法は思い至らなかったのでこっちも触ってみようと思います 横からですがありがとうございます!

by admin. <319文字> 編集

あれ……? 「サムネイル画像もアップロードされていれば、サムネイルの方を表示する」という機能は、たしか新着画像リストにも適用される仕様だったような気がするのですけども、気のせいだったかな……? それとも、画像管理方法のアップデートの過程で、機能が失われてしまった……?(どなたか覚えている方はいらっしゃいます?^^;)

by nishishi. つぶやきつぶやき <159文字> 編集

時々、無性にゴーフルが食べたくなります。

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

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

by nishishi. 回答/返信 <264文字> 編集

Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

by sakura. <1文字> 編集

新着画像リストについてのご質問をしたものです。ご回答ありがとうございます。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、(私の理解が間違っていたら申し訳ないのですが)ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか?と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。

by tomoyo. <272文字> 編集

エアリアル、焼きとうもろこし味とコーンポタージュ味はどこで販売されているのか……。🌽🌽🌽

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

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

エアリアル しお味
エアリアル しお味
エアリアル 濃厚チェダーチーズ味
エアリアル 濃厚チェダーチーズ味

by nishishi. 回答/返信 <608文字> 編集

いつも大変便利に使わせて頂いているてがろぐがベースということで、さんごよみにも興味が湧いてます。動作サンプルやローカルに設置して触ってみて、こういう機能があったら私も本格的にさんごよみを活用出来そうだなと思い、要望です。

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

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

…みたいな感じです。
かなり複雑で大変そうですし、もし実現可能そうでしたらで全然構いませんので要望の1つとして記憶して頂けると幸いです🙇

by tomoyo. 質問/要望 <450文字> 編集

こんにちは。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか?
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。

by tomoyo. <232文字> 編集

抹茶カステラを食べました。🍵

🍵Re:3773◆はい。年・月・日・週・曜日にclass名を振ってあります。ご活用頂ければ幸いです。なお、それと同じパターンでclass名を振ってあるスケジュール・カレンダー生成CGI「さんごよみ」もぜひよろしくです。(╹◡╹)ノ

by nishishi. 回答/返信 <173文字> 編集

てがろぐのカレンダー、月や日のクラス名がふってあるんですね。今気がつきました。
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね!
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感!

by tomoyo. <185文字> 編集

『続きを読む』機能には、「ネタバレ部分だけを隠したい」という用途のほかに、「長くなるので後半は全部畳んでおきたい」みたいな用途で使われる場合もありますよね。たぶん。そういうときには、 <> を使うと楽です。わざわざ隠したい後半を全部選択してから [H:~~~] 記法で囲まなくても、本文中に <> の2文字を半角で書くと、それ以降がすべて隠されます。#🌱豆知識
(ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:~~~] 記法を使う必要がありますけども。)

※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。

by nishishi. <401文字> 編集

開発進捗状況報告サイトで、てがろぐ 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の埋め込みと区別するため)

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

by nishishi. アップデート✨ <482文字> 編集

とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。

by nishishi. <47文字> 編集

Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)


by nishishi. <83文字> 編集

URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
(Instagram埋め込み処理中...)Instagramで見る

by nishishi. <81文字> 編集

Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト。

🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては(表示用のHTMLに展開する前の)データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。(少なくとも今の仕様では。)

by nishishi. <348文字> 編集

3759です。画像キャプションの要望の件、桜餅もちもちで検索して理解いたしました😉管理画面のところじゃなくて記事を投稿する欄から直接書けば本文に含まれるわけですね。
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!

by sakura. <115文字> 編集

管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑 #🌱豆知識
↓例
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;}


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

以上です。何かミスがあったらごめんなさい。畳む

by tomoyo. <2416文字> 編集

久しぶりにカレーパンを食べました。🍛🍞

🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、
  • [PICT:FIG(臨時キャプション):ファイルパス]
  • [PICT:臨時代替文字:ファイルパス]
……のように、臨時キャプション・臨時代替文字を直接記述する記法を使えば、(それらの文字列が投稿本文に含まれるので)今のバージョンでも検索対象になります。

桜餅もちもち検索対象キャプション
桜餅もちもち検索対象キャプション

by nishishi. 回答/返信 <247文字> 編集

開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望

by sakura. <175文字> 編集

>3756 >3757
解説ありがとうございます!確かにSafariで表示されてないときchromeからだと読み込めてました!

by admin. <71文字> 編集

もう6月4日……? 何もしていないのに日が過ぎていく……。┌(:3」└)┐

🍰Re:3755,3756◆はい。「埋め込み処理中」のまま表示されないのは主にInstagram側の問題です。Instagramの埋め込みは、Webページ側ではInstagramのURLを指定書式でマークアップしているだけで、実際の展開は「Instagram側の公式スクリプト https://www.instagram.com/embed.js 」が実行しています。なので、表示できないケースがあるのは(瞬間的にアクセスが集中したとかで)公式スクリプト側が処理してくれなかった(=Instagram側が反応しなかった)とか何かそんな理由でしょう。たいていは読み込み直せば表示されるのではないかと思いますが、混雑が理由ならあまり頻繁には読み込み直さない方が良い気もします。

なお、Instagramとは違ってTwitterの埋め込みの場合は、元のツイートが消えている場合にも「埋め込み処理中」のまま変わらなくなります。(Twitter側のスクリプトがそういう仕様だからです。)

by nishishi. 回答/返信 <492文字> 編集

DASHBOARD

■複合検索:

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

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■日付一覧:

■日付検索:

■カレンダー:

2023年6月
123
45678910
11121314151617
18192021222324
252627282930

■最近の投稿:

■フリースペース:

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

編集

▼現在の表示条件での投稿総数:

5106件

▼最後に投稿または編集した日時:

2025年6月29日(日) 22:21:57〔8時間前〕

RSSフィード

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