てがろぐ - Fumy Otegaru Memo Logger -

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

Last Modified: 2023/12/09(Sat) 09:27:15〔5時間前〕 RSS Feed

or 管理画面へ

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

てがろぐのカレンダー、月や日のクラス名がふってあるんですね。…

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

〔 185文字 〕 編集

テストテストテスト

No. 3772 〔179日前〕 , , by あどみ Icon of admin
テストテストテスト

〔 9文字 〕 編集

『続きを読む』機能には、「ネタバレ部分だけを隠したい」という…

No. 3771 〔182日前〕 , , by にしし NO IMAGE
(ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:~~~] 記法を使う必要がありますけども。)

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

〔 401文字 〕 編集

🎉

No. 3770 〔183日前〕 , , by あどみ Icon of admin
🎉

〔 1文字 〕 編集

開発進捗状況報告サイトで、てがろぐ Ver 4.0.2(β版…

No. 3769 〔183日前〕 , アップデート✨ , by にしし NO IMAGE

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

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

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


〔 482文字 〕 編集

あいうえお

No. 3768 〔183日前〕 , , by あどみ Icon of admin
あいうえお

〔 5文字 〕 編集

とりあえず今できているところで、一旦 Ver 4.0.2βと…

No. 3767 〔184日前〕 , , by にしし NO IMAGE
とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。

〔 47文字 〕 編集

Spotifyのほかに、Apple Musicの配信音楽も埋…

No. 3766 〔184日前〕 , , by にしし NO IMAGE


〔 83文字 〕 編集

URLに /p/ ではなく /reel/ が含まれる、Ins…

No. 3765 〔184日前〕 , , by にしし NO IMAGE
(Instagram埋め込み処理中...)Instagramで見る

〔 81文字 〕 編集

Apple Musicの配信音楽も埋め込めるようになったり、…

No. 3764 〔184日前〕 , , by にしし NO IMAGE

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

〔 348文字 〕 編集

3759です。画像キャプションの要望の件、桜餅もちもちで検索…

No. 3763 〔185日前〕 , , by さくら Icon of sakura
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!

〔 115文字 〕 編集

管理画面へのリンクを右上に固定表示すると便利なのでスキンいじ…

No. 3762 〔186日前〕 , , by ともよ Icon of tomoyo
↓例
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. 3761 〔186日前〕 , , by にしし NO IMAGE
検索例:桜餅もちもち

〔 16文字 〕 編集

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

No. 3760 〔186日前〕 , 回答/返信 , by にしし NO IMAGE

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

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

〔 247文字 〕 編集

開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用…

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

〔 175文字 〕 編集

>3756 >3757

No. 3758 〔187日前〕 , , by あどみ Icon of admin
解説ありがとうございます!確かにSafariで表示されてないときchromeからだと読み込めてました!

〔 71文字 〕 編集

もう6月4日……? 何もしていないのに日が過ぎていく……。┌…

No. 3757 〔188日前〕 , 回答/返信 , by にしし NO IMAGE

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

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

〔 492文字 〕 編集

> 時間帯によって「埋め込み処理中」のまま表示されない…

No. 3756 〔188日前〕 , , by ともよ Icon of tomoyo
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)

〔 162文字 〕 編集

>3754

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

〔 161文字 〕 編集

もう6月3日……? 6月になってから、いつの間に2日も過ぎた…

No. 3754 〔189日前〕 , 回答/返信 , by にしし NO IMAGE

🍰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. 3753 〔189日前〕 , , by ともよ Icon of tomoyo
(Instagram埋め込み処理中...)Instagramで見る

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

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

〔 22文字 〕 編集

一人暮らしの父が亡くなったときに不要品を業者に回収してもらい…

No. 3752 〔190日前〕 , , by あどみ Icon of admin
一人暮らしの父が亡くなったときに不要品を業者に回収してもらいましたが、父と顔見知りの業者に頼んだので依頼から1週間以内に全て回収してもらえました。やはりWebで依頼するより伝手を頼るのが良さそうですね。

〔 101文字 〕 編集

テスト

No. 3751 〔190日前〕 , , by あどみ Icon of admin
(Instagram埋め込み処理中...)Instagramで見る

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

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

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

見えてますかね?

〔 40文字 〕 編集

> チャットGPTが示した実在しない判例、NY弁護士が…

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

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

〔 302文字 〕 編集

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

3748

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

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

readmore.png

〔 226文字 〕 編集

>3746,>3747

No. 3748 〔191日前〕 , , by あどみ Icon of admin
ふんわり表示できました!
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。

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

〔 256文字 〕 編集

3745,3746ぐいーっとは伸びませんが以下でふわーとは表…

No. 3747 〔192日前〕 , , by ともよ Icon of tomoyo
.readmorearea{
    animation: appear .7s ease;
  }
  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }


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

〔 259文字 〕 編集

冷凍たこ焼きを80個買ってきました。……こう書くと、買いすぎ…

No. 3746 〔192日前〕 , 回答/返信 , by にしし NO IMAGE

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

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

〔 1050文字 〕 編集

「続きを読む」ボタンでの表示非表示について、アニメーションで…

No. 3745 〔193日前〕 , , by さくら Icon of sakura
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか?

〔 150文字 〕 編集

2/23の今日のひと言にある「デザイナーが描いたイラストだけ…

No. 3744 〔193日前〕 , , by ともよ Icon of tomoyo
これはAdobe XDかFigmaからWordpressへの変換ですけど

〔 124文字 〕 編集

■複合検索:

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

■フリースペース:

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

編集

■カレンダー:

2023年6月
123
45678910
11121314151617
18192021222324
252627282930

■最近の投稿:

■日付検索:

■新着画像リスト:

高速道路海と空と島4海と空と島3海と空と島2海と空と島1

全282個 (総容量 28.84MB)

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

4013件