てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

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

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

スケジュールを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 ともよ
検索例:桜餅もちもち
(16文字) No.3761 at by NO IMAGE にしし
久しぶりにカレーパンを食べました。🍛🍞

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

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

(247文字) No.3760 回答/返信 at by NO IMAGE にしし
開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
(175文字) No.3759 at by Icon of sakura さくら
>3756 >3757
解説ありがとうございます!確かにSafariで表示されてないときchromeからだと読み込めてました!
(71文字) No.3758 at by Icon of admin あどみ
もう6月4日……? 何もしていないのに日が過ぎていく……。┌(:3」└)┐

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

なお、Instagramとは違ってTwitterの埋め込みの場合は、元のツイートが消えている場合にも「埋め込み処理中」のまま変わらなくなります。(Twitter側のスクリプトがそういう仕様だからです。)
(492文字) No.3757 回答/返信 at by NO IMAGE にしし
> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね??
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
(162文字) No.3756 at by Icon of tomoyo ともよ
>3754
インスタは馴染みがなく投稿の種類の違いもわからなくて???になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます!アプリで見てるとURLってなかなか意識できないですね…!
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね??
(161文字) No.3755 at by Icon of admin あどみ
もう6月3日……? 6月になってから、いつの間に2日も過ぎたのか🤔

🍰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くらい離れたところなら伝手があったんですけども、さすがに遠すぎました。(^_^;)
(572文字) No.3754 回答/返信 at by NO IMAGE にしし
テスト。
(Instagram埋め込み処理中...)Instagramで見る

(Instagram埋め込み処理中...)Instagramで見る

(Instagram埋め込み処理中...)Instagramで見る
(22文字) No.3753 at by Icon of tomoyo ともよ
一人暮らしの父が亡くなったときに不要品を業者に回収してもらいましたが、父と顔見知りの業者に頼んだので依頼から1週間以内に全て回収してもらえました。やはりWebで依頼するより伝手を頼るのが良さそうですね。
(101文字) No.3752 at by Icon of admin あどみ
テスト
(Instagram埋め込み処理中...)Instagramで見る

(Instagram埋め込み処理中...)Instagramで見る

(Instagram埋め込み処理中...)Instagramで見る

(Instagram埋め込み処理中...)Instagramで見る

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

チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
(302文字) No.3750 at by Icon of tomoyo ともよ

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

3748
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
    border-left: 3px solid #ccc;
    margin: 0 0 0 1em;
    padding-left: 1em;
}

この場合、「設定」>「続きを読む・指定範囲を隠す 共通設定」>「展開する範囲の表示方法」をblockにしてください。

readmore.png
(226文字) No.3749 at by Icon of tomoyo ともよ
>3746,>3747
ふんわり表示できました!
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。

非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
(256文字) No.3748 at by Icon of admin あどみ
3745,3746ぐいーっとは伸びませんが以下でふわーとは表示できます。いかがでしょうか?
.readmorearea{
    animation: appear .7s ease;
  }
  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }


ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
(259文字) No.3747 at by Icon of tomoyo ともよ

■複合検索:

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

■日付一覧:

■カレンダー:

2023年6月
123
45678910
11121314151617
18192021222324
252627282930

■最近の投稿:

■新着画像リスト:

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

全319個 (総容量 36.27MB)

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