2023年9月 この範囲を時系列順で読む この範囲をファイルに出力する
🌰Re:3998◆Apple Music公式サイトから「埋め込み用コード」を取得して静的なHTMLに埋め込んでみても、同様の問題が発生していますので、さすがにこれは仕様変更ではなく一時的な不具合ではないでしょうかね……? 1曲目しか埋め込めない仕様になったのだとしたら、表示されている曲名と再生される曲が一致していない状態もおかしいですし。待っていれば、そのうち改善(解決)されるのではないでしょうか。
AppleMusic側の仕様が最近変わったのか、アルバムの2曲目以降を単独指定した共有URLを埋め込んでも1曲目しか再生されなくなりました…。
上記の埋め込みリンクは9曲目のButterflyを指定しているのですが実際に埋め込まれた再生ボタンを押した時に流れているのは1曲目です。
自分のサイトのてがろぐだけで起こっている現象かと思いましたがここでも同じなので、Apple側の仕様変更っぽいですね。
同じアルバムの同じ曲をSpotify埋め込みテスト。こっちはきちんと指定した曲が流れます。
AppleMusic埋め込みで再生されてる1曲目。
普通なら全画像が表示されるはずということでしたので、配布されているテンプレートのCSSを使用していたのを一旦てがろぐ標準スキンCSSに変えてみたところちゃんと全て表示されました。
テンプレートのCSSの記述の影響だったようです。お騒がせいたしました。
例えば、1投稿の中に、画像Ⓐ→画像Ⓑ→画像Ⓒの順序で3枚の画像を掲載している場合、[[COMMENT:PICTS]] を使うと、Ⓐ→Ⓑ→Ⓒ の順序で3枚すべてが出力されます。にもかかわらず、『その投稿の最後の画像がサムネイルになる』という状況になる理由が分からないのですが。
もし、
- [[COMMENT:PICTS]] を使っているなら3枚の画像全部がⒶ→Ⓑ→Ⓒの順番で表示されるハズですし、
- デフォルトのギャラリー用スキンで使っている [[ONEPICT:1]] を使っているなら画像Ⓐの1枚だけが表示されるハズですから、
どのようなスキンをお使いなのか、どのような本文を投稿しているのか、等の情報をもう少し詳しく教えて頂けると、何らかの回答ができるかもしれません。
本題なのですが、先頭から順に画像を抽出する[[COMMENT:PICTS]] の逆、最後から順に画像を抽出できる機能を実装していただけたら嬉しいです。
イラストメインのサイトを作っていて、ギャラリーモードで漫画等の複数枚投稿もまとめて見れるように[[COMMENT:PICTS]] を使ったのですが、ギャラリーモードの一覧(新しい順)では
- その投稿の最後の画像がサムネイルになる
- クリックして拡大表示にすると最後の画像が最初に表示される
- 1枚目から見たければ戻るしかない(数が多いと大変)
となってしまいます。
現状では1枚目から表示して順に読んでもらうために敢えて逆順に投稿する方法が最も簡単だと思いますが、ギャラリーモードのみの運用ならともかく、個別表示なども併用している場合だと不便だろうと思いました。
ご検討のほどよろしくお願いいたします。
🌰Re:3991◆シェルにログインするなどして、シンボリックリンクを作成できるなら、サーバによっては実現できるかもしれません。ただ、たぶんレンタルサーバ等では(たとえシンボリックリンクを作成できても、実行が拒否される結果として)実際には機能しない気がしますが。
例えば、以下のような構造でファイルを配置します。
Web
┃
┣━ base
┃ ├─ tegalog.cgi (=Ⓐ)
┃ └─ fumycts.pl (=Ⓑ)
┃
┣━ tegalogA
┃ ├─ Ⓐへのシンボリックリンクをリンク名 tegalog.cgi で作る
┃ ├─ Ⓑへのシンボリックリンクをリンク名 fumycts.pl で作る
┃ :
┃
┣━ tegalogB
┃ ├─ Ⓐへのシンボリックリンクをリンク名 tegalog.cgi で作る
┃ ├─ Ⓑへのシンボリックリンクをリンク名 fumycts.pl で作る
┃ :
上記のようなディレクトリ構造を作ると、 tegalog.cgi ファイルと fumycts.pl ファイルの実体は、baseディレクトリに1セット置くだけで済みます。tegalogAディレクトリやtegalogBディレクトリにあるのは、あくまでも、baseディレクトリにある実体ファイルを参照しているだけですから。
このようなリンクを作成してプログラムを実行できる環境なら、お望みのようにバージョンアップ作業は1回だけで済みます。ただ、レンタルサーバではこのような方法でのプログラムの実行は拒否されるのではないかと思いますので、たぶん動作はしない気がします。もしうまくいくサーバがあったら教えて下さい。(^_^;)
次の配布を楽しみにしてます。
あと、開発放言の各投稿からQUICKPOSTに投稿番号を挿入するボタン あると嬉しいです✨ #要望
#質問 です。
複数のてがろぐを設置したときに同じtegalog.cgi、fumycts.plを読み込むことは可能でしょうか。
例えばですが、
├index.html
└blog ┬ tegalog.cgi、fumycts.pl
├ tegalogA
└ tegalogB
のように、てがろぐディレクトリ外にtegalog.cgiとfumycts.plを設置し、てがろぐAとBはその二つのcgiとplファイルを読み込むという感じです。
てがろぐが便利&使いやすいのでついつい増やしてしまうのでアップデートが一括でできたらいいなと思いました。
もし方法がなければ今まで通りこつこつひとつづつアップしていきますが、可能でしたらご教授ください。
よろしくお願いします。
最近涼しくなってきたので、秋の味覚を置いておきます(柿の絵文字ってないんですね) つ🍠🍠🍠🌰🌰🌰🍇🍇
- 従来のリンク記法 [ラベル]URL 例:[にししふぁくとりー]https://www.nishishi.com/畳む
- 丸括弧リンク記法 [ラベル](URL) 例:[にししふぁくとりー](https://www.nishishi.com/)畳む
- 相対パスでの例 [ラベル](../page.html) など。
- 絶対パスでの例 [ラベル](/sample/yomple.html) など。
- メールリンク例 [ラベル](mailto:メールアドレス)
- 電話リンクの例 [ラベル](tel:電話番号)
🍧Re:3985◆ありがとうございます。今後、カテゴリ周辺機能を拡充する際などで、一連の処理全体を見直すことがあったときに、半角記号も許容できるように検討します。
🍨Re:3980◆参考情報をどうもありがとうございます。てがろぐでは、ユーザさんがどんなスキンを用意なさっているかが事前にはわかりませんので、極力CSSを強制出力するのは避けたいと思っていまして(スキンに影響を及ぼすかも知れませんから)、JavaScriptだけで対処する必要があるだろうな……と思っています。何か考えて試してみますので、気長にお待ち頂ければ幸いです。
🍨Re:3983◆ご愛用ありがとうございます! 調べてみたところ、カテゴリ名の登録処理に関してはそこそこ横着な実装になっておりまして(^_^;)、半角記号5つ ' " > < & は使えない(強制的に消される)仕様になっていました。これを修正しようとすると、ちょいと確認しないといけない範囲が広くて、抜けがあるとバグの温床になってしまいますから、今のところは「仕様」だとご解釈頂いて、全角文字をお使い頂けますとありがたいです。
カテゴリ名に半角の&を使いたかったのですが、入力してもなくなってしまいます。プログラム上、入力できないようになっていますかね…?今のところ全角の&を入れているのですが、もし半角で表示できる方法があればご教示いただけると幸いです。
私はJavaScriptに詳しくないので、ただただ「なるほど~!」と読ませて頂きました。
てがろぐを使用なさっている方で上手く対処している方はお見かけしていないのですが、CSSで実装する方法で下記のようなものは見かけました。
【CSSだけで作る開閉エリア 「もっと読む」タイプ】
https://webwork-plus.com/content/design/open-area.html...
てがろぐはaタグとJavaScriptで実装されているので的外れなことを申しているかもしれませんが…。
にししさんが考えられているJavaScriptの実装で上手く行ったらそれが1番ベストですね!
気が向かれた時にでも、宜しくお願いいたしますm(__)m
返信が遅くなってすみません。気力が乏しすぎまして。_(┐「ε:)_
🍧Re:3972◆涼しくなってくれることを期待したいです……!
🍧Re:3973◆「8月末まで夏休み」という人々の場合には「わぁ、休みがたくさんある!」みたいな感想になるかもしれませんが、「8月29日から2学期」みたいな場合だと40日まであっても「それがどうした……!」みたいな反応になりそうですね。^^;
🍧Re:3974◆そういえば、たしかにGMailは招待制でしたね。もう記憶がおぼろげですが。ググってみたところ、サービス開始が2004年4月で、日本で招待制が廃止されたのは2006年8月だったとか。
🍧Re:3975◆ご活用ありがとうございます。たしかにその問題はありますよね。過去にも度々要望はありまして、何かうまい解決方法はないかな……と思っているのですが。『隠されていた範囲の要素の高さから、画面(描画領域)の高さを引いて、値がマイナスにならなければその分だけ上方向にスクロールする』……みたいなJavaScriptでいけますかね? 常に上方向にスクロールすれば良いわけではなくて、あくまでも「続きを展開した結果として(読み進めるために)スクロールが発生した場合にだけ、スクロールした分量だけ戻す」みたいな処理が要りそうな気がしているのですが。なんか、既にうまく解決した方がいらっしゃったら教えて下さい。(^_^;)
🍧Re:3976◆ご要望ありがとうございます。こんなOpenライセンスな地図サービスがあったんですねえ。詳しい解説をどうもありがとうございます。ちょいと見てみましたが、「共有リンクURL」から「埋込用HTMLのパラメータ」に変換する方法がなさそうなので、少なくとも「共有リンクURL」を書くだけで埋め込めるように作るのは無理っぽいですね。埋込用のHTMLから地図URLを抜き出して指定する仕様にすればいけそうですが。将来的には任意のHTMLソースをそのまま書ける機能も用意するつもりではいますので、それをお待ち頂くのが現実的かな……、という気が今のところはしています。気長にお待ち頂ければ幸いです。
🍧Re:3977◆任意のURLを読みに行く処理はPHPだと激しく簡単なんですが、Perlだと外部のモジュールを読まない限り難しいんですよね……。というわけで、外部ページのOGPを読む機能は作っていなかったのですが、よくよく考えたら(てがろぐ内部でリンク先HTMLを読みに行かなくても)JavaScriptで読みに行けば良さそうな気もしてきました。Twitterの埋め込みのように、最初の一瞬は「埋め込み中……」のような表示が見える可能性はありますが、JavaScriptでリンク先を読みに行ってOGPがあればテキストリンクを置き換える……という処理をすれば良さそうな気もしてきました。そういう方向で一度実装を考えてみましょうかね。例えば、[リンクテキスト:OGP]https://example.com/のような記法でリンクされたときにだけOGPを読みに行くJavaScriptを出力する……みたいな方法があるかな、と思いました。ちょっと考えてみます。
🍧Re:3978◆blosxom……! ありましたね。私も一瞬だけ使った(使おうとした)ことはありましたが、Web上だけでは完結しない仕組みが面倒で使わなかった気がします。やはり作るとしたら、(たとえHTMLソースを自力で書くとしても)Web上の編集画面内から投稿できる仕組みの方が楽で望ましいですね。投稿するのはあくまでもコンテンツ本体部分だけで、タイトルや日付やカテゴリみたいなメタデータは別途CMS上で登録・管理できるようになっていないと、面倒すぎて使い続ける気が起きなさそうな気はしています。
Perlで書かれたツールですがHTMLをアップロードすることで更新する形式になってました。一時期使ってましたがアップロードするのが面倒くさくなって使うのをやめた記憶。
てがろぐ自体にもOGP+Twitter Card出力機能が実装され、これをonにしていればTwitter/Xやfacebook等にてがろぐのリンクが貼られたときに#OGPが表示される状態ですが、逆に他のサイトのURLをてがろぐの投稿に貼ったときに、そのサイトで出力しているOGPが表示される機能がほしいです。
ニュースサイトなどはほとんど皆OGPを出力しているので、気になったニュースのURLをどんどん貼っていって、画像とサマリー付きでリンク集風になるような使い方ができると思います。
URLリンクの全部にOGPが貼られるとうざくなる場合もありそうなので、「任意URLリンク」「指定No.リンク」等の並びで「OGP付きリンク」のボタンがある感じをイメージしています。
リンク先にOGPがない場合は、単にURLリンクだけを生成して終わるような。
ご検討のほど、よろしくお願いいたします。
最近てがろぐを設置し、データベースなしでこんなに高機能なんて!と感心しつつ、カスタマイズにはげんでいるところです。
早速ですが、#地図 の埋め込み機能のリクエストです。
🗾 OpenStreetMapの埋め込みについて
私は、OpenStreetMapという、誰でも編集できて利用の制約がゆるいオンライン地図のマッピングで活動しています。
OpenStreetMapのサイト自体に共有リンクを出力する機能があるので、これを使っててがろぐの投稿に地図表示を埋め込めるといいなと思います。
(以下、技術的な説明が長いのでたたみます)
共有メニューから「リンク」をクリックすると
https://
www.openstreetmap.org/?
mlat=43.3853&mlon=145.8171#
map=16/43.3853/145.8171
「HTML」をクリックすると
<iframe
width="425" height="350" src="https://
www.openstreetmap.org/export/embed.html?
bbox=145.8067059516907%2C43.37855547332784%2C145.8275628089905%2C43.392075799933046&
layer=mapnik&
marker=43.38531601356901%2C145.81713438034058"
style="border: 1px solid black">
</iframe>
<br/>
<small>
<a href="https://
www.openstreetmap.org/?mlat=43.3853&mlon=145.8171#map=16/43.3853/145.8171">大きな地図を表示
</a>
</small>
というURLが出力されます。
(こちらはURL貼り付け禁止とのことですが、説明に必要なため、引用として貼らせていただきました。元のURLに改行はありませんが、意図的にあちこちに改行を入れてリンク表示にされないようにしています。表示される場所はいずれも北海道の納沙布岬です)
「リンク」の方のURLは、mlat=xx&mlon=xx が地図上のマーカーの座標(緯度経度)です。
#map=16 の16などの数値はズームレベル(表示縮尺)その後ろの数値は地図の中心の座標です。
マーカー付きで当該場所の地図を表示したOpenStreetMapのサイトが開きます。
OpenStreetMap側のチェックボックスで、マーカーを含めないリンクにもできます。
「HTML」の方のURLはiframeタグ付きで出力されていて、てがろぐのソースを見るとYoutube等の埋め込みもirameタグを使用しているので、このURLをてがろぐに合うように加工して投稿に埋め込めないだろうかと思ったところです。
bbox=から&までの間の数値は、前半がフレームの左下角、後半が右上角の座標です。
layer=mapnikというのはOpenStreetMapの標準地図レイヤーを指しています。サイト上で6種類の地図レイヤーが選択できるようになっているので、URLを出力したときに選択しているレイヤー名が表示され、埋め込み地図でも同じ地図レイヤーで表示されます。
marker=以降は前段に書いたマーカー座標です。畳む
世間一般では、Googleマップの埋め込みの需要の方が多いだろうとは思いますが、私がOpenStreetMap界隈で活動しているため、こちらでリクエストさせていただきました。
Googleマップにも「地図を共有または埋め込む」というメニューがあり、iframeタグ付きの埋め込み用URLが出力できるので、OpenStreetMapができるならGoogleマップもできるのかもしれません。
『続きを読む』の機能を使用して結構長文を書くことが多いのですが、『畳む』をクリックして閉じた時に、閉じた文章の高さの分だけ下のテキストが引っ張られてきてしまい、ページの中で迷子になりやすいです。
なので、どれだけ隠されていた文章を読んでスクロールしても、『畳む』をクリックしたら『続きを読む』の位置に戻ってくれたら嬉しいなぁと思います。
気が向かれましたら、ご検討頂けますと幸いです!今後とも応援しております。
そしてMacではWindowsのテキストファイルが開けないと言う問題に直面したとか。
メルアド取ったはいいが相手がいなくて使いみちがなかったとかそういう昔話。そもそも電子メールとは?と説明するところからだったとか。
Gmailは最初招待制だったよね。PCヲタの友達がさっさと招待してくれてID取れたんだよなあとか、そういうことを思い出す深夜。
2023年8月 この範囲を時系列順で読む この範囲をファイルに出力する
「(ただし、これには以下の2つの機能が必要だと思います。)既に返信お知らせメールを・・・・・・・」「既存の投稿が再編集された結果として・・・・」
まで読んだところで、ワァ!ここまで考えるんだ~!とビックリでした。なるほどなるほどです。その続きも様々に考慮されているので敬服いたしました。暑い中、お時間をとって考えて書いて下さってありがとうございます。
当面は、おっしゃるようにWordpressのプラグインでしのごうと思います。←ちょっと動作が遅くなるらしいのですが。 とにかく、ありがとうございました。!!
🍧Re:3969◆ご要望をありがとうございます。訪問者が自力でIDを作成できる機能については、一応は開発ToDoリストに含まれてはいるものの、そうそう直近には実現できなさそうに思いますので、現状ではWordPress等をお使いになるのが現実的な気がします。
参考までに、てがろぐにどんな機能を追加すれば実現できそうかを記してみます。
(長くなりますので畳んでおきます)
- メールを送信できる機能を用意する。
- 訪問者が自分でIDを作成できる機能を用意する。
- (これにはいくつかの方法がありますが例えば以下のような方法が考えられます)
- ユーザIDの新規作成画面だけは非ログイン状態でも表示できるように作り替える。
- 一時的にダミーのIDでログインされているような状態になるよう作り替えて、ユーザIDの新規作成画面だけは表示できるようにする。
- そもそもログイン画面に、ユーザIDの新規作成機能も持たせるよう作り替える。
- (これにはいくつかの方法がありますが例えば以下のような方法が考えられます)
- ユーザID作成画面にメールアドレスの登録項目を加える。
- メールアドレスの実在を確認するためのURLを(指定のメールアドレスに)送信する機能を加える。
- (これには以下の3つの機能が必要なように思います)
- メールアドレスの実在を確認するための一時的なURLを生成する機能
- そのURLにアクセスがあった場合にだけ、新規に作成されたユーザIDを有効にする設定機能
- 管理者が自力でIDを作成した場合に限っては上記の確認作業を不要にする機能(※これは現状の手軽さを維持するために必要だと思います)
- (これには以下の3つの機能が必要なように思います)
誰でもIDを作成できるようにする場合は、弱いパスワードを拒否するような仕組みもある方が望ましいかもしれませんね。
あと、「返信お知らせメール」を送信するためには、以下の5・6も必要です。
- 投稿に対して返信が付いたかどうかを認識する機能を加える。
- (現状では、SNSのように返信する機能がありませんので、以下のどちらかが必要です。)
- SNSのように、ある投稿に対して「返信」を繋げられるようにする機能を加える。
- 本文中に書かれた >>3969 のような記述を探してそれを「返信」だと解釈する機能を加える。
- (現状では、SNSのように返信する機能がありませんので、以下のどちらかが必要です。)
- 返信が付いたときにお知らせメールを送信する機能を加える。
- (ただし、これには以下の2つの機能が必要だと思います。)
- 既に返信お知らせメールを送信済みの投稿が再編集された場合には送信しないようにする仕様。
- 既存の投稿が再編集された結果として、そこに返信が追記された場合にはお知らせメールを送信する機能。
- (ただし、これには以下の2つの機能が必要だと思います。)
たぶんですが、本格運用するためには以下の機能も必要な気がします。
- お知らせメール送信時に不達でエラーメールが返ってきた場合に対処する機能を加える。(そうしないと、ユーザID作成後にメールアドレスが削除された場合、そのメールアドレス宛に何度も送信してしまうことになりますから。)
- ただ、これはちょっと難しくて、以下の機能が必要です。
- メールボックスを自動で定期的にチェックする仕組みを用意する。(これが大変そうです)
- メールの中身を読んで、それが不達エラーメールかどうかを判定する機能を作る。
- 不達エラーだった場合には、そのメールアドレスが登録されているIDを停止するなどの処置をする。
- ただ、これはちょっと難しくて、以下の機能が必要です。
畳む
……というわけで、上記の機能を加えれば、概ねご要望の機能になるのではないかと思います。
てがろぐに将来的に上記のような機能が加わる可能性がないとは言えませんが、仮に加わるとしてもずいぶん先になると思います。
現状では、WordPressをお使い頂くのが一番現実的なような気がします。(もちろんMastodonやMisskeyのようなSNSでも良いですが、それらよりはWordPressの方がまだ設置は容易でしょう。)
なお、WordPressには、だれでもユーザー登録ができるようにするオプションが存在しますし、登録したメールアドレス宛てに通知メールが送信される機能もあるようです。
自分で実装できればいいのですが、ログイン場面で新しく訪れた人が自分で自分専用のIDとPWを作ることはできませんか?
その際には、メールアドレスで本人確認をして、投稿にはメルアドは出さなくてもよいのですが、返信が付いたときにはお知らせメールが届くようにできるとなお良いと思います。
このように考えたのは、イベント期間中に参加者同士がイベント会場のあちこちで発見したこととか、撮った写真をポストして、お互いに交流できると良いと考えているからです。
そして、投稿内容には責任を持ってもらうために、それぞれの人のメルアドと紐付けした専用のIDを持てるようにしたいわけです。
お忙しいとは思いますが、ご健闘頂けると嬉しいです。あるいは、「~~~をすれば、実装できる」というヒントでも頂ければ幸です。m(__)m