てがろぐ - Fumy Otegaru Memo Logger -

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

テストテストテスト

（ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:～～～] 記法を使う必要がありますけども。）

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

🎉

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

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

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

（ツイート埋め込み処理中...）Twitterで見る

あいうえお

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

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

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

にしし様、ご教授ありがとうございました。ギャラリー作ってみます!

↓例


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

◆多目的フリースペースに掲載する内容　にコピペ
<!--管理画面へのリンク-->
<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 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&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;}

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

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

検索例：桜餅もちもち

🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、

• [PICT:FIG(臨時キャプション):ファイルパス]
• [PICT:臨時代替文字:ファイルパス]

……のように、臨時キャプション・臨時代替文字を直接記述する記法を使えば、（それらの文字列が投稿本文に含まれるので）今のバージョンでも検索対象になります。

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

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

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

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

インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)

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

🍰Re:3747,3749◆図解付きサンプル提示をどうもありがとうございます！ カスタマイズ知見が貯まるのはたいへんありがたいです。
🍰Re:3748◆畳んだときに最初の位置が分からなくなる問題は確かにありますね。昔々にも要望は受けていたのですけども、良さそうな解決策を思いつけていません（>>2479,2482/R）。良さげな方法があると良いのですけどもね……。
🍰Re:3750◆弁護士なら頭は良い違いないだろうに、不思議です。^^; デジタルデバイスを叩きながら質問に回答してくれている各種専門家には、ChatGPTに尋ねていないか警戒が必要ですね。(笑)
🍰Re:3751◆InstagramのURLには www.instagram.com/p/(ID) だけでなく www.instagram.com/reel/(ID) というURLもあるんですねえ。/p/という文字列が含まれる場合に決め打ちしていましたので、今後のバージョンで対処します。
🍰Re:3752◆伝手は重要ですね。だいたい300～400kmくらい離れたところなら伝手があったんですけども、さすがに遠すぎました。(^_^;)

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

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

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

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

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

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

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

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

見えてますかね？

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

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

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

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

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

.readmorearea{
    animation: appear .7s ease;
  }
  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }

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

🍪Re:3736◆β版のご試用をどうもありがとうございます！ 全体的にお試し下さってありがたいです。また、開発放言への反応もありがとうございます。反応がないと需要レベルを判断できないのでとてもありがたいです。(╹◡╹)
🍪Re:3737◆新機能がお役に立ったようで良かったです。手動入力した投稿日時順に並び替える機能は、やはりそこそこ需要があったのですね。
🍪Re:3738-3743◆サーバの障害は珍しいですがゼロにはならないのでしょうねえ。てがろぐリンク集には、どこのサーバで動かしているのかの情報もあったら参考になって良さそうですね。^^;
🍪Re:3740◆てがろぐ的なページを「てがろぐ」という名称で認識されるようになるとちょっと嬉しいです。(^_^)
🍪Re:3741◆はい。ここも、さくらインターネットのサーバで動作しています。スタンダードプランですが。かなり前に契約したサーバなためか、今回の障害の対象ではなかったようですね。
🍪Re:3744◆デザインツールからの変換だと元データの方にいろんな情報があるのでそれなりにできるとは思うんですよね……。ただ1枚の絵（PNG画像とか）から「そこに何が描かれているのか、サイズを変更するとどう見栄えが変わるハズか」みたいなのもAIで判断できるようになる日が来ると（まさしく私がそういう仕事をしているので）仕事が減りそうだな、と思いました。(笑)

🍪Re:3745◆「続きを読む」ボタンの開閉はJavaScriptを使って対象のdisplayプロパティの値を直接切り替えているだけですので、現状の仕様では残念ながらそこにアニメーションを加えるカスタマイズの余地はなさそうかな……という気がします。「続きを読む」ボタンで隠された範囲を開閉するJavaScriptソース自体も好きなソースに差し替えられる機能を用意すると、開閉動作を自由にカスタマイズしやすくなって望ましいかも知れませんね。ちょっとその辺も考えてみます。
（➡もしかしたら現状でもCSSのアニメーション機能で何かする方法があるかも知れませんけども。その辺を何か試したことがある方がいらっしゃったら情報をお待ちしております。）

てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか？

これはAdobe XDかFigmaからWordpressへの変換ですけど