てがろぐ
- Fumy Otegaru Memo Logger -
カテゴリ「カテゴリなし」の投稿［3931件］（37ページ目）
新着画像リストについてのご質問をしたものです。ご回答ありがとうございます。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、（私の理解が間違っていたら申し訳ないのですが）ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか？と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、（私の理解が間違っていたら申し訳ないのですが）ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか？と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
こんにちは。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか？
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか？
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
てがろぐのカレンダー、月や日のクラス名がふってあるんですね。今気がつきました。
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね！
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感！
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね！
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感！
テストテストテスト
『続きを読む』機能には、「ネタバレ部分だけを隠したい」という用途のほかに、「長くなるので後半は全部畳んでおきたい」みたいな用途で使われる場合もありますよね。たぶん。そういうときには、 <> を使うと楽です。わざわざ隠したい後半を全部選択してから [H:～～～] 記法で囲まなくても、本文中に <> の2文字を半角で書くと、それ以降がすべて隠されます。#🌱豆知識
（ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:～～～] 記法を使う必要がありますけども。）
※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
（ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:～～～] 記法を使う必要がありますけども。）
※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
🎉
あいうえお
とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。
Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
（Instagram埋め込み処理中...）Instagramで見る
Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても（ファイル名を維持する設定なら）そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト。
🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては（表示用のHTMLに展開する前の）データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。（少なくとも今の仕様では。）
🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては（表示用のHTMLに展開する前の）データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。（少なくとも今の仕様では。）
3759です。画像キャプションの要望の件、桜餅もちもちで検索して理解いたしました😉管理画面のところじゃなくて記事を投稿する欄から直接書けば本文に含まれるわけですね。
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑 #🌱豆知識
↓例
■やりかた
以下を設定＞フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<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;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
↓例
■やりかた
以下を設定＞フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<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;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
検索例：桜餅もちもち
開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
>3754
インスタは馴染みがなく投稿の種類の違いもわからなくて？？？になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます！アプリで見てるとURLってなかなか意識できないですね…！
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタは馴染みがなく投稿の種類の違いもわからなくて？？？になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます！アプリで見てるとURLってなかなか意識できないですね…！
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
テスト。
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
一人暮らしの父が亡くなったときに不要品を業者に回収してもらいましたが、父と顔見知りの業者に頼んだので依頼から1週間以内に全て回収してもらえました。やはりWebで依頼するより伝手を頼るのが良さそうですね。
テスト
見えてますかね？
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
見えてますかね？
> チャットGPTが示した実在しない判例、NY弁護士が引用
と言う話、米国の刑事＆検察のドラマで、初期は検察や弁護士が自分の意見の正しさを主張するのに過去の判例を必ず引いてたのに、ここ10年くらいそういうやりとりが作中にまったく出なくなって、多分監修の方にそれほど力を入れなくなったか、単純に脚本にそこまで人力もお金も掛けない時代になったと言うことかもですが、リアルの弁護士の質ももしかして落ちてるのかもなあと思いました。
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。
チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
と言う話、米国の刑事＆検察のドラマで、初期は検察や弁護士が自分の意見の正しさを主張するのに過去の判例を必ず引いてたのに、ここ10年くらいそういうやりとりが作中にまったく出なくなって、多分監修の方にそれほど力を入れなくなったか、単純に脚本にそこまで人力もお金も掛けない時代になったと言うことかもですが、リアルの弁護士の質ももしかして落ちてるのかもなあと思いました。
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。
チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
>3746,>3747
ふんわり表示できました！
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
ふんわり表示できました！
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
3745,3746ぐいーっとは伸びませんが以下でふわーとは表示できます。いかがでしょうか？
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
「続きを読む」ボタンでの表示非表示について、アニメーションでぐいーっと開いて折り畳むことってできるのでしょうか？
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか？
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか？
2/23の今日のひと言にある「デザイナーが描いたイラストだけを元にして、レスポンシブなHTML＋CSSをAIが自動生成できるようになる」はyotako が近いかもしれませんね
これはAdobe XDかFigmaからWordpressへの変換ですけど
これはAdobe XDかFigmaからWordpressへの変換ですけど
>>3738です。
私がてがろぐのバージョンを上げたのとほぼ同時だったのでてっきりサーバーとCGI相性の問題かと思ってしまいました😱
早とちり大変失礼しました。情報ありがとうございます！
私がてがろぐのバージョンを上げたのとほぼ同時だったのでてっきりサーバーとCGI相性の問題かと思ってしまいました😱
早とちり大変失礼しました。情報ありがとうございます！
>>3739ですが、サーバー障害でした。さくらインターネットさん全体ではなくてここに当てはまるサーバーが重いみたいです。早く直りますように！
https://support.sakura.ad.jp/mainte/mainteentry.php?id...
https://support.sakura.ad.jp/mainte/mainteentry.php?id...
この動作試験場のあるサーバーもさくらインターネットのはず。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132
