No.3919, No.3918, No.3917, No.3916, No.3915, No.3914, No.3913［7件］
テスト
by admin. ⌚2023年8月14日(月) 10:06:29〔1年以上前〕 ＜3文字＞ 編集
おなかがすいた……ので何か食べるべきか、もう寝るべきか。🍘🍩🍫
🍘Re:3917◆いえいえ、私もiOS用ブラウザがそんな仕様になっているとはさっぱり知りませんでしたので、新たな知見が得られました。^^; ありがとうございます。とりあえず、ズームの面の考慮はなしの状態でβ版を公開します。いろいろお試し頂ければ幸いです。（ドロップダウンリストから挿入できる機能も作る予定ではいますが、登録できる仕組みを用意するのにそこそこ工数がかかりますので、実装はもうちょっと後になると思います。）
🍘Re:3917◆いえいえ、私もiOS用ブラウザがそんな仕様になっているとはさっぱり知りませんでしたので、新たな知見が得られました。^^; ありがとうございます。とりあえず、ズームの面の考慮はなしの状態でβ版を公開します。いろいろお試し頂ければ幸いです。（ドロップダウンリストから挿入できる機能も作る予定ではいますが、登録できる仕組みを用意するのにそこそこ工数がかかりますので、実装はもうちょっと後になると思います。）
by nishishi. ⌚2023年8月14日(月) 01:03:26〔1年以上前〕 ＜243文字＞ 編集
>>3914
スマホからだと全部ズーム動作になると思ってました……💦
申し訳ありません、訂正ありがとうございます！
>>3915
こちらも申し訳ありません、ズーム動作だけではなくクリックイベント全部無効になるとは知らず……知識不足でお手数お掛けしてしまいました。
コピー自体は便利な機能だと思うのですが……
ベータ版がリリースされたら自分の方でも、スキンか設定でどうにかできないか確かめてみます。ありがとうございます😊
>>3916 （投稿しているうちに更新されていたので追加で……。）
個人的にはシングルタップでもいいと思います。
話を「いつも使う絵文字を使いやすくする」という目的に戻っても良いなら、
「よく使う絵文字」というフラグを立てられるようにして、実装予定のドロップダウンリストで先頭に表示するようにする、という実装をしてほしいです。
Misskey系の絵文字ピッカーがそういう感じで、よく使う絵文字を自由に登録して優先表示できます。
（俗にリアクションピッカーと呼ばれているやつです）
てがろぐのカスタム絵文字がどこまでMisskeyに寄せるか分かりませんが……ユーザーの一意見として投稿いたします🙇♀️
スマホからだと全部ズーム動作になると思ってました……💦
申し訳ありません、訂正ありがとうございます！
>>3915
こちらも申し訳ありません、ズーム動作だけではなくクリックイベント全部無効になるとは知らず……知識不足でお手数お掛けしてしまいました。
コピー自体は便利な機能だと思うのですが……
ベータ版がリリースされたら自分の方でも、スキンか設定でどうにかできないか確かめてみます。ありがとうございます😊
>>3916 （投稿しているうちに更新されていたので追加で……。）
個人的にはシングルタップでもいいと思います。
話を「いつも使う絵文字を使いやすくする」という目的に戻っても良いなら、
「よく使う絵文字」というフラグを立てられるようにして、実装予定のドロップダウンリストで先頭に表示するようにする、という実装をしてほしいです。
Misskey系の絵文字ピッカーがそういう感じで、よく使う絵文字を自由に登録して優先表示できます。
（俗にリアクションピッカーと呼ばれているやつです）
てがろぐのカスタム絵文字がどこまでMisskeyに寄せるか分かりませんが……ユーザーの一意見として投稿いたします🙇♀️
by sakura. ⌚2023年8月14日(月) 00:34:26〔1年以上前〕 ＜512文字＞ 編集
(No.3915の続き)
カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり（iOS・iPadOSでは）絵文字のダブルクリックイベント自体が無効になって（コードをクリップボードにコピーする処理自体が実行されなくなって）しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。（Androidでは問題ありませんでした。）
で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、（ダブルタップでズームするのは）スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。
何か他に良い方法はありますかね……？
とりあえず、touch-action:manipulation; を加えると（iOS・iPadOSでは）コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。
トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。
カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり（iOS・iPadOSでは）絵文字のダブルクリックイベント自体が無効になって（コードをクリップボードにコピーする処理自体が実行されなくなって）しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。（Androidでは問題ありませんでした。）
で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、（ダブルタップでズームするのは）スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。
何か他に良い方法はありますかね……？
とりあえず、touch-action:manipulation; を加えると（iOS・iPadOSでは）コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。
トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。
by nishishi. ⌚2023年8月14日(月) 00:26:01〔1年以上前〕 ＜669文字＞ 編集
おなかがすいた……！
Re:3913◆たしかに、iOS用ブラウザだと、ダブルタップでズームしてしまいますね。同時にコピーもできてはいるようですけども（iPadではズームせずにコピーできました）。試しに、touch-action: manipulation;を加えてみたんですが（今この試験場で動作をお試し頂けます戻しました）、そうするとiOS用ブラウザではそもそもダブルタップによるコピー自体もできなくなってしまったような気がします……。(^_^;;; どうですかね？ もしかして、touch-action: manipulation;を加えた要素では、ダブルタップのイベント自体が無効にされてしまう仕様なんですかね……。Android用ブラウザだと問題ないんですけども。
Re:3914◆Androidでは確かに問題ないですね。iPadでも問題ありませんでした。（もしかしたらスキンと画面サイズの問題かもしれませんが。）
Re:3913◆たしかに、iOS用ブラウザだと、ダブルタップでズームしてしまいますね。同時にコピーもできてはいるようですけども（iPadではズームせずにコピーできました）。試しに、touch-action: manipulation;を加えてみたんですが（Re:3914◆Androidでは確かに問題ないですね。iPadでも問題ありませんでした。（もしかしたらスキンと画面サイズの問題かもしれませんが。）by nishishi. ⌚2023年8月14日(月) 00:00:15〔1年以上前〕 回答/返信 ＜487文字＞ 編集
>>3913
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい？(コピーできないわけじゃないです)
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい？(コピーできないわけじゃないです)
by admin. ⌚2023年8月13日(日) 23:18:11〔1年以上前〕 ＜125文字＞ 編集
こんばんは。いつも楽しくてがろぐを使わせていただいてます。ありがとうございます！
>>3910 で行われているダブルクリックでの絵文字コピーなのですが、スマホ(Safari/iPhone)でダブルタップするとズームされてしまいます
(Safariだけでなく他のスマホ端末でも同じ動作になると思いますが……)
CSSの
touch-action: manipulation;
などで、スキン側で制御することも出来ると思いますが、絵文字機能にダブルクリックコピーを標準実装するなら、合わせてズームしないようにCSSを出力する……などCGI側で制御していただけると大変助かります🙇
お忙しいところお手数ですが、ご一考いただけますと幸いです。
>>3910 で行われているダブルクリックでの絵文字コピーなのですが、スマホ(Safari/iPhone)でダブルタップするとズームされてしまいます
(Safariだけでなく他のスマホ端末でも同じ動作になると思いますが……)
CSSの
touch-action: manipulation;
などで、スキン側で制御することも出来ると思いますが、絵文字機能にダブルクリックコピーを標準実装するなら、合わせてズームしないようにCSSを出力する……などCGI側で制御していただけると大変助かります🙇
お忙しいところお手数ですが、ご一考いただけますと幸いです。
by sakura. ⌚2023年8月13日(日) 23:00:14〔1年以上前〕 ＜320文字＞ 編集
