てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

検索語「テスト」の検索結果594件]

シューアイスを食べようかな……どうしようかな……と迷って、腹の脂肪具合と相談して、とりあえず見送りました。_(:3」∠)_

🧊Re:5185◆おぉ、それはスマートなアルゴリズムですね! たしかに、JavaScriptが解釈しやすい日付フォーマットでdata-属性に出力しておいて現在日時と比較する方法なら、てがろぐの現状の仕様だけで簡単に(任意の)経過時間が計算できますね。

というわけで、No.5181さんは、ぜひ以下の手順で試してみて下さい。
--- ▼Step①: ---
まず、内側スキンで相対時刻を掲載したい箇所に
<span data-published="[[DATE:Y-M-D]]T[[DATE:h:m:s]]">[[DATE:《A》]]</span>
……と書いておきます。
(※data-published属性値は ISO 8601 のローカル時刻形式「YYYY-MM-DDThh:mm:ss」になるようにしています。)

--- ▼Step②: ---
次に、外側スキンに『日時情報を比較して非表示にするJavaScript』を書きます。
具体的には、このリンク先で閲覧できるChatGPTとの一連の会話をご覧下さい。
この会話の最後に提示されているソース(全20行)をコピー&ペーストして使って下さい。(注:最初のソースではなく最後のソースです。)
(なぜISO 8601フォーマットにしたのかの理由が会話の途中で分かります。^^;)

実際の動作テストはしていないのですが、JavaScriptソースを読んだ限りではいけそうな気がします。
なお、「24時間」の閾値を変更したい場合は、ソース中の if (diffHours >= 24) の「24」の部分を修正すれば良いです。

by nishishi. <771文字> 編集

test
折り畳みテスト
テストだよ。
だよ。
だよ。
だよ。

by admin. <36文字> 編集

details要素+summary要素で実現される「折り畳む」機能を搭載した Ver 4.6.1β(未配布)の動作テスト
折り畳み
折り畳み表示のテスト
こんな感じで見えます。

ラベルはその都度指定します
もちろん、1投稿内にいくつでも書けます。
入れ子にもできます
ただし、details要素はspan要素等のインライン要素の内側に書くとHTMLの文法的に正しくなくなるため、そのように文字装飾を書いてしまうと直前のCSSが意図通りに適用されなくなる問題がある点に注意が必要です。

JavaScriptなしで動作する点も良いですね。装飾はCSS次第で好きなようにできます。
ここの動作試験場では、標準スキンにしか(まだ)CSSを用意していません。が、details要素+summary要素はHTMLだけで動作しますから、CSSがなくても(単に装飾がないだけで)動作はします。

by nishishi. <401文字> 編集

アップデートお疲れ様です。いつも便利に利用させてもらってます!

(Loading...)...
新機能のテスト投稿をさせていただきますわ

by tomoyo. <60文字> 編集

投稿機能のみユーザーの使用感をテストさせてもらいました。
おもしろいです。

by misaki. テストテスト <37文字> 編集

テスト
リンクラベルを書いた場合:
CARD = TEST...
CARD-S = TEST...
CARD-L = TEST...

リンクラベルを書かなかった場合:
CARD = (Loading...)...
CARD-S = (Loading...)...
CARD-L = (Loading...)...

by nishishi. <143文字> 編集

Ver 4.5.7β(未配布)の動作テスト
(Loading...)... (Loading...)... (Loading...)...

🍔Re:5109◆β版のご試用をどうもありがとうございます~。(╹◡╹)ノ 今夜までには(文字化けの可能性をさらに減らした)Ver 4.5.7βを公開する予定です。(次の正式版 4.6.0 も、できれば今月末までにはリリースしたいと思っています。)

by nishishi. <167文字> 編集

不具合3点の修正版 Ver 4.5.6β のテスト。(もうすぐ配布します。)
  • リスト1
  • リスト2
  • リスト3

Fanboxのカード型リンクテスト
リンクテスト...
リンクテスト...

鍵は sakura
投稿を見るには鍵を入力:

by nishishi. <147文字> 編集

カード型リンクの表示をサポートした Ver 4.5.5β(未配布)の動作テスト

🧇 [リンクラベル:CARD]URL と書くと、カード型リンクとして出力(基本)。
Twitter Cardがあればカードサイズを自動判別。
にししふぁくとりー...

🧇 [リンクラベル:CARD-S]URL と書くと、小さいカード型リンク固定で出力。
(Twitter Cardがあっても無視)
てがろぐ公式HOME...

🧇 [リンクラベル:CARD-L]URL と書くと、大きいカード型リンク固定で出力。
(Twitter Cardがあっても無視)
てがろぐカスタマイズ方法...

🧇Not FoundなURLを指定した場合のカード:
(画像部分に見えるグラデーションは、CSS側にプレースホルダとして指定してある装飾)
リンクラベルはそのまま見える...

カード型リンクとして読んだOGP情報は一定期間キャッシュされますので、一度でも表示した後は(リンク先ページでOGP情報が変更されても)しばらくは反映されません。その代わり、2度目以降の表示時は(相手先サーバには読みに行かずにキャッシュから表示されるので)高速に表示されます。

by nishishi. <528文字> 編集

>>5073
スマホやタブレットのようなタッチパネル環境で似たような経験があったので、気になってAI(Copilot)に聞いてみました。
Copilotが提示した下記のjavascriptコードを外側スキンの末尾にある遅延読み込みスクリプト群の所に貼り付けてテストしたところ、文字を入力できるエリア(textareaとinput)に何らかの文字が入力されている状態でリンクをクリックした時に確認ダイアログが出ました。このままだと投稿ボタンや記事検索ボタンを押した時にも確認ダイアログが出るので、その辺の細かい部分はお好みに合わせて調整してみて下さい。

<script>
let isTyping = false;

document.querySelector("textarea").addEventListener("input", () => {
    isTyping = true;
});

window.addEventListener("beforeunload", (event) => {
    if (isTyping) {
        event.preventDefault();
        event.returnValue = "変更内容が失われる可能性があります。ページを移動してもよろしいですか?";
    }
});
</script>
copilot_answer.png

by sakura. <596文字> 編集

テスト投稿
ありがとうございます

by admin. <16文字> 編集

>>5015 です。
お手数おかけします~。自分が使用していたテストアカウントに消去・編集権限がなかったようでした。テスト用のアカウントにおいて権限の高いものを使用していいか迷ったため…
>>5016 さんありがとうございました。

by misaki. <115文字> 編集

今ログインしているIDの情報を取得できる簡易APIを実装した Ver 4.5.3β(未配布) の動作テスト
取り消し:
?mode=api&work=ISLOGGEDIN』のパラメータで、ログイン状態が YES / NO の文字列で得られます。(プレーンテキスト)
そのほか、が使えます。workパラメータを省略すると、全部をini形式でまとめて得られます。
>>5003
ブラウザ上のJavaScript等で取得しないと意味がない点に注意して下さい。(PHP等のサーバ側で実行されるプログラムからアクセスしても、(そのプログラムはログイン状態にないので)ログインしていない場合の結果しか返ってきません。)

by nishishi. <414文字> 編集

No.4996です。
お忙しいところお手を煩わせてしまい申し訳ありませんでした。

原因が判明しました。
恐らくURLパラメータによる違いでした。

隠しが機能する場合
https://www.nishishi.org/testground/tegalog/?tag=%e3%8...
※リンクの最後が「tag=テスト」になっている。

隠しが機能しない場合
https://www.nishishi.org/testground/tegalog/?q=%E3%83%...
※リンクの最後が「q=テスト」になっている。
上記の絞り込みだと元投稿からデザインも大分異なっています。

上記の事象に関して、既にどこかに記載されているようでしたら申し訳ありません。

質問に関しても返答いたします。

1.「隠されている部分が全部見える&「続きを読む」ボタンも「畳む」ボタンも見えない&~の記法は見えない。」です。
2.てがろぐ自体を新たに設置&バックアップできるデータは全部バックアップから復旧しました。
3.以下です。
  該当の投稿から【H:】の部分を削除→再度挿入
  該当の投稿から一度文章を削除し、再度同じ内容をコピペで打ち込む
4.二重の入れ子構造になって2回出てきます。
5.無料配布されているテンプレートを使用していましたが、デフォルトでも同様でした。

情報が不足しており申し訳ありませんでした。

by admin. <643文字> 編集

テスト
森の写真サンプル
森の写真サンプル
20191225114341-tomoyo.jpg

by admin. <5文字> 編集

>>4904
横で申し訳ないのですが、たぶんこの方ではないでしょうか?
>>4842

あと、文頭のテキストを画像にしてimageフォルダ入れるPHPなら今作ってますが、テスト中です😅

by sakura. <93文字> 編集

AppleMusicの埋め込みテスト

by admin. <40文字> 編集

https://note.com/tekito_note/n/ndea6e61f23bf
「てがろぐでD&Dまたはコピペで画像投稿するやつ」の投稿ボタン押下でアップロードするバージョンを作りました。仕組み上一部機能を使えなくしたので、別バージョンです。
ただ、あまりテストしていないので例によって不具合があるかもしれません。
また、リアクションボタンのデモが触れるサイトも作ったのでぜひお試しください。http://tekitote.s324.xrea.com/

by admin. <231文字> 編集

カスタム絵文字を管理画面上から追加/削除できるようになった Ver 4.5.1β(未配布) の動作テスト
そのカスタム絵文字が使われている投稿を探す機能もあります。

by nishishi. <84文字> 編集

いつもお世話になっています。

[[FREESPACEEDIT]]をcover.htmlに記載しても[[FREESPACEEDIT]]という文そのものが出てくるのですが、なにか必要な設定などはありますか?
(<a href="[[FREESPACEEDIT]]" >テスト</a>のように書いてもURLにはなりませんでした)

またIF文ですが、
なにも限定していないときの2ページ目以降(deeppage nofiltering)とカテゴリ限定時(selected-cat)にのみ出力したい要素があったので
[[IF(selected-cat|deeppage nofiltering):<a href="/link/">てすと</a>:IF]] と書いても
カテゴリ限定時にしか反映されないのですが、なにか間違えていますか……?(IF文の「|」の前後のって1単語のみ(?)じゃないとダメなんでしょうか)
今はhtmlに[[IF(deeppage nofiltering):<a href="/link/">てすと</a>:IF]]と[[IF(selected-cat):<a href="/link/">てすと</a>:IF]]のふたつ書くことで対応しているんですが……

またhtmlに
<div class="aaa">[[NAVI:PREV]][[IF(条件):何らかの要素:IF]][[IF(条件2):なんらか:IF]][[NAVI:NEXT]]</div>
このように一行で書くとIFの文として反応しなくなるのも仕様でしょうか?(改行すれば済むんですが気になったので……)

by admin. <693文字> 編集

テスト投稿失礼します🙇‍♂️

by admin. <14文字> 編集

昼食はうどん、夕食はコロッケ。
次のバージョンでは、カスタム絵文字を管理画面上でアップロードしたり削除したりできるようになる予定です。

🥞Re:4831◆早速のバージョンアップありがとうございます。お役に立っているようで嬉しいです。(╹◡╹)ノ
🥞Re:4832◆「サムネイル画像があったらサムネイル側が表示される」という、てがろぐ側の機能(仕様)については、ヘルプドキュメントの『サムネイル画像があればサムネイル画像の方を表示する機能(簡易版)』項目もご覧下さい。デフォルトで有効に設定されていますが、設定次第では無効にもなります。サムネイルが認識されている場合の確認方法も解説してありますので、参考にして頂ければ幸いです。
🥞Re:4833◆解説ありがとうございます!
🥞Re:4834◆詳細なテストをどうもありがとうございます。JS版は一旦ブラウザ側にデータをダウンロードするので、総数が少ないうちはやはりServer版の方が速くなりますね。おっしゃるとおり、Server版はPICT記法の存在をチェックしているのに対して、JS版はファイル名の存在しかチェックしていません。これはどちらが望ましいのか今の時点では判断できていないので、とりあえず仕様を分けたままにしてあります。(^_^;) 必要な画像を誤って消してしまうのを防ぐにはJS版の仕様の方が望ましいんだろうな、という気もするのですけども。どうでしょうかね?^^;
🥞Re:4836◆てがろぐに関係する告知にはぜひご活用下さい~。(╹◡╹)
🥞Re:4837◆ご報告をどうもありがとうございます!

by nishishi. 回答/返信 <722文字> 編集

DASHBOARD

■複合検索:

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

■新着画像リスト:

全315個 (総容量 36.01MB)

■日付一覧:

■日付検索:

■カレンダー:

2025年5月
123
45678910
11121314151617
18192021222324
25262728293031

■最近の投稿:

■フリースペース:

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

編集

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

594件

▼最後に投稿または編集した日時:

2025年5月22日(木) 13:27:07〔2日前〕

RSSフィード

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