🗐 てがろぐ - Fumy Otegaru Memo Logger -

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

or 管理画面へ

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

Icon of sakura
AppleMusicの埋め込みテストです


AppleMusic側の仕様が最近変わったのか、アルバムの2曲目以降を単独指定した共有URLを埋め込んでも1曲目しか再生されなくなりました…。
上記の埋め込みリンクは9曲目のButterflyを指定しているのですが実際に埋め込まれた再生ボタンを押した時に流れているのは1曲目です。
自分のサイトのてがろぐだけで起こっている現象かと思いましたがここでも同じなので、Apple側の仕様変更っぽいですね。

同じアルバムの同じ曲をSpotify埋め込みテスト。こっちはきちんと指定した曲が流れます。


AppleMusic埋め込みで再生されてる1曲目。
NO IMAGE
CodePenも埋め込めるようになった Ver 4.1.1β(未配布)の動作テスト

Icon of admin
3959番で個別鍵のテストをさせていただきました。邪魔でしたら削除していただいても大丈夫です。
個別鍵はtestです。
記法の上に書けば非公開の外側に書けるのかと思って試したのですが、そういうわけではなかったということがわかってよかったです。
Icon of admin
投稿を見るには鍵を入力:
Icon of misaki
いま、ジャズを聴いています。
I'm listening jazz zzzzzz#テスト
Icon of admin
pineappleテスト
Icon of admin
>>3929 です。


>>3930
一緒にご確認くださり、ありがとうございます!
短縮URLではなかったので首をひねってしまっていて……こちらに駆け込んだ次第です。
共有方法によってURLが変わるとは、何ともややこしいですね。


>>3931 にしし様
お忙しいなか、ご確認・ご対応いただきありがとうございます!
てがろぐ初心者のため原因にあたりをつけることができず、こちらへテストにうかがったのですが、
結果的にお役に立ててよかったです。
NO IMAGE
Spotifyの新URLと、YouTubeのショート動画の埋め込みに対応した Ver 4.0.6β(未配布)の動作テスト

🍘Re:3928◆残念ながら edit.css や edit.js は編集画面だけで読み込まれるファイルですので、記事一覧画面の表示をどうにかする方法は今のところありません。なお、隣接投稿への移動リンクに記事タイトル(1行目)を使うには、(てがろぐ側の機能には存在しませんが)JavaScriptを活用して実現する方法はあります。例えば、CMSkin for てがろぐという多機能スキンでも実現されています。隣接リンクに記事タイトルを使いたいというご要望はちらほら頂いていますので、将来的には実装する可能性はあります。今のところはJavaScriptでご対応頂ければ幸いです。
(追記)JavaScriptの解説は「てがろぐ個別記事の前後移動リンク」にあります。

🍘Re:3929◆なんと、SpotifyのURL構成がいつの間にか変わっていたんですね……。お知らせ下さってありがとうございます。うちのWin10にインストールされている Spotify 1.2.9.743 だと問題ないので、気付きませんでした。とりあえず既に新URLへの対応はさせましたので、次のバージョンからは「シェア>曲のリンクをコピー」の新しいURLでも埋め込めるようになります。(今ご覧になっているこの動作試験場では新バージョンを稼働させていますので、No.3929テスト頂いた記述も正しく埋め込まれるようになっています。)

🍘Re:3930◆そうですね。いつ頃のバージョンからか分かりませんが、今は intl-ja/ という文字列がURLに含まれるようになっていたようですね。Spotify側の新仕様がハッキリとは分かりませんが、とりあえず任意の「英小文字とハイフン」がURLに加わっていてもそこを無視して埋め込みURLを生成できるように修正してみました。(短縮URLは埋め込めないままですが。)

🍘YouTubeのショート動画も、[YouTube]https://youtube.com/shorts/~ みたいに(その他の動画と同様の記法で)埋め込めるようになりました。
表示例:

ただ、ショート動画は縦長なので、埋め込み空間の左右に大きな余白ができてしまいますが。
Icon of admin
自分で設置したてがろぐにspotifyがはれなかったので、スキンの仕様なのか確認のためこちらでテストさせていただきます。

【環境】 win10
Windows (64ビット)用のSpotify 1.2.17.834.g26ee1129
てがろぐ Ver 4.0.0.(自分で設置したもの)

→ spotifyのアプリから シェア>曲のリンクをコピー


→ spotifyのアプリから シェア>トラックの埋め込み からコードをコピーして、中にあるURLだけをコピー&ペースト
NO IMAGE
アップロードされているカスタム絵文字の一覧を表示できるようにしてみたVer 4.0.5β(未配布)の動作テスト。各COPYボタンで、表示用コードをクリップボードにコピーできます。
NO IMAGE
ご報告ありがとうございます。

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版ブラウザにスーパーリロードの仕組みはないっぽいので、例えばここで紹介されている「閲覧履歴とタブを維持したい場合」の方法で操作するのが良いかもしれません。
Icon of admin
たこやきSVGテスト
takoyakitakoyakitakoyaki
takoyaki2takoyaki3takoyaki4takoyaki6
takoyaki5takoyaki5takoyaki5
NO IMAGE
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を使わせて頂きました。(感謝)
Icon of tomoyo
にししさんの今日のひとことログ No.9792 より
β版の配布情報も含めて知りたい場合は、動作テスト場の「アップデート✨」カテゴリに限定したRSSフィードを使う手はある。ただし、このカテゴリには誰でも試験投稿できるので悪戯されると困るが。

アップデート✨カテゴリ且つ投稿者をにししさんに限定 すれば万が一悪戯されても問題なさそうですね✌️
てがろぐのRSSフィードはこうして様々な条件にも対応できるのがありがたいです!
β版が出るたびにアップデートしてます。いつもありがとうございます。
Icon of tomoyo
ふむふむ
画像保存用ディレクトリ内に、ファイル WS000013.jpg は見つかりませんでした。
Icon of admin
投稿した画像を後から軽量化したいみたいなことがあるんですよ
FTPソフトから上げ直しをテストしたら新着画像リストの表示でも上に上がってきてしまったみたいなのですが、順番を保つには全ての画像を同じ順で更新するしかないですかね?(ちょっと疲れそう)
今後の仕様追加で画像の差し替え機能ができるかもしれないらしいですが、それが入れ替わらない仕様だと助かるかも。
Icon of admin
テストテストテスト
NO IMAGE
Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト(Ver 4.0.2β 未配布)


■フリースペース:

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

編集

■複合検索:

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

■新着画像リスト:

全326個 (総容量 36.69MB)

■日付一覧:

■日付検索:

■カレンダー:

2023年9月
12
3456789
10111213141516
17181920212223
24252627282930

■最近の投稿:

最終更新日時:
2026年1月3日(土) 00時22分48秒〔14分前〕

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