てがろぐ - Fumy Otegaru Memo Logger -

No.3782

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

by admin. ⌚2023年6月22日(木) 14:35:41〔2年以上前〕＜319文字＞編集

No.3779

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

by sakura. ⌚2023年6月20日(火) 13:57:50〔2年以上前〕＜1文字＞編集

No.3778

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

by tomoyo. ⌚2023年6月20日(火) 12:10:59〔2年以上前〕＜272文字＞編集

No.3775

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

by tomoyo. ⌚2023年6月18日(日) 21:50:55〔2年以上前〕＜232文字＞編集

No.3773

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

by tomoyo. ⌚2023年6月15日(木) 16:13:20〔2年以上前〕＜185文字＞編集

No.3772

テストテストテスト

by admin. ⌚2023年6月12日(月) 23:54:09〔2年以上前〕＜9文字＞編集

No.3771

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

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

by nishishi. ⌚2023年6月9日(金) 19:32:35〔2年以上前〕＜401文字＞編集

No.3770

🎉

by admin. ⌚2023年6月8日(木) 21:28:10〔2年以上前〕＜1文字＞編集

No.3768

あいうえお

by admin. ⌚2023年6月8日(木) 17:35:59〔2年以上前〕＜5文字＞編集

No.3767

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

by nishishi. ⌚2023年6月7日(水) 22:19:59〔2年以上前〕＜47文字＞編集

No.3766

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

by nishishi. ⌚2023年6月7日(水) 21:49:16〔2年以上前〕＜83文字＞編集

No.3765

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

（Instagram埋め込み処理中...）Instagramで見る

by nishishi. ⌚2023年6月7日(水) 21:45:31〔2年以上前〕＜81文字＞編集

No.3764

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

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

by nishishi. ⌚2023年6月7日(水) 21:45:17〔2年以上前〕＜348文字＞編集

No.3763

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

by sakura. ⌚2023年6月7日(水) 02:14:57〔2年以上前〕＜115文字＞編集

No.3762

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

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

◆多目的フリースペースに掲載する内容　にコピペ

<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;}

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

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

by tomoyo. ⌚2023年6月5日(月) 21:28:07〔2年以上前〕＜2416文字＞編集

No.3761

検索例：桜餅もちもち

by nishishi. ⌚2023年6月5日(月) 19:10:17〔2年以上前〕＜16文字＞編集

No.3759

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

by sakura. ⌚2023年6月5日(月) 11:48:56〔2年以上前〕＜175文字＞編集

No.3758

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

by admin. ⌚2023年6月5日(月) 04:53:11〔2年以上前〕＜71文字＞編集

No.3756

> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)

by tomoyo. ⌚2023年6月4日(日) 11:08:30〔2年以上前〕＜162文字＞編集

No.3755

>3754
インスタは馴染みがなく投稿の種類の違いもわからなくて？？？になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます！アプリで見てるとURLってなかなか意識できないですね…！
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？

by admin. ⌚2023年6月3日(土) 19:53:50〔2年以上前〕＜161文字＞編集

No.3753

テスト。

（Instagram埋め込み処理中...）Instagramで見る

by tomoyo. ⌚2023年6月2日(金) 16:27:28〔2年以上前〕＜22文字＞編集

No.3752

一人暮らしの父が亡くなったときに不要品を業者に回収してもらいましたが、父と顔見知りの業者に頼んだので依頼から1週間以内に全て回収してもらえました。やはりWebで依頼するより伝手を頼るのが良さそうですね。

by admin. ⌚2023年6月2日(金) 08:07:36〔2年以上前〕＜101文字＞編集

No.3751

テスト

（Instagram埋め込み処理中...）Instagramで見る

見えてますかね？

by admin. ⌚2023年6月2日(金) 07:20:44〔2年以上前〕＜40文字＞編集

No.3750

> チャットGPTが示した実在しない判例、NY弁護士が引用
と言う話、米国の刑事＆検察のドラマで、初期は検察や弁護士が自分の意見の正しさを主張するのに過去の判例を必ず引いてたのに、ここ10年くらいそういうやりとりが作中にまったく出なくなって、多分監修の方にそれほど力を入れなくなったか、単純に脚本にそこまで人力もお金も掛けない時代になったと言うことかもですが、リアルの弁護士の質ももしかして落ちてるのかもなあと思いました。
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。

チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。

by tomoyo. ⌚2023年6月1日(木) 13:27:23〔2年以上前〕＜302文字＞編集

No.3749

3748
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
   border-left: 3px solid #ccc;
   margin: 0 0 0 1em;
   padding-left: 1em;
}
この場合、「設定」＞「続きを読む・指定範囲を隠す共通設定」＞「展開する範囲の表示方法」をblockにしてください。

by tomoyo. ⌚2023年5月31日(水) 23:24:29〔2年以上前〕＜226文字＞編集

No.3748

>3746,>3747
ふんわり表示できました！
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。

非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。

by admin. ⌚2023年5月31日(水) 22:08:13〔2年以上前〕＜256文字＞編集

No.3747

3745,3746ぐいーっとは伸びませんが以下でふわーとは表示できます。いかがでしょうか？
.readmorearea{
   animation: appear .7s ease;
}
@keyframes appear {
   0%{
   opacity: 0;
   }
   100%{
   opacity: 1;
   }
}

ただ、近い将来display: none;にアニメーションをつけられる未来が来そうなので、それを待ってみてもいいかもしれませんね

by tomoyo. ⌚2023年5月31日(水) 01:09:43〔2年以上前〕＜259文字＞編集