てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

2023年8月 この範囲を時系列順で読む この範囲をファイルに出力する


>>3937 にしし様

>>3936です。
ご多忙な中、ご丁寧なお返事有難うございました。
複数画像投稿の際の順番の件、にしし様のご回答の通りのやり方でやっていこうと思います。
こんな初歩的な質問に、ご親切にお答えくださって本当に有難うございました。これからも、てがろぐを楽しく使わせてもらおうと思います。
この度は本当に有難うございました!
(173文字) No.3941 at by Icon of admin あどみ
>>3929 です。


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


>>3931 にしし様
お忙しいなか、ご確認・ご対応いただきありがとうございます!
てがろぐ初心者のため原因にあたりをつけることができず、こちらへテストにうかがったのですが、
結果的にお役に立ててよかったです。
(225文字) No.3940 at by Icon of admin あどみ
約2ヶ月前に実施した、てがろぐCGIに追加を検討している機能の需要を図るための投票の集計結果を公開しましたので、ご興味のある方はどうぞ。
てがろぐ追加検討機能の投票結果
(85文字) No.3939 at by NO IMAGE にしし
>>3928です。
>>3933さんが教えて下さったリンク先の手順でページ移動リンクをタイトルに無事変更できました。
ありがとうございます!
編集画面の方のカスタマイズはできないのですね…
了解しました。

自分の使いやすいようにカスタマイズできるてがろぐ、めちゃくちゃ愛用させてもらってます。
ありがとうございました!
(160文字) No.3938 at by Icon of admin あどみ
かき氷(宇治金時)を食べました。🍧

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

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

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

たぶん、上記のどちらかの方法しかないと思います。
これらの方法だと、画像を文中に分散して挿入することもできますので、(一手間増えますが)自由度は上がります。
ご活用頂ければ幸いです。
(618文字) No.3937 回答/返信 at by NO IMAGE にしし
質問させてもらえますでしょうか。

てがろぐで複数画像をアップロードすると、順番が逆になってしまいます。
例えば2枚画像を投稿したくて、1枚目→2枚目の順番で画像を選択して「投稿する」ボタンを押すと、記事の方の表示は上から2枚目→1枚目となってしまいます。
どうすれば、上から1枚目→2枚目の順番で画像を表示できるでしょうか。
(163文字) No.3936 at by Icon of tomoyo ともよ
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.3935 at by Icon of tomoyo ともよ
今日もあつい……。_(┐「ε:)_

🍘Re:3933◆ああ、このページがありましたね。ありがとうございます。
🍘Re:3928◆「てがろぐ個別記事の前後移動リンク」で解説されている方法が分かりやすいですのでお試し下さい。
(147文字) No.3934 回答/返信 at by NO IMAGE にしし
>>3932
記事タイトル(1行目)を隣接リンクのラベルにするJavaScriptを書くテクニックだけを解説して下さっているページ
CMSkin作者さんのサイト内の下記ページですね。>>3928さんとは別人ですが、参考にしようと丁度見ていました😀
https://10prs.com/view/58
(149文字) No.3933 at by Icon of admin あどみ
記事タイトル(1行目)を隣接リンクのラベルにするJavaScriptを書くテクニックだけを解説して下さっているページってどこかにありましたっけ……?
(74文字) No.3932 at 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/~ みたいに(その他の動画と同様の記法で)埋め込めるようになりました。
表示例:

ただ、ショート動画は縦長なので、埋め込み空間の左右に大きな余白ができてしまいますが。
(1029文字) No.3931 回答/返信 at by NO IMAGE にしし
>>3929
にししさんが回答されてますが、現状では短縮URLにSpotifyが対応してくれないと難しいです。
と思ったけど短縮URLじゃないですね?以前はできてたはずだけど確認のため貼り付け。


URLからintl-jaを削除する必要がありそうですね…。
(140文字) No.3930 at by Icon of admin あどみ
自分で設置したてがろぐにspotifyがはれなかったので、スキンの仕様なのか確認のためこちらでテストさせていただきます。

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

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


→ spotifyのアプリから シェア>トラックの埋め込み からコードをコピーして、中にあるURLだけをコピー&ペースト
(241文字) No.3929 テストテスト at by Icon of admin あどみ
こんにちわ。
てがろぐにはいつもお世話になってます!
検索しても探せなかったので質問させて下さい。
管理画面の投稿内容編集・削除画面についてなのですが、edit.cssを使えば投稿記事一覧の投稿内容抜粋の文字数制限、もしくは1行目のみの表示というカスタマイズもできますでしょうか?
スキンで投稿内容1行目をタイトルとして扱っているのもあり、枠いっぱいに文字が並んでいるのが見にくいと言いますか、もう少しスマートに表示したいなあ…と。

もうひとつ。
投稿記事の前後移動リンクを、こちらも投稿内容1行目(タイトル)に変更する方法はありますか?

絵文字関連のお話が続いている中で恐縮なのですが、ご教授頂けると幸いです。
(308文字) No.3928 質問/要望 at by Icon of admin あどみ
テスト
(3文字) No.3927 at by Icon of admin あどみ
🍘Re:3923◆絵文字ピッカー、便利そうですね! どなたかがそのような機能を作成なさるのではないか、と思って、カスタム絵文字リストの本体部分をid属性付きの <div id="CemojiList">~</div> で囲んでおきました。(笑) ただ、スクリプト部分がその要素外になっていましたね。そこも含めておけば良かったですね。^^;
(170文字) No.3926 at by NO IMAGE にしし
投稿本文中に表示されているカスタム絵文字から表示コードをコピーする機能のトリガーを、ダブルクリックにするかシングルクリックにするかを設定で選べるようにしてみました。

blueberrykiwimelonmikanmuscatpineappleringosuika
※シングルクリックでコピーされる設定の場合は、ダブルクリックしてもコピーされます。^^; もしかしたら環境によって異なるかもしれませんが。
※シングルクリックでコピーされる設定にしている場合で、カスタム絵文字をリンクラベルの中に使った場合、ピンポイントにリンクテキストの中の絵文字部分をクリックすると、コードがクリップボードにコピーされた上でさらにリンク先に移動します。
(448文字) No.3925 at by NO IMAGE にしし
てすと
(3文字) No.3924 at by Icon of admin あどみ
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。 Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(2文字) No.3923 at by Icon of tomoyo ともよ
テスト2
(4文字) No.3922 at by Icon of admin あどみ
開発進捗状況報告サイトで、てがろぐ Ver 4.0.5(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 4.0.5βの更新点(概要):
《▼新機能》
アップロードされているカスタム絵文字の一覧を表示できる機能を追加。
投稿本文中に見えるカスタム絵文字をダブルクリックしたら、表示用コードがクリップボードにコピーされるオプションを追加。

《▼仕様改善》
●投稿日時順の再ソート機能や、投稿番号の再採番機能の実行仕様を改善。


詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。

アナウンス(Twitter):

アナウンス(Mastodon):
Pawooの投稿
(344文字) No.3921 アップデート✨ at by NO IMAGE にしし
たこ焼きtakoyaki3takoyaki2takoyaki6takoyaki4テスト
(59文字) No.3920 at by Icon of admin あどみ
テスト
(3文字) No.3919 at by Icon of admin あどみ
おなかがすいた……ので何か食べるべきか、もう寝るべきか。🍘🍩🍫

🍘Re:3917◆いえいえ、私もiOS用ブラウザがそんな仕様になっているとはさっぱり知りませんでしたので、新たな知見が得られました。^^; ありがとうございます。とりあえず、ズームの面の考慮はなしの状態でβ版を公開します。いろいろお試し頂ければ幸いです。(ドロップダウンリストから挿入できる機能も作る予定ではいますが、登録できる仕組みを用意するのにそこそこ工数がかかりますので、実装はもうちょっと後になると思います。)
(243文字) No.3918 at by NO IMAGE にしし
>>3914
スマホからだと全部ズーム動作になると思ってました……💦
申し訳ありません、訂正ありがとうございます!

>>3915
こちらも申し訳ありません、ズーム動作だけではなくクリックイベント全部無効になるとは知らず……知識不足でお手数お掛けしてしまいました。
コピー自体は便利な機能だと思うのですが……
ベータ版がリリースされたら自分の方でも、スキンか設定でどうにかできないか確かめてみます。ありがとうございます😊

>>3916 (投稿しているうちに更新されていたので追加で……。)
個人的にはシングルタップでもいいと思います。
話を「いつも使う絵文字を使いやすくする」という目的に戻っても良いなら、
「よく使う絵文字」というフラグを立てられるようにして、実装予定のドロップダウンリストで先頭に表示するようにする、という実装をしてほしいです。
Misskey系の絵文字ピッカーがそういう感じで、よく使う絵文字を自由に登録して優先表示できます。
(俗にリアクションピッカーと呼ばれているやつです)
てがろぐのカスタム絵文字がどこまでMisskeyに寄せるか分かりませんが……ユーザーの一意見として投稿いたします🙇‍♀️
(512文字) No.3917 at by Icon of sakura さくら
(No.3915の続き)

カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり(iOS・iPadOSでは)絵文字のダブルクリックイベント自体が無効になって(コードをクリップボードにコピーする処理自体が実行されなくなって)しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。(Androidでは問題ありませんでした。)

で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、(ダブルタップでズームするのは)スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。

何か他に良い方法はありますかね……?
とりあえず、touch-action:manipulation; を加えると(iOS・iPadOSでは)コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。

トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。
(669文字) No.3916 at by NO IMAGE にしし
おなかがすいた……!takoyaki3takoyaki3takoyaki3

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

takoyaki5Re:3914◆Androidでは確かに問題ないですね。iPadでも問題ありませんでした。(もしかしたらスキンと画面サイズの問題かもしれませんが。)
(487文字) No.3915 回答/返信 at by NO IMAGE にしし
>>3913
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい?(コピーできないわけじゃないです)
(125文字) No.3914 at by Icon of admin あどみ
こんばんは。いつも楽しくてがろぐを使わせていただいてます。ありがとうございます!

>>3910 で行われているダブルクリックでの絵文字コピーなのですが、スマホ(Safari/iPhone)でダブルタップするとズームされてしまいます
(Safariだけでなく他のスマホ端末でも同じ動作になると思いますが……)

CSSの
touch-action: manipulation;
などで、スキン側で制御することも出来ると思いますが、絵文字機能にダブルクリックコピーを標準実装するなら、合わせてズームしないようにCSSを出力する……などCGI側で制御していただけると大変助かります🙇

お忙しいところお手数ですが、ご一考いただけますと幸いです。
(320文字) No.3913 at by Icon of sakura さくら
melonわーいmuscatこれは手軽でmuscat楽しいですね!takoyaki2
(58文字) No.3912 at by Icon of misaki みさき

■複合検索:

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

■日付一覧:

■カレンダー:

2023年8月
12345
6789101112
13141516171819
20212223242526
2728293031

■最近の投稿:

■新着画像リスト:

最初のbrタグを増やす正規表現カレンダー・ヒートマップカレンダー・ヒートマップ挿入される画像表示記法の選択タイムスタンプを維持する設定(FFFTP)

全336個 (総容量 37.06MB)

SunMonTueWedThuFriSat
Apr 15 2 2 0 1 9 1
3 0 0 1 8 6 1
2 1 3 5 0 3 4
May 5 2 1 1 3 1 2
1 1 0 1 1 1 2
2 0 2 4 2 0 0
3 0 1 2 2 8 3
Jun 2 8 2 1 0 4 2
3 0 3 3 0 1 2
6 3 4 1 6 2 2
4 2 0 4 2 1 1
2 3 6 2 6 0 0
Jul 6 1 1 0 0 1 2
1 2 1 2 1 1 2
1 0 0 0 1 0 0
2 0 0 1 5 2 3
Aug 6 4 0 1 1 1 2
6 3 0 1 0 0 3
3 8 1 1 3 1 1
0 2 1 1 3 0 2
3 3 2 0 4 1 2
Sep 0 1 3 3 1 0 3
0 1 1 0 3 1 0
3 6 14 1 0 0 0
8 2 3 1 0 0 2
Oct 6 1 0 0 1 0 3
0 0 1 0 2 0 1
0 0 0 3 5 0 0
0 0 0 0 2 1 0
Nov 0 1 0 1 0 5 0
1 4 1 0 0 0 0
2 0 1 2 2 0 0
0 0 0 0 2 1 1
1 0 5 3 7 0 2
Dec 4 2 0 2 1 0 0
1 2 1 0 0 0 0
0 0 1 0 3 2 4
1 7 4 1 3 11 2
Jan 3 2 2 9 2 1 11
3 3 3 5 6 3 3
13 6 2 1 1 3 8
4 4 5 1 3 1 5
Feb 5 4 2 2 2 3 0
0 5 2 2 0 0 0
1 0 1 0 2 1 3
0 4 4 3 3 0 3
Mar 4 0 5 1 0 1 1
0 0 1 3 1 1 2
1 1 1 4 0 1 2
1 1 1 0 1 2 0
3 1 3 4 0 2 3
Apr 1 1 0 1 0 4 5
7 3 2 1 2 1 0

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