カテゴリ「カテゴリなし」の投稿[4133件](40ページ目)
🍘Re:3917◆いえいえ、私もiOS用ブラウザがそんな仕様になっているとはさっぱり知りませんでしたので、新たな知見が得られました。^^; ありがとうございます。とりあえず、ズームの面の考慮はなしの状態でβ版を公開します。いろいろお試し頂ければ幸いです。(ドロップダウンリストから挿入できる機能も作る予定ではいますが、登録できる仕組みを用意するのにそこそこ工数がかかりますので、実装はもうちょっと後になると思います。)
スマホからだと全部ズーム動作になると思ってました……💦
申し訳ありません、訂正ありがとうございます!
>>3915
こちらも申し訳ありません、ズーム動作だけではなくクリックイベント全部無効になるとは知らず……知識不足でお手数お掛けしてしまいました。
コピー自体は便利な機能だと思うのですが……
ベータ版がリリースされたら自分の方でも、スキンか設定でどうにかできないか確かめてみます。ありがとうございます😊
>>3916 (投稿しているうちに更新されていたので追加で……。)
個人的にはシングルタップでもいいと思います。
話を「いつも使う絵文字を使いやすくする」という目的に戻っても良いなら、
「よく使う絵文字」というフラグを立てられるようにして、実装予定のドロップダウンリストで先頭に表示するようにする、という実装をしてほしいです。
Misskey系の絵文字ピッカーがそういう感じで、よく使う絵文字を自由に登録して優先表示できます。
(俗にリアクションピッカーと呼ばれているやつです)
てがろぐのカスタム絵文字がどこまでMisskeyに寄せるか分かりませんが……ユーザーの一意見として投稿いたします🙇♀️
カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり(iOS・iPadOSでは)絵文字のダブルクリックイベント自体が無効になって(コードをクリップボードにコピーする処理自体が実行されなくなって)しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。(Androidでは問題ありませんでした。)
で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、(ダブルタップでズームするのは)スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。
何か他に良い方法はありますかね……?
とりあえず、touch-action:manipulation; を加えると(iOS・iPadOSでは)コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。
トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい?(コピーできないわけじゃないです)
>>3910 で行われているダブルクリックでの絵文字コピーなのですが、スマホ(Safari/iPhone)でダブルタップするとズームされてしまいます
(Safariだけでなく他のスマホ端末でも同じ動作になると思いますが……)
CSSの
touch-action: manipulation;
などで、スキン側で制御することも出来ると思いますが、絵文字機能にダブルクリックコピーを標準実装するなら、合わせてズームしないようにCSSを出力する……などCGI側で制御していただけると大変助かります🙇
お忙しいところお手数ですが、ご一考いただけますと幸いです。
わーい
これは手軽で
楽しいですね!
ほんとだすごい!!
本文中に表示されているカスタム絵文字をダブルクリックすると、その絵文字を表示させるためのコードをクリップボードにコピーする機能を加えました。次のβ版(4.0.5)からお使い頂けます。(設定でOFFにもできますが、デフォルトではONです。)
例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、[:takoyaki:]のようなコードがクリップボードに入ります。

頻繁に使っているカスタム絵文字なら、いちいちカスタム絵文字の一覧画面からコードをコピーしなくても、直近の投稿に表示されている絵文字をダブルクリックすることでコードをコピーできると楽で良いかな……と思いまして。
この機能をOFFにする場合は下図の場所で。

ここがONだと、カスタム絵文字が表示される場合に限って、「ダブルクリックでコードをクリップボードに格納する」処理をするJavaScriptが出力されます。(ここがONでも、そのページ内にカスタム絵文字が1つも存在しなければスクリプトは出力されません。)
ご丁寧にありがとうございます~~!
絵文字一覧も見やすいです!実装楽しみにしてます~!
解決しました!ありがとうございます!
見落としてました。ありがとうございます。
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ(iPhone)で確認したところこちらは縦並べのままになっています。
(キャッシュクリア・複数ブラウザでも試しましたが同じく)
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
XAMPPに含まれているApacheを使っててがろぐを表示させることができました!
ありがとうございます








