てがろぐ - Fumy Otegaru Memo Logger -

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

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「シンプル日記スキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る
:シンプル日記スキン: スキンは弄り放題なので、掲載したくない要素はたいてい省けます。このスキンでは投稿者名を一切表示しません。

or 管理画面へ

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

New! No.5259

5255です
>>5258
ご回答ありがとうございます。

.jpgと.pngでテストしていたのですがそれでも画像一覧のところで確認しても縦横サイズが取得されないことが多々ありました(再度読み込みをしても)。なので何か管理しているところがあるのかしら、と思った次第でして。(もしかしたら複数画像を加工しての投稿であるからかもです…わかんないんですが)
WebPについては特に今のところ考慮しておりません。しかし自動取得される筈の拡張子でも取得されないことは事実であるので、手動で縦横サイズを登録する方法の方がWebPなど
他の拡張子にも対応できそうだなと思いました。
ご回答ありがとうございます。また色々お尋ねするかもしらませんが、よろしくお願いします

New! 回答/返信 No.5258

シューアイスを食べました。おいしい。そろそろ追加の備蓄を調達せねば……。🍨🍨🍨

🍨Re:5255◆てがろぐ側で縦横サイズを自動取得できる画像形式は、JPEG、GIF、PNG、SVGだけです。WebPやHEICなどの画像の縦横サイズは自動では取得できません。以下、ご質問に回答します。
  1. てがろぐでは、画像ファイルのバイナリを直接読んで縦横サイズをその都度把握しています(記録はしていません)。その都度調べるのは、画像が(FTP等の外部の手段で)差し替えられた場合に対応するためです。JPEG、GIF、PNGには画像のバイナリに比較的単純な方法で縦横サイズが記録されているのでそこから取得しています。SVGの中身はXMLテキストデータなので属性値から取得しています(省略されていれば取得できませんが)。しかし、WebPやHEICはそこまで単純な方法では分からないので今のところ自動取得の対象外にしています。WebPに関しては画像処理系のライブラリ(Image::Info)を読めば取得できますが、そうすると動作環境を狭めてしまう可能性がありますので避けています。そのうち(OGPリンクと同様に)補助PHP側でなんとかするかもしれません。ただ、PHPでも7.1以降でないとダメっぽいですが。
  2. 画像管理画面から手動で縦横サイズを登録してみて、その後の画像インデックスファイル(index.xml)を見るとよく分かると思いますが、<fixed>930x620</fixed>のような感じで記録されます。「x」は小文字のエックスです。これも空白等は一切許容されないのでご注意下さい。ここに値を書き込んでおけば、その値が固定的に出力されます。(たとえ自動取得が可能な画像形式であっても、ここに書かれた値の方を採用して出力します。)

🍨Re:5256◆コピー&ペーストとかで余計な空白が入ってしまうケースはわりとよくあると思うんですが、それでも今まで発覚しなかったのがちょっと不思議だな……と思いました。(笑) 自分でもかなりの回数でいろいろテストした気がしていたんですけども。^^;

🍨Re:5257◆ご確認ありがとうございます~。(╹◡╹)ノ やはりそこが原因ですね。

New! 回答/返信 No.5253

読んでいる小説にトウモロコシが頻繁に出てくるのでトウモロコシ食べたい。🌽🌽🌽
回答が遅くなってすみません。

🌽Re:5246◆お役に立って良かったです。内部の実装は冗長なんですけども(最初に本来の [[ONEPICT:1]] で出力されるHTMLソースを生成した上で、そこから必要な部分だけを抽出して出力するような実装なので)、しかしスキン側の自由度が上がるのは確かですね。

🌽Re:5247◆解決したとのことですが、参考までに回答しておきます。
  1. 省略形のタグは一切認識しません。てがろぐのデータは、XMLっぽい形式ですが、完全な仕様のXMLというわけではないので、XMLとして許可されているあらゆる書き方ができるわけではありません。既存のファイルの中身を見て、タグ部分は本当にそのままの状態で使う必要があります。空要素の場合は『 <tag></tag>=空だと認識される』・『<tag />=認識できないので結果的にデータなしと認識される』という点で不都合がないケースもあるかもしれませんが、(中身がカラでも)存在が必須である要素を省略形にしてしまうと、その1件まるごとが認識されなくなると思います。詳しくは、「他サービスから大量の過去データを引き継ぎたい場合は、XMLデータを直接編集すると楽かもしれない」項目の末尾にある補足欄をご覧下さい。(ここは、tegalog.xmlの説明ですが、画像インデックスファイルの場合でも制限仕様は同じです。)
  2. データファイルの更新は「てがろぐ内部による更新」と「人間が手動で編集する更新」の2通り以外は想定していませんので、外部のツールから新規投稿のタイミングで修正されるケースでは何か問題があるかもしれません。
  3. 画像インデックスファイルを更新する際は、全体を書き換えます。なぜなら、既存の画像が変化している場合にも対処する必要があるからです。とはいえ、人間がデータファイルを直接編集した場合にも備えて、既存のデータを読んでから更新しますので、正しく書き換えられてさえいれば、その情報は維持されるハズです。なので、もし維持されないなら、書き方が正しくない可能性があります。なお、①の回答にも含めましたが、XMLで許容されているすべての書き方ができるわけではなく、特に「1件1行」で書かなければ認識されない仕様です。1つでも改行があると、そのデータは正しく読めなくなります。

🌽Re:5249◆どへえ……! たしかに文字化けしますね……! 今まで誰からも指摘がなかったのが不思議なくらい、単純な検索で起きる現象ですね……。全文検索でのハイライト表示の処理に問題があるっぽいので、管理画面の[設定]→[ページの表示]→【全文検索/表示】で『検索結果に含まれる検索語を強調表示する』をOFFにすると発生しないと思います。次のバージョンでなんとかします。ご報告をどうもありがとうございます!

🌽Re:5250テストありがとうございます。[設定]→[ページの表示]→【全文検索/表示】で『検索結果に含まれる検索語を強調表示する』項目はOFFの状態でお使いでしょうか? もし、ここがONであるにもかかわらず文字化けせずに済んでいるようならぜひ教えて下さい。

🌽Re:5251◆はい。[[ONEPICT:1:オプション~]]の各記法では、当該画像がない場合には何も出力されません。これは、JavaScript等で取得したい場合や、直接何らかの属性値として使いたい場合には、余計なエラーメッセージを出力するよりも空文字を出力する方が扱いやすいだろうからです。何も表示されない場合にCSSで代替画像を表示したい場合は、以下のようにする手があります。
  • 例えば <span class="hoge">[[ONEPICT:1:IMG]]</span> のようにスキンを書いた場合、
  • 当該画像がなければ、HTMLには <span class="hoge"></span> とだけ出力されますね。要素の内容がカラです。
  • この場合、.hoge:empty { ~ } というCSSを用意すれば、「内容がカラの場合にだけ適用される装飾」を作れます。
:emptyは、中身が何もない場合に適用できる擬似クラスです。ここで何らかの画像を表示するような装飾を作っておけば、「何も出力する画像がない場合には指定の画像を見せる」ような表示ができます。

🌽Re:5252テストありがとうございます。ご自身でお使いの方も、おそらく『検索結果に含まれる検索語を強調表示する』項目はONでお使いでしょうかね?

回答/返信 No.5211

珈琲飴を舐めます。あとカカオ72%チョコも。☕🍬☕🍬☕🍬🍫🍫🍫

Re:5206◆Perl 5.8.9のままでの動作テストありがとうございます。問題なく動いて良かったです。(╹◡╹)ノ
Re:5207◆投げ銭ありがとうございます! お役に立っているようで嬉しいです。
Re:5208◆カテゴリ目次モードは、FAQをてがろぐで作ろうと思ったときに、Questionのジャンル別に整列した目次が生成できると便利だよな、とは思っていまして、朧気には考えていました。ただ、時系列(の降順か昇順)に並ぶのが前提のシステムなので、そもそもそういう用途に適しているのかという問題もありますけども。作るとしても規模が大きめなので、気長にお待ち頂ければ幸いです。

Re:5209◆『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』というのが一番可能性が高そうに思います。どこのURLにリンクした時に問題が出るのかを教えて頂ければ調査できます。なお、カードサイズを固定する記法もありますので、相手先ページの記述に関係なく小画像で表示させたいなら、:CARD-Sを使って下さい。(もしくは、小カード用のCSSと大カード用のCSSを、どちらも「小カード用のCSS」にしてしまう方法もあります。※その場合は、大カードで見せる方法がなくなってしまいますけども。)

Re:5210◆一応Firefoxのレスポンシブモードではスマートフォンサイズで横スクロールが発生しないよう表示確認はしていたのですが、そういえば、URLっぽい文字列の折り返し処理については、実機とは動作が違いましたね(Firefoxだと「/」記号の存在で自動改行してくれるのですが)。ちょいとCSSを調整してみました。これでどうでしょうか?

No.5186

シューアイスを食べようかな……どうしようかな……と迷って、腹の脂肪具合と相談して、とりあえず見送りました。_(: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」の部分を修正すれば良いです。

No.5173

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

No.5170

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

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

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

No.5147

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

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

No.5144

テスト投稿です

つぼはちつぼはち No.5136

テスト

テストテスト No.5135

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

No.5123

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

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

No.5110

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

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

No.5098

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

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

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

No.5082

テスト

No.5079

カード型リンクの表示をサポートした 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度目以降の表示時は(相手先サーバには読みに行かずにキャッシュから表示されるので)高速に表示されます。

No.5074

>>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

No.5040

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

No.5032

テスト

No.5017

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

No.5007

テスト

No.5002

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

No.5000

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.無料配布されているテンプレートを使用していましたが、デフォルトでも同様でした。

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

No.4999

テスト
テスト
#テスト

No.4971

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

No.4933

テストです。

テストテスト No.4931

テストです

No.4911

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

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

No.4910

AppleMusicの埋め込みテスト

No.4888

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

■フリースペース:

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

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2025年6月
1234567
891011121314
15161718192021
22232425262728
2930

■カテゴリ:

■最近の投稿:

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■詳細全文検索:

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