てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

カテゴリ「カテゴリなし」の投稿4081件]38ページ目)

質問させてもらえますでしょうか。

てがろぐで複数画像をアップロードすると、順番が逆になってしまいます。
例えば2枚画像を投稿したくて、1枚目→2枚目の順番で画像を選択して「投稿する」ボタンを押すと、記事の方の表示は上から2枚目→1枚目となってしまいます。
どうすれば、上から1枚目→2枚目の順番で画像を表示できるでしょうか。

by tomoyo. <163文字> 編集

Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

by tomoyo. <1文字> 編集

>>3932
記事タイトル(1行目)を隣接リンクのラベルにするJavaScriptを書くテクニックだけを解説して下さっているページ
CMSkin作者さんのサイト内の下記ページですね。>>3928さんとは別人ですが、参考にしようと丁度見ていました😀
https://10prs.com/view/58

by admin. <149文字> 編集

記事タイトル(1行目)を隣接リンクのラベルにするJavaScriptを書くテクニックだけを解説して下さっているページってどこかにありましたっけ……?

by nishishi. <74文字> 編集

>>3929
にししさんが回答されてますが、現状では短縮URLにSpotifyが対応してくれないと難しいです。
と思ったけど短縮URLじゃないですね?以前はできてたはずだけど確認のため貼り付け。


URLからintl-jaを削除する必要がありそうですね…。

by admin. <147文字> 編集

🍘Re:3923◆絵文字ピッカー、便利そうですね! どなたかがそのような機能を作成なさるのではないか、と思って、カスタム絵文字リストの本体部分をid属性付きの <div id="CemojiList">~</div> で囲んでおきました。(笑) ただ、スクリプト部分がその要素外になっていましたね。そこも含めておけば良かったですね。^^;

by nishishi. <170文字> 編集

投稿本文中に表示されているカスタム絵文字から表示コードをコピーする機能のトリガーを、ダブルクリックにするかシングルクリックにするかを設定で選べるようにしてみました。

blueberrykiwimelonmikanmuscatpineappleringosuika
※シングルクリックでコピーされる設定の場合は、ダブルクリックしてもコピーされます。^^; もしかしたら環境によって異なるかもしれませんが。
※シングルクリックでコピーされる設定にしている場合で、カスタム絵文字をリンクラベルの中に使った場合、ピンポイントにリンクテキストの中の絵文字部分をクリックすると、コードがクリップボードにコピーされた上でさらにリンク先に移動します。

by nishishi. <448文字> 編集

Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。 Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

by tomoyo. <2文字> 編集

おなかがすいた……ので何か食べるべきか、もう寝るべきか。🍘🍩🍫

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

by nishishi. <243文字> 編集

>>3914
スマホからだと全部ズーム動作になると思ってました……💦
申し訳ありません、訂正ありがとうございます!

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

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

by sakura. <512文字> 編集

(No.3915の続き)

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

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

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

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

by nishishi. <669文字> 編集

>>3913
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい?(コピーできないわけじゃないです)

by admin. <125文字> 編集

こんばんは。いつも楽しくてがろぐを使わせていただいてます。ありがとうございます!

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

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

お忙しいところお手数ですが、ご一考いただけますと幸いです。

by sakura. <320文字> 編集

melonわーいmuscatこれは手軽でmuscat楽しいですね!takoyaki2

by misaki. <58文字> 編集

> 例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、[:takoyaki:]のようなコードがクリップボードに入ります。
blueberry
ほんとだすごい!!

by tomoyo. <94文字> 編集

外に出るだけで滝のような汗が……。_(┐「ε:)_

本文中に表示されているカスタム絵文字をダブルクリックすると、その絵文字を表示させるためのコードをクリップボードにコピーする機能を加えました。次のβ版(4.0.5)からお使い頂けます。(設定でOFFにもできますが、デフォルトではONです。)
takoyaki2 takoyaki3 takoyaki4 takoyaki6
例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、[:takoyaki:]のようなコードがクリップボードに入ります。
blueberry muscat pineapple ringo melon mikan strawberry suika kiwi
頻繁に使っているカスタム絵文字なら、いちいちカスタム絵文字の一覧画面からコードをコピーしなくても、直近の投稿に表示されている絵文字をダブルクリックすることでコードをコピーできると楽で良いかな……と思いまして。
takoyaki takoyaki5
この機能をOFFにする場合は下図の場所で。
設定『絵文字ダブルクリックでそのコードをコピーする』
ここがONだと、カスタム絵文字が表示される場合に限って、「ダブルクリックでコードをクリップボードに格納する」処理をするJavaScriptが出力されます。(ここがONでも、そのページ内にカスタム絵文字が1つも存在しなければスクリプトは出力されません。)

by nishishi. <656文字> 編集

        takoyaki5                  takoyaki5              takoyaki5                 takoyaki5
f-1f-1f-1         f-2f-2       f-3f-3       f-1f-1f-1
       f-1              f-2             f-3                   f-1
       f-1              f-2f-2       f-3f-3             f-1
       f-1              f-2                   f-3             f-1
       f-1              f-2f-2       f-3f-3             f-1

by admin. <535文字> 編集

>>3903
ご丁寧にありがとうございます~~!sakurasakurasakura
絵文字一覧も見やすいです!実装楽しみにしてます~!

by admin. <80文字> 編集

アップロードされているカスタム絵文字の一覧を表示できるようにしてみたVer 4.0.5β(未配布)の動作テスト。各COPYボタンで、表示用コードをクリップボードにコピーできます。

by nishishi. <89文字> 編集

SVG画像をSafari(iOS版だけ?)で表示させたときに、こんな問題があったとは。

by nishishi. <43文字> 編集

>>3899
解決しました!ありがとうございます!takoyakitakoyakitakoyaki

by admin. <61文字> 編集

3894,3895
見落としてました。ありがとうございます。

by admin. <33文字> 編集

DASHBOARD

■全文検索:

複合検索窓に切り替える

■複合検索:

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

■新着画像リスト:

全323個 (総容量 36.57MB)

■日付一覧:

■日付検索:

■カレンダー:

2023年8月
12345
6789101112
13141516171819
20212223242526
2728293031

■最近の投稿:

■フリースペース:

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

編集

▼現在の表示条件での投稿総数:

4081件

▼最後に投稿または編集した日時:

2025年10月13日(月) 04:03:11〔15時間前〕

RSSフィード

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