てがろぐ - Fumy Otegaru Memo Logger -

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

新規投稿 管理用




or 管理画面へ

■フリースペース： 編集

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

カテゴリ「回答/返信」に属する投稿［652件］（8ページ目）

たけのこの里を食べようかな……。🍫🍫🍫

🍫Re:4026◆情報をどうもありがとうございます。おかげさまで、カラフルボックスでのセットアップ手順を修正できました。mixhostもそうですが、標準モジュールもデフォルトでは入っていない仕様になっているというのは、もはや「CGIを使う」ということを積極的には考慮しない方針なんでしょうかね……。
🍫Re:4027◆Spotifyの埋め込みサイズは、管理画面の設定から自由に変更できますのでお試し下さい。660×175(px)にすると、だいたいApple Musicの埋め込みサイズと同じになると思います。てがろぐの設定では（従来からお使いの方々の表示が突然変わってしまわないように）Spotifyは「旧標準サイズ」がデフォルトになっていますが、今のSpotifyだとApple Musicのように「横長」が基本なようです。
Spotifyの埋め込みサイズ選択肢
(394文字) No.4028 回答/返信 at 2023/09/29(金) 19:24:07〔1年以上前〕 by NO IMAGE にしし 編
果たして、追加のアイスは買っておく方が良いか、それとも在庫だけで残暑を乗り切れるか……？🍨🍨🍨

🍨Re:4012◆ご活用ありがとうございます。ご要望もありがとうございます。良さげな実装方法さえ思いつけば加えたいとは思っているのですが、今のところ思いついていません。気長にお待ち頂ければ幸いです。当面は、いかにスクリーンショットを楽にファイル化するかをお考え頂く方が現実的かもしれません。
🍨Re:4015◆設置ありがとうございます。お好きなようにご活用頂ければ幸いです。
🍨Re:4016◆スキンの配布をありがとうございます。活用の幅が広がって嬉しいです。(╹◡╹)ﾉ
(302文字) No.4018 回答/返信 at 2023/09/24(日) 22:50:53〔1年以上前〕 by NO IMAGE にしし 編
おはようございます。🌰

🌰Re:4009◆はい。可能です。「所属カテゴリ別に装飾を変化させる方法」をご覧下さい。装飾関連についてはカスタマイズ方法ページにいろいろ書いてありますので、目次をざっと眺めたり、[Ctrl]＋[F]で検索したりしてみて下さい。

(追記)
おっと、回答を書いている間に新たな回答が。
🌰Re:4010◆サポートありがとうございます。(╹◡╹)ﾉ β版のご試用もどうもありがとうございます。
(217文字) No.4011 回答/返信 at 2023/09/19(火) 08:25:33〔1年以上前〕 by NO IMAGE にしし 編
β版のご試用をどうもありがとうございます！

🌰Re:4003◆私はまさにそのDancemaniaシリーズのCD（をリッピングしたデータ）で聴くことが多いです。Smile.dkのアルバムは持っていないのに、プレーヤー上で検索してみると Butterfly は4枚のCDに収録されていました。（そのうちの1つは Dancemania10 でした。）Dancemaniaは配信されていないんですねえ。トラック間で連続するノンストップな仕様だと配信しにくいんでしょうかね……？
🌰Re:4004◆β版のご試用をありがとうございます。:NEWのご指摘もありがとうございます。うっかりしていました。ローカルのソースは修正しましたので次のバージョンでは直ります。もし今すぐご活用なさりたい場合は、No.4007の方法をお試し下さい。
🌰Re:4005◆お役に立ったようで嬉しいです。(╹◡╹)ﾉ
🌰Re:4006◆はい。日付の変更もできます。デフォルト設定では、投稿欄の下部に「日付」ボタンは出ていないのですが、管理画面の「設定」→「投稿欄の表示」→「日時ボタンの表示設定」で設定をONに変更すると「日付」ボタンが現れるようになり、投稿日時として認識される日時を自由に手動入力できます。また、手動入力された日時を使って全投稿を並べ直すこともできます。詳しくは、などもご参照下さい。
(661文字) No.4008 回答/返信 at 2023/09/19(火) 02:21:34〔1年以上前〕 by NO IMAGE にしし 編
Dub-I-Dub も Butterfly も今でも時々聴きます。

🌰Re:3998◆Apple Music公式サイトから「埋め込み用コード」を取得して静的なHTMLに埋め込んでみても、同様の問題が発生していますので、さすがにこれは仕様変更ではなく一時的な不具合ではないでしょうかね……？ 1曲目しか埋め込めない仕様になったのだとしたら、表示されている曲名と再生される曲が一致していない状態もおかしいですし。待っていれば、そのうち改善(解決)されるのではないでしょうか。
(237文字) No.3999 回答/返信 at 2023/09/16(土) 22:35:18〔1年以上前〕 by NO IMAGE にしし 編
🌰Re:3994◆ちょいと状況がよく見えないので、もう少し詳しく状況を教えて頂けますでしょうか。
例えば、1投稿の中に、画像Ⓐ→画像Ⓑ→画像Ⓒの順序で3枚の画像を掲載している場合、[[COMMENT:PICTS]] を使うと、Ⓐ→Ⓑ→Ⓒ の順序で3枚すべてが出力されます。にもかかわらず、『その投稿の最後の画像がサムネイルになる』という状況になる理由が分からないのですが。
もし、
  • [[COMMENT:PICTS]] を使っているなら3枚の画像全部がⒶ→Ⓑ→Ⓒの順番で表示されるハズですし、
  • デフォルトのギャラリー用スキンで使っている [[ONEPICT:1]] を使っているなら画像Ⓐの1枚だけが表示されるハズですから、
どちらにしても、「最後の1枚(画像Ⓒ)だけが見える」という状況にはならないと思うのですけども。
どのようなスキンをお使いなのか、どのような本文を投稿しているのか、等の情報をもう少し詳しく教えて頂けると、何らかの回答ができるかもしれません。
(439文字) No.3995 回答/返信 at 2023/09/15(金) 21:44:28〔1年以上前〕 by NO IMAGE にしし 編
栗の季節ですね。モンブランは大好物です。🌰🌰🌰

🌰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回だけで済みます。ただ、レンタルサーバではこのような方法でのプログラムの実行は拒否されるのではないかと思いますので、たぶん動作はしない気がします。もしうまくいくサーバがあったら教えて下さい。(^_^;)
(749文字) No.3992 回答/返信 at 2023/09/14(木) 23:06:30〔1年以上前〕 by NO IMAGE にしし 編
かき氷を補充購入しておくべきか、それとももうアイスで充分と考えるか……。🍧🍧🍧

🍧Re:3985◆ありがとうございます。今後、カテゴリ周辺機能を拡充する際などで、一連の処理全体を見直すことがあったときに、半角記号も許容できるように検討します。
(123文字) No.3986 回答/返信 at 2023/09/07(木) 23:34:18〔1年以上前〕 by NO IMAGE にしし 編
バニラのカップアイスを食べました。🍨

🍨Re:3980◆参考情報をどうもありがとうございます。てがろぐでは、ユーザさんがどんなスキンを用意なさっているかが事前にはわかりませんので、極力CSSを強制出力するのは避けたいと思っていまして（スキンに影響を及ぼすかも知れませんから）、JavaScriptだけで対処する必要があるだろうな……と思っています。何か考えて試してみますので、気長にお待ち頂ければ幸いです。

🍨Re:3983◆ご愛用ありがとうございます！ 調べてみたところ、カテゴリ名の登録処理に関してはそこそこ横着な実装になっておりまして(^_^;)、半角記号5つ ' " > < & は使えない（強制的に消される）仕様になっていました。これを修正しようとすると、ちょいと確認しないといけない範囲が広くて、抜けがあるとバグの温床になってしまいますから、今のところは「仕様」だとご解釈頂いて、全角文字をお使い頂けますとありがたいです。
(437文字) No.3984 回答/返信 at 2023/09/06(水) 01:43:22〔1年以上前〕 by NO IMAGE にしし 編
近所のスーパーで、かき氷の販売コーナーが大幅減少していた……！ まだ暑いのに……！🍧🍧🍧
返信が遅くなってすみません。気力が乏しすぎまして。_(┐｢ε:)_

🍧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上で登録・管理できるようになっていないと、面倒すぎて使い続ける気が起きなさそうな気はしています。
(1676文字) No.3979 回答/返信 at 2023/09/04(月) 19:48:53〔1年以上前〕 by NO IMAGE にしし 編
今日も暑くなりそう……。_(┐｢ε:)_ ただ、今の時点ではまだ扇風機だけで大丈夫ですが。

🍧Re:3969◆ご要望をありがとうございます。訪問者が自力でIDを作成できる機能については、一応は開発ToDoリストに含まれてはいるものの、そうそう直近には実現できなさそうに思いますので、現状ではWordPress等をお使いになるのが現実的な気がします。
参考までに、てがろぐにどんな機能を追加すれば実現できそうかを記してみます。
（長くなりますので畳んでおきます）

  1. メールを送信できる機能を用意する。
  2. 訪問者が自分でIDを作成できる機能を用意する。
    • （これにはいくつかの方法がありますが例えば以下のような方法が考えられます）
      • ユーザIDの新規作成画面だけは非ログイン状態でも表示できるように作り替える。
      • 一時的にダミーのIDでログインされているような状態になるよう作り替えて、ユーザIDの新規作成画面だけは表示できるようにする。
      • そもそもログイン画面に、ユーザIDの新規作成機能も持たせるよう作り替える。
  3. ユーザID作成画面にメールアドレスの登録項目を加える。
  4. メールアドレスの実在を確認するためのURLを(指定のメールアドレスに)送信する機能を加える。
    • （これには以下の3つの機能が必要なように思います）
      • メールアドレスの実在を確認するための一時的なURLを生成する機能
      • そのURLにアクセスがあった場合にだけ、新規に作成されたユーザIDを有効にする設定機能
      • 管理者が自力でIDを作成した場合に限っては上記の確認作業を不要にする機能（※これは現状の手軽さを維持するために必要だと思います）

誰でもIDを作成できるようにする場合は、弱いパスワードを拒否するような仕組みもある方が望ましいかもしれませんね。
あと、「返信お知らせメール」を送信するためには、以下の5・6も必要です。
  1. 投稿に対して返信が付いたかどうかを認識する機能を加える。
    • （現状では、SNSのように返信する機能がありませんので、以下のどちらかが必要です。）
      • SNSのように、ある投稿に対して「返信」を繋げられるようにする機能を加える。
      • 本文中に書かれた >>3969 のような記述を探してそれを「返信」だと解釈する機能を加える。
  2. 返信が付いたときにお知らせメールを送信する機能を加える。
    • （ただし、これには以下の2つの機能が必要だと思います。）
      • 既に返信お知らせメールを送信済みの投稿が再編集された場合には送信しないようにする仕様。
      • 既存の投稿が再編集された結果として、そこに返信が追記された場合にはお知らせメールを送信する機能。

たぶんですが、本格運用するためには以下の機能も必要な気がします。
  1. お知らせメール送信時に不達でエラーメールが返ってきた場合に対処する機能を加える。（そうしないと、ユーザID作成後にメールアドレスが削除された場合、そのメールアドレス宛に何度も送信してしまうことになりますから。）
    • ただ、これはちょっと難しくて、以下の機能が必要です。
      1. メールボックスを自動で定期的にチェックする仕組みを用意する。(これが大変そうです)
      2. メールの中身を読んで、それが不達エラーメールかどうかを判定する機能を作る。
      3. 不達エラーだった場合には、そのメールアドレスが登録されているIDを停止するなどの処置をする。

畳む
……というわけで、上記の機能を加えれば、概ねご要望の機能になるのではないかと思います。

てがろぐに将来的に上記のような機能が加わる可能性がないとは言えませんが、仮に加わるとしてもずいぶん先になると思います。
現状では、WordPressをお使い頂くのが一番現実的なような気がします。（もちろんMastodonやMisskeyのようなSNSでも良いですが、それらよりはWordPressの方がまだ設置は容易でしょう。）
なお、WordPressには、だれでもユーザー登録ができるようにするオプションが存在しますし、登録したメールアドレス宛てに通知メールが送信される機能もあるようです。
(1824文字) No.3970 回答/返信 at 2023/08/29(火) 09:00:14〔1年以上前〕 by NO IMAGE にしし 編
今日もかき氷（宇治金時）を食べました！ あつい……！🍧🍧🍧

🍧Re:3962◆お役に立ったようで良かったです！(╹◡╹)ﾉ
🍧Re:3964◆私も知りたかったんですが、No.3965さんの解説が詳しいですね！
🍧Re:3965◆詳しい解説をどうもありがとうございます！ Blobcatはそういう背景で、いろんな人によって作られたキャラクターなんですねえ。参考リンクもありがとうございます。分かりやすくて助かります。
🍧Re:3966◆イーロン……!!! たしかにツイートの埋め込み機能は、URLが twitter.com ドメインであることを前提にしていますので x.com だと埋め込まれませんね。次のバージョンでは対処します。現状では、埋め込みたいツイートのURLのうち x.com の部分を twitter.com に自力で書き換えて頂くと埋め込まれないでしょうか？ お手数ですが、お試し頂ければ幸いです。
(432文字) No.3967 回答/返信 at 2023/08/28(月) 17:35:53〔1年以上前〕 by NO IMAGE にしし 編
こしあんのあずきバー食べたい。（明日から発売らしい）🍨

🍨Re:3957◆この動作試験場ではUPできる画像のファイルサイズを最大500KBに制限しています。ご自身で設置してお使いになる場合は任意に設定できます（デフォルトでは無制限です）。
🍨Re:3958◆ご活用頂ければ幸いです。(╹◡╹)ﾉ
🍨Re:3960◆はい。個別鍵は投稿本文中のどこに書いても同じです。複数書くと鍵を複数個用意することもできます。なお、「鍵付きでも1行目だけは見せたい」という場合には『鍵が掛かっていても一部を見えるようにする設定方法』がありますのでご活用下さい。鍵の記載位置に関係なく、本文の1行目だけは常時見えるように設定できます。
20230827131540-nishishi.png
なお、個別鍵の仕様については、「個別鍵を指定する操作方法」もご参照頂くと良いと思います。
(443文字) No.3961 回答/返信 at 2023/08/27(日) 13:13:52〔1年以上前〕 by NO IMAGE にしし 編
今日も、かき氷（宇治金時）を食べました。🍧

🍨Re:3938◆ご愛用ありがとうございます！
🍨Re:3940◆最新のβ版を公開しましたので、もしよろしければお試し頂ければ幸いです。（とはいえ、今月中には次の正式版 4.1.0 をリリースする予定ではいますけども。）
🍨Re:3941◆末永くご愛用頂ければ幸いです！
(175文字) No.3944 回答/返信 at 2023/08/19(土) 19:55:52〔1年以上前〕 by NO IMAGE にしし 編
かき氷（宇治金時）を食べました。🍧

🍘Re:3936◆複数の画像ファイルを同時に選択した場合の掲載順序は、お使いの環境次第で変わります。ブラウザ側が提供しているファイル選択UIを利用しているため、てがろぐ側では（実際にどんな順序で画像が送信されてくるのかを）制御できないのです。
なので、確実に指定の順序で掲載するためには、以下のような方法を採る必要があります。

方法Ⓐ：とりあえず複数UPしてから編集画面で順序を入れ替える。
1. 複数画像を選択して新規投稿します。
2. 画像の掲載順が望み通りでなかったら、編集画面を出して順序を変更します。
（一時的にも表示されてしまうのを避けたい場合は、1の時点で「下書き」にチェックを入れて投稿すれば、自分だけがプレビュー表示できます。）

方法Ⓑ：先に画像管理画面で画像をUPしておいて、好きな順序で新規投稿に使う。
1. 画像管理画面にアクセスして複数画像をUPします。
2. 使いたい画像にチェックを入れて、「新規投稿に使う」を選択した上で「実行」ボタンを押します。
3. すると、それらの画像が編集領域に入った状態で新規投稿画面が出ますので、そこで望みの順序に変更して新規投稿します。

たぶん、上記のどちらかの方法しかないと思います。
これらの方法だと、画像を文中に分散して挿入することもできますので、（一手間増えますが）自由度は上がります。
ご活用頂ければ幸いです。
(618文字) No.3937 回答/返信 at 2023/08/18(金) 19:00:45〔1年以上前〕 by NO IMAGE にしし 編
今日もあつい……。_(┐｢ε:)_

🍘Re:3933◆ああ、このページがありましたね。ありがとうございます。
🍘Re:3928◆「てがろぐ個別記事の前後移動リンク」で解説されている方法が分かりやすいですのでお試し下さい。
(147文字) No.3934 回答/返信 at 2023/08/18(金) 11:14:15〔1年以上前〕 by 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/～ みたいに（その他の動画と同様の記法で）埋め込めるようになりました。
表示例：

ただ、ショート動画は縦長なので、埋め込み空間の左右に大きな余白ができてしまいますが。
(1081文字) No.3931 回答/返信 at 2023/08/17(木) 23:54:48〔1年以上前〕 by NO IMAGE にしし 編
おなかがすいた……！takoyaki3takoyaki3takoyaki3

takoyaki5Re:3913◆たしかに、iOS用ブラウザだと、ダブルタップでズームしてしまいますね。同時にコピーもできてはいるようですけども（iPadではズームせずにコピーできました）。試しに、touch-action: manipulation;を加えてみたんですが（今この試験場で動作をお試し頂けます戻しました）、そうするとiOS用ブラウザではそもそもダブルタップによるコピー自体もできなくなってしまったような気がします……。(^_^;;; どうですかね？ もしかして、touch-action: manipulation;を加えた要素では、ダブルタップのイベント自体が無効にされてしまう仕様なんですかね……。Android用ブラウザだと問題ないんですけども。

takoyaki5Re:3914◆Androidでは確かに問題ないですね。iPadでも問題ありませんでした。（もしかしたらスキンと画面サイズの問題かもしれませんが。）
(487文字) No.3915 回答/返信 at 2023/08/14(月) 00:00:15〔1年以上前〕 by 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版ブラウザにスーパーリロードの仕組みはないっぽいので、例えばここで紹介されている「閲覧履歴とタブを維持したい場合」の方法で操作するのが良いかもしれません。
(1599文字) No.3903 回答/返信 at 2023/08/06(日) 18:23:32〔1年以上前〕 by NO IMAGE にしし 編
ツイート埋め込み用の記述は今後も[Tweet]のままです。イーロンの気が変わってまた名称が変わらないとも限りませんし。

takoyakiRe:3891◆無事に動いたようで何よりです。ご愛用頂ければ幸いです。(╹◡╹)ﾉ
takoyakiRe:3892◆その機能は既にありますので、No.3893～3894さんのアドバイスとリンク先ヘルプをご参照下さい。
takoyakiRe:3893◆ピンポイントにヘルプを示して下さってありがとうございます。
takoyakiRe:3894◆詳しい解説をありがとうございます！

塩分が足りない気がする。塩を舐めたい……。_(┐｢ε:)_ 🍘🍘🍘
(333文字) No.3896 回答/返信 at 2023/08/06(日) 10:27:38〔1年以上前〕 by NO IMAGE にしし 編
あつい……！🍨🍨🍨

takoyakiRe:3887◆小6でCGIをローカルで使おうとは将来有望ですね！
てがろぐをWindowsローカル環境で動作させるには、➊Perlをインストールして、➋ウェブサーバを動作させて、➌ブラウザでhttp://localhost/(設置先)/tegalog.cgiにアクセスする……という3ステップが必要です。
  1. まず、Perlをローカルで使うには、XAMPPをダウンロードしてインストールして下さい。これを入れると、PerlだけでなくPHPとか諸々も入りますが、とりあえずPerlも入ります。Perlは単独のパッケージをダウンロードしてきてインストールする手もあるのですが、XAMPPのパッケージからインストールすると、てがろぐが必要としているモジュールも同時に入るメリットがあります(たぶん)。
  2. で、XAMPPをインストールできたらPerlの実行環境は手に入りますので、あとはローカルでWebサーバを動作させれば良いだけです。
    • Windows環境ならAN HTTPDというウェブサーバが手軽でお勧めです。説明はリンク先に書いてあります。AN HTTPDを使う場合はtegalog.cgiの中身を書き換える必要なくそのまま動きます。
    • そのほか、ウェブサーバとしては他にも（少々設定に手間が掛かりますが）XAMPPに含まれているApacheを使う手もあります。その辺の説明は、『てがろぐをXAMPPで確認したいっ！』が分かりやすく解説されていて良さそうに思いますのでご参照下さい。
  3. あとは、ブラウザで http://localhost/(設置先)/tegalog.cgi 等にアクセスすると良いです。頑張って下さい。

takoyakiRe:3888◆お役に立ったようで良かったです。(╹◡╹)ﾉ
(792文字) No.3890 回答/返信 at 2023/08/04(金) 14:30:12〔1年以上前〕 by NO IMAGE にしし 編
バナナを食べました。🍌🍌🍌

takoyakiRe:3877◆お試しありがとうございます。そうですね。実体はただの画像なので、ハッシュタグやカテゴリ名等にカスタム絵文字は使えない仕様になっております。唯一の例外が「リンクテキストには使える」だと思って頂けると良いかもしれません。
takoyakiRe:3879◆お使いのてがろぐでもご活用頂ければ幸いです。(╹◡╹) なお、この動作試験場で使っているスイカ等のアイコンはここで配布しています。
takoyakiRe:3880◆そういえば、もう夏コミまであと10日なんですね。はやい……。
takoyakiRe:3884◆ご試用ありがとうございます！ ご要望もありがとうございます。とりあえず「アップロードされているカスタム絵文字画像を一覧して記法をコピーできる機能」は次のバージョンで加えられるように計画しているところです。プルダウンメニューで選べるようにも検討します。
(451文字) No.3885 回答/返信 at 2023/08/03(木) 14:27:13〔1年以上前〕 by NO IMAGE にしし 編
昼食はピザ。🍕🍕🍕
ところてんも食べました。

🍕Re:3862◆ルビの変換もいろいろ需要があるようですね。
🍕Re:3863◆これなら2行目の'article'を.onelogbodyとかに書き換えるだけで、てがろぐ上でもそのまま使えそうですね。
🍕Re:3864◆了解しました。次のバージョンで、その仕様を採用して出力するようにします。
🍕Re:3865◆さすがにドメインが x.com に変わっても twitter.com からリダイレクトはされ続けるだろうとは思うのですけども、でもまあ、イーロン・マスクは何するか分かりませんしね……。まあ、もしドメインが変更になった場合には、「埋め込みのリンク先がtwitter.comで書かれていてもx.comに変更して出力する」のような機能は作ります。イーロンが、外部サイトへのツイートの埋め込み機能を廃止したりしなければ良いのですけどね……。^^;
(424文字) No.3867 回答/返信 at 2023/07/28(金) 12:29:04〔1年以上前〕 by NO IMAGE にしし 編
🍧Re:3858◆そういえば、それ系の処理を以前にどなたかがJavaScriptで実現なさっていませんでしたっけね……？ 各種小説投稿サイトフォーマットで書いたルビ記法を解釈して動的にルビとして表示するようにするスクリプトを（（当初は）てがろぐスキンに加える用途として）お作りになっていたのをどこかで目撃したような気がするのですが。気のせいだったかな……？ てがろぐを小説公開用途にお使いの方々も多いようですから、既に稼働しているスクリプトもありそうな気もしますけども。

稼働しているCGIのソースを修正すると、おっしゃるとおりバージョンアップの度に書き換える必要が出てきて面倒ですね。ユーザ指定の文字列を正規表現として解釈して装飾記法に変換できるような設定と動作を加えるのは、（セキュリティ面の配慮も含めると特に）なかなか大変そうなので、JavaScriptで済むならJavaScriptでご対応頂けるとありがたいです。
(413文字) No.3859 回答/返信 at 2023/07/26(水) 22:50:47〔1年以上前〕 by NO IMAGE にしし 編
かき氷を買ってきました。🍧🍧🍧

🍧Re:3854◆下記のⒶではなくⒷの順序で書くと、少なくとも引用符内が『半角スペースで終わる』ことは避けられます。
  • Ⓐ<div class="onelogbox [[CATEGORYIDS:IFEMPTY:hogehoge]] [[POSTSTATUS]]">
  • Ⓑ<div class="onelogbox [[POSTSTATUS]] [[CATEGORYIDS:IFEMPTY:hogehoge]]">
もちろん、POSTSTATUSに何も挿入されない場合は、区切りの半角スペースが2つ連続で入ってしまいますが。
この半角スペースは、てがろぐが生成しているわけではなく、スキンHTMLソースに直接書かれているものですから、てがろぐ側ではどうにもできないのです。HTMLの文法的には半角スペースがいくつ入っていても問題はないので、そのままお使い頂けば良いと思うのですが、どうしても気になる場合は、以下の対処法もあります。
  1. let pstatus = "[[POSTSTATUS]]"; のようにJavaScriptで変数に入れてから、値がある場合だけclass属性値に合成するようスクリプトを書く。
  2. <div class="onelogbox"><div class="[[CATEGORYIDS:IFEMPTY:hogehoge]]"><div class="[[POSTSTATUS]]"> のように、div要素を分割する。
後者(2)の場合なら、POSTSTATUSに何も挿入されない場合でも class="" となるだけなので半角スペースは入りません。

🍧Re:3855◆有用なTipsをどうもありがとうございます！
(749文字) No.3856 回答/返信 at 2023/07/25(火) 10:26:11〔1年以上前〕 by NO IMAGE にしし 編
今日も、かき氷（宇治金時）を食べました。🍧🍧🍧

🍧Re:3843◆ちょいとご要望の内容が見えてこないので、もう少し詳しく教えて欲しいのですが、
そのモードが「載せているすべての画像を表示する」のであれば
➡ 検討中のイメージリストモードは、新着画像リストと同様に「アップロードされている全部の画像」を「画像だけ」見せる形態です。投稿に掲載されているかどうかに関係なく、投稿に使われていない画像も含めてすべての画像が表示されるモードを想定しています。
「載せている」という表現だと少々曖昧なのでご認識内容が明確には分かりませんが、もし「画像保存用ディレクトリにアップロードされている」という意味でおっしゃっているならその通りですが、「投稿に掲載されている」という意味でおっしゃっているなら若干異なります。
投稿のn枚目を表示
➡ 投稿に含まれるn番目の画像を表示するには [[ONEPICT:n]] 記法が使えますが、この方法では何か不都合がありますか？
クリックすると（個別記事に飛ばず）そのままlightbox等でその投稿に含まれる画像が見れる
➡ これは残念ながら、てがろぐの仕様では無理です。てがろぐでは画像と投稿は紐付いておらず別管理なので、記事を表示しない状態では「どの画像がどこで使われているのか」が何も分からないので、「この画像とこの画像が同じ記事で使われている」といった情報を得る方法がありませんので。（しかも、同じ画像を複数の投稿に使うこともできますから。）
イメージとして<a href="[[GETURL:PICT:1]]" data-lightbox="[[postid]]">みたいな事ができればな〜と
➡ これはまさしくそうスキンに書くことで実現できると思うのですが、そうできない問題が何かありますでしょうか？
(775文字) No.3844 回答/返信 at 2023/07/16(日) 23:21:27〔1年以上前〕 by NO IMAGE にしし 編
🍧Re:3840◆「他の部分を変にした」のが原因なら、直すのはその「他の部分」でないと元に戻らないと思います。
その「他の部分」をそのままにしてどうにかしたい場合には、確かに「日付別リスト」の部分( .datelistarea )に望みの装飾を書くと良いです。

ただ、その場合は「他の部分を変にした結果」を打ち消すような装飾も一緒に書かないと望みの装飾にならない可能性がありますので、無駄なソースが増えることになりますし、何より「他の装飾を打ち消す方法」を編み出さないと望みの装飾ができません。なので、原因になっている「他の部分」を元に戻す方が楽な可能性もあります。

CSSは「ある部分の変更が別の部分にも及ぶ」という可能性がありますので、『変になった箇所をそのまま放置してさらに変更を加えていく』方法で書き進めると、やがてCSSソースが理解しにくいスパゲッティになっていきます。(^_^;)「ああ、何か変になったな」という場合は、ひたすらUndoして、変にならない状態にまで戻してやり直す方が、結果的には分かりやすいソース（＝将来的にもカスタマイズしやすいソース）を維持できると思います。
(498文字) No.3841 回答/返信 at 2023/07/16(日) 09:57:22〔1年以上前〕 by NO IMAGE にしし 編
🍧Re:3838◆投稿1つ1つの下部に表示される線は、投稿1つを作っているボックス .onelogbox の「下側の枠線」(＝border-bottom) として指定してあります。
  • 標準スキンの場合は border-bottom: 1px #ccc dashed; になっていますので、太さ1pxの灰色の破線で表示されます。
  • 昔のTwitterっぽいスキンの場合は border-bottom: 1px #e6ecf0 solid; になっていますので、太さ1pxの薄い灰色の実線で表示されます。
したがって、この箇所を修正すれば自由に線を変更できます。
CSSをカスタマイズする際は、CSSソースの中で .onelogbox を検索してみて下さい。
(346文字) No.3839 回答/返信 at 2023/07/16(日) 00:00:58〔1年以上前〕 by NO IMAGE にしし 編
かき氷（宇治金時）を食べました。🍧🍧🍧

🍧Re:3833◆ご返答ありがとうございます。たこ焼きの絵文字はぜひともUnicodeに加えて欲しいのですけどもね～。あれほどたくさん並べて遊べる絵文字もそうそうないんじゃないかと思うんですが。(笑)
🍧Re:3834◆てがろぐのご活用をありがとうございます。どの部分をどんな感じになさりたいか、もう少し具体的に図示などして頂けましたら何らかの回答ができるのではないかと思います。
🍧Re:3835◆ご返答ありがとうございます。ⓐで良いなら実装も簡単なので楽で良いです。(╹◡╹)
🍧Re:3836◆ご返答ありがとうございます。とりあえずⓐで良さそうな感じですね。その方向で計画します。
(339文字) No.3837 回答/返信 at 2023/07/15(土) 16:50:36〔1年以上前〕 by NO IMAGE にしし 編
ここ数年、スイカを食べる機会がないような……。🍉🍉🍉

🍉Re:3830◆なるほど、ご回答ありがとうございます。Ⓐなら編集時刻を保存できるようにする拡張だけで済むので（Ⓑよりは）実装しやすそうな気はします。ToDoリストには含めますので、気長にお待ち頂ければ幸いです。
(135文字) No.3831 回答/返信 at 2023/07/12(水) 17:49:22〔1年以上前〕 by NO IMAGE にしし 編

«前の30件 / 次の30件»

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

初期表示に戻る

■全文検索：


複合検索窓に切り替える

■複合検索：

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

■カテゴリ：

■現在の表示条件での投稿総数： 652件
■最終更新日時： 2025/06/02(月) 22:34:49〔11時間前〕

■日付一覧：

■ハッシュタグ：

■カレンダー：

2023年9月
日月火水木金土
12
3456789
10111213141516
17181920212223
24252627282930
« 前の月 / 次の月 »

■最近の投稿：

■新着画像リスト：

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

全317個 （総容量 36.08MB）

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