てがろぐ - Fumy Otegaru Memo Logger -

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

新規投稿 管理用




or 管理画面へ

■フリースペース： 編集

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

No.3916, No.3915, No.3914, No.3913, No.3912, No.3911, No.3910［7件］

(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 2023/08/14(月) 00:26:01〔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 にしし 編
>>3913
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい？(コピーできないわけじゃないです)
(125文字) No.3914 at 2023/08/13(日) 23:18:11〔1年以上前〕 by Icon of admin あどみ 編
こんばんは。いつも楽しくてがろぐを使わせていただいてます。ありがとうございます！

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

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

お忙しいところお手数ですが、ご一考いただけますと幸いです。
(320文字) No.3913 at 2023/08/13(日) 23:00:14〔1年以上前〕 by Icon of sakura さくら 編
melonわーいmuscatこれは手軽でmuscat楽しいですね！takoyaki2
(58文字) No.3912 at 2023/08/12(土) 10:58:19〔1年以上前〕 by Icon of misaki みさき 編
> 例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、［:takoyaki:］のようなコードがクリップボードに入ります。
blueberry
ほんとだすごい！！
(94文字) No.3911 at 2023/08/10(木) 12:40:41〔1年以上前〕 by Icon of tomoyo ともよ 編
外に出るだけで滝のような汗が……。_(┐｢ε:)_

本文中に表示されているカスタム絵文字をダブルクリックすると、その絵文字を表示させるためのコードをクリップボードにコピーする機能を加えました。次のβ版(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つも存在しなければスクリプトは出力されません。）
(656文字) No.3910 at 2023/08/09(水) 14:13:43〔1年以上前〕 by NO IMAGE にしし 編

初期表示に戻る

■複合検索：

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

■カテゴリ：

■現在の表示条件での投稿総数： 7件
■最終更新日時： 2025/06/08(日) 15:50:54〔1時間前〕

■日付一覧：

■ハッシュタグ：

■カレンダー：

2023年8月
日月火水木金土
12345
6789101112
13141516171819
20212223242526
2728293031
« 前の月 / 次の月 »

■最近の投稿：

■新着画像リスト：

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

全317個 （総容量 36.08MB）

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