てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

検索語「テスト」の検索結果600件]5ページ目)

たこ焼きtakoyaki3takoyaki2takoyaki6takoyaki4テスト

by admin. <59文字> 編集

アップロードされているカスタム絵文字の一覧を表示できるようにしてみたVer 4.0.5β(未配布)の動作テスト。各COPYボタンで、表示用コードをクリップボードにコピーできます。

by nishishi. <89文字> 編集

ご報告ありがとうございます。

takoyakiRe:3898◆ご報告ありがとうございます。iOS版Safariで確認してみたところ、たしかにご指摘の表示になりますね。もしかしてMac版Safariでもそうなるのでしょうか? 解決策が2通りありますので、後述します。
takoyakiRe:3899◆たこ焼きアイコンありがとうございます! たこ焼きが並べられて嬉しいです。(笑) また、解決策もありがとうございます。おっしゃる方法どちらもうまくいきました。以下に記します。

▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(1)
➡ SVG画像をテキストエディタで開き、1行目にあるwidthとheightの値を書き換える。
例えば、<svg width="100%" height="100%" viewBox="0 0 32 32"  ... のように書かれているなら、
ここを、<svg width="32" height="32" viewBox="0 0 32 32" ... のように書き換えます。

ここが、<svg width="100%" height="100%" viewBox="0 0 50 65"  ... のように書かれているなら、
ここを、<svg width="50" height="65" viewBox="0 0 50 65" ... のように書き換えます。

SVG画像のソース書き換え
このようにすると、CSSに関係なくSVG画像は(iOSでも)横並びになってくれます。


▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(2)
➡ 横幅の最大値も制限するCSSを追記する。
デフォルト設定では、(カスタム絵文字に対して)てがろぐは style="width:auto; height:auto; max-height:2em; vertical-align:middle;" というCSSを挿入します。ここでは高さの最大値は指定されていますが、横幅の最大値は指定されていません。どうやらiOS版のSafariは、(SVG画像にwidth="100%"があるとき)描画空間として横幅100%を確保してしまうっぽいですね。なので、以下のCSSをスキン等に追記すれば解決します。
.cemoji img { max-width:2em; }
これで横幅も最大2文字分に制限されますので、下図の右側の通り、横に並んでくれました。
ただ、これだと、あらゆる絵文字の横幅が 2em になりますので、もし takoyaki だけに限定して適用したいなら、
.ce-takoyaki img { max-width:2em; }
のようにすると良いかもしれません。

20230806182203-nishishi.png

個人的には、SVG画像のソースを書き換えた方が良いのではないかと思いますけども。大きく表示させたいケースがある場合には、SVGソースはそのままで、CSSで対処する方が良いかもしれませんが。
(たぶん、Safariの問題なんでしょうね……?)

🍘動作テスト
ここでは、SVG画像のソースを直接書き換えたバージョンを置いています。
開発放言では、SVG画像はそのままで、CSSソースを追記して対処しています。
どちらもiOSで確認しても同じように横並びになっていました。

🍘注意:
上記の対策を施しても、iOS側でブラウザのキャッシュをクリアしないと表示に反映されないのでご注意下さい。
iOS版ブラウザにスーパーリロードの仕組みはないっぽいので、例えばここで紹介されている「閲覧履歴とタブを維持したい場合」の方法で操作するのが良いかもしれません。

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

Misskeyのようにカスタム絵文字を掲載できるようになった Ver 4.0.4β(未配布) の動作テスト
ヒャッハー! たこ焼き並べ放題だぜーッ!
takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3 takoyaki3

※これらのたこ焼きは、takoyakiこちらで配布されているSVG素材takoyakiを使わせて頂きました。(感謝)

by nishishi. <1282文字> 編集

にししさんの今日のひとことログ No.9792 より
β版の配布情報も含めて知りたい場合は、動作テスト場の「アップデート✨」カテゴリに限定したRSSフィードを使う手はある。ただし、このカテゴリには誰でも試験投稿できるので悪戯されると困るが。

アップデート✨カテゴリ且つ投稿者をにししさんに限定 すれば万が一悪戯されても問題なさそうですね✌️
てがろぐのRSSフィードはこうして様々な条件にも対応できるのがありがたいです!
β版が出るたびにアップデートしてます。いつもありがとうございます。

by tomoyo. つぶやきつぶやき <245文字> 編集

ふむふむ
画像保存用ディレクトリ内に、ファイル WS000013.jpg は見つかりませんでした。

by tomoyo. 回答/返信,テストテスト <5文字> 編集

投稿した画像を後から軽量化したいみたいなことがあるんですよ
FTPソフトから上げ直しをテストしたら新着画像リストの表示でも上に上がってきてしまったみたいなのですが、順番を保つには全ての画像を同じ順で更新するしかないですかね?(ちょっと疲れそう)
今後の仕様追加で画像の差し替え機能ができるかもしれないらしいですが、それが入れ替わらない仕様だと助かるかも。

by admin. <177文字> 編集

Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト(Ver 4.0.2β 未配布)


by nishishi. <83文字> 編集

URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト(Ver 4.0.2β 未配布)
(Instagram埋め込み処理中...)Instagramで見る

by nishishi. <81文字> 編集

Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト

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

by nishishi. <348文字> 編集

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

by admin. <161文字> 編集

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

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

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

by tomoyo. <22文字> 編集

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

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

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

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

見えてますかね?

by admin. <40文字> 編集

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

by admin. <3文字> 編集

手動入力された投稿日時も含めて投稿日時順に再ソートする機能とか、全投稿の番号をNo.1から連番で振り直す機能とか、隠されている範囲に含まれている文字数を「続きを読む」ボタンラベル内に表示できる機能とか、各種ボタン(input要素)をCSSで装飾しやすいように <span class="submitcover"><input type="submit" ...></span> のようにspan要素で囲む出力仕様を加えた Ver 4.0.1(未配布)の動作テスト
隠された()文字を読む:うまく準備が進めば、今日にも Ver 4.0.1βを公開できるかもしれません。いや、本当に今日中に公開できるかは今の時点では分かりませんけども。^^;

さくらたんも紹介して~😍

by nishishi. <334文字> 編集

テストですテストです

by admin. <10文字> 編集

( >>3674 の続き)
例としてドーナツホールの埋め込みテスト

旧URL

新URL
Spotify

by admin. <55文字> 編集

DASHBOARD

■複合検索:

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

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■日付一覧:

■日付検索:

■カレンダー:

2023年8月
12345
6789101112
13141516171819
20212223242526
2728293031

■最近の投稿:

■フリースペース:

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

編集

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

600件

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

2025年7月19日(土) 13:24:16〔19時間前〕

RSSフィード

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