No.3916
お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)
動作サンプルです。 ご自由にお試し下さい。パスワードguest
で管理画面もお試し頂けます。
■いま見ているスキンは「シンプル日記スキン」です。他に、
標準スキン、
昔のツイッターっぽいスキン(ブルー)、
昔のツイッターっぽいスキン(ピンク)、
付箋型スキン、
ジャーナル(日誌)スキン、
ブログタイプスキン(タイトル付きブログっぽくできるスキン)、
黒板スキン、
チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》
:シンプル日記スキン:
スキンは弄り放題なので、掲載したくない要素はたいてい省けます。このスキンでは投稿者名を一切表示しません。
No.3916
■フリースペース:
ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり(iOS・iPadOSでは)絵文字のダブルクリックイベント自体が無効になって(コードをクリップボードにコピーする処理自体が実行されなくなって)しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。(Androidでは問題ありませんでした。)
で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、(ダブルタップでズームするのは)スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。
何か他に良い方法はありますかね……?
とりあえず、touch-action:manipulation; を加えると(iOS・iPadOSでは)コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。
トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。