てがろぐでmp3やmp4を埋め込み表示する・改 new!

以前 てがろぐでmp3やmp4を埋め込み表示する javascriptを公開しましたが不具合があった( 参考 )ので修正していたのを今更ですがここに置いておきます。前回のものを使ってくださっている方はよろしければ下記のものに差し替えてください。 // MP3とMP4の画像をオーディオまたはビデオ要素に変換 document.querySelectorAll('img[src$=".mp3"], img[src$=".mp4"]').forEach((img) => { cons...

【てがろぐでmp3やmp4を埋め込み表示する・改】の続きを読む

てがろぐでmp3やmp4を埋め込み表示する up!

2024/12/19 修正したものを公開しています のでそちらをお使いください。 てがろぐの「画像の管理」にはデフォルトでは画像ファイルしかアップできませんが、「設定>システム設定>アップロードを許可する画像形式」で拡張子を許可すると動画や音声ファイルをアップロードできるようになります。 ただ、本文中に挿入しようとすると [PICT:ファイル名] というてがろぐ記法になり、これはCGIで <img src="画像フォルダ/ファイル名" ~> に置換されてしまうため正しく表...

【てがろぐでmp3やmp4を埋め込み表示する】の続きを読む

てがろぐRSSを自サイト別ページに埋め込むJavascript

てがろぐの出力ログを別ページに埋め込む方法として、公式からは以下の方法が解説されています。 てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法 - Sakura scope 当サイトはPHP製のCMSで構成されていてSSIを使うのは面倒だったので freo(PHP)に「てがろぐ」の投稿を埋め込む という方法でトップにてがろぐの最新一件を埋め込んでいたのですが、 後方互換を使わないSmarty3以降 だと {php}{/php} がエラー...

【てがろぐRSSを自サイト別ページに埋め込むJavascript】の続きを読む

script非同期読み込みのススメ

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=~略 」が <head>~</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>~</head> でscriptタグを記述するとページの表示が遅くなる? ブラウザは上から順番にHTMLを読み込み解析作業をし、表示していくのですが、その途中で外部ファイルを読み...

【script非同期読み込みのススメ】の続きを読む

1
最上部へ 最下部へ