てがろぐ
- Fumy Otegaru Memo Logger -
カテゴリ「カテゴリなし」の投稿［3961件］（35ページ目）
絵文字が横並びにならない現象
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
絵文字機能実装ありがとうございます！
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ（iPhone）で確認したところこちらは縦並べのままになっています。
（キャッシュクリア・複数ブラウザでも試しましたが同じく）
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ（iPhone）で確認したところこちらは縦並べのままになっています。
（キャッシュクリア・複数ブラウザでも試しましたが同じく）
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
てst
あっ…>>3894を入力している間に内容がかぶってしまった😅失礼しました
>>3892
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
3887で質問させていただいた者です。
XAMPPに含まれているApacheを使っててがろぐを表示させることができました！
ありがとうございます
XAMPPに含まれているApacheを使っててがろぐを表示させることができました！
ありがとうございます
テストtest
日付境界バーの要望出した者です。
こんなに早く実装していただけるとは思いませんでした！
早速スキン作ってますが思ったとおりに出来そうです。ありがとうございます！
こんなに早く実装していただけるとは思いませんでした！
早速スキン作ってますが思ったとおりに出来そうです。ありがとうございます！
自分用の日記として「てがろぐ」をローカル環境で使おうとしているのですが、
Perl 5をローカル環境で使う方法が調べてもわからず行き詰っています。
レンタルサーバーを借りることも考えたのですが、私はまだ小６で未成年なので両親に相談したところ断られてしまい、
（理由としては金銭面的なところと、そもそもサーバーを借りて公開するということに好意的ではなく、両親曰く
「ネットに公開するってことは個人情報を全国の人に知られるってことでしょ？そんなの許すわけないじゃん。我慢しなさい」）ということらしく、
プライベートなことを書こうとしているので公開してしまうと私自身が心配だということでローカル環境で使おうとしています。
ダウンロードもあまりするな、と言われておりどうしたらいいかわかりません。
なのでどうしたらローカルで使うことができるかどうかを教えていただけるとありがたいです。
何か必要な情報がありましたら言ってくださると見つけ次第書き足していきます
よろしくお願いします
長文失礼しました。
環境
Windows11
Perl 5をローカル環境で使う方法が調べてもわからず行き詰っています。
レンタルサーバーを借りることも考えたのですが、私はまだ小６で未成年なので両親に相談したところ断られてしまい、
（理由としては金銭面的なところと、そもそもサーバーを借りて公開するということに好意的ではなく、両親曰く
「ネットに公開するってことは個人情報を全国の人に知られるってことでしょ？そんなの許すわけないじゃん。我慢しなさい」）ということらしく、
プライベートなことを書こうとしているので公開してしまうと私自身が心配だということでローカル環境で使おうとしています。
ダウンロードもあまりするな、と言われておりどうしたらいいかわかりません。
なのでどうしたらローカルで使うことができるかどうかを教えていただけるとありがたいです。
何か必要な情報がありましたら言ってくださると見つけ次第書き足していきます
よろしくお願いします
長文失礼しました。
環境
Windows11
お試し
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇
あいうえお
8月！
>> もしかして、プログラミングに費やした時間よりも、ヘルプドキュメントを書く方に多くの時間が掛かっているのでは……。
原稿本文は書き上げたけど、そこから印刷原稿を作成する方が時間が掛かって、締め切りギリギリになって冷や汗かくのと同じことかなって思いました。
(そして入稿後に、印刷所から原稿不備で連絡が来るまでがワンセット。)
原稿本文は書き上げたけど、そこから印刷原稿を作成する方が時間が掛かって、締め切りギリギリになって冷や汗かくのと同じことかなって思いました。
(そして入稿後に、印刷所から原稿不備で連絡が来るまでがワンセット。)
スイカたべたーい！
カスタム絵文字楽しいですね。公開楽しみにしてます！
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
配布作業お疲れ様です。ちょっと試してみましたが、ハッシュタグにカスタム絵文字は使えないみたいですね。
カスタム絵文字はこのようにリンクテキスト内に含めることもできます。
Re:3875◆うへへ。(笑)
リンクテキスト内に含めることもできます。Re:3875◆うへへ。(笑)
ログインの名前、今更ながらにししさんの趣味全開なんだと気がつきました
これからヘルプドキュメントを書いて、配布用のパッケージを作って、たぶん明日には Ver 4.0.4β として公開できる予定でいます。たぶん。
カスタム絵文字サンプル。
[:takoyaki:] で が表示されます。実体は、カスタム絵文字ディレクトリにある takoyaki.svg
[:takoyaki2:] で
が表示されます。
[:takoyaki3:] で が表示されます。
デフォルト設定では、高さ 2em で表示されますが、自力でCSSを書けば好きなサイズで表示できます。カスタム絵文字の名称(takoyaki等)がそのままclass名にもなっているので、絵文字によって表示サイズを変化させるようCSSを事前に書いておくこともできます。例えば [:takoyaki:] なら、ce-takoyaki というclass名がimg要素に付加されて出力されます。（ce は Custom Emoji の略です。）
[:aoringo:] 
[:blueberry:] 
[:pineapple:] [:suika:]
[:f-1:] 
[:f-2:] 
[:f-3:]
[:takoyaki:] で
が表示されます。実体は、カスタム絵文字ディレクトリにある takoyaki.svg[:takoyaki2:] で
が表示されます。[:takoyaki3:] で
が表示されます。デフォルト設定では、高さ 2em で表示されますが、自力でCSSを書けば好きなサイズで表示できます。カスタム絵文字の名称(takoyaki等)がそのままclass名にもなっているので、絵文字によって表示サイズを変化させるようCSSを事前に書いておくこともできます。例えば [:takoyaki:] なら、ce-takoyaki というclass名がimg要素に付加されて出力されます。（ce は Custom Emoji の略です。）
[:aoringo:] [:blueberry:] [:pineapple:] [:suika:][:f-1:] [:f-2:] [:f-3:]
Misskeyのようにカスタム絵文字を掲載できるようになった Ver 4.0.4β(未配布) の動作テスト。
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、こちらで配布されているSVG素材を使わせて頂きました。(感謝)
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、
こちらで配布されているSVG素材を使わせて頂きました。(感謝)
🍵Re:3870◆長いバージョンのたこやき↓
>>3868 たこ焼き可愛い💖
>>3858
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか（なろうの半角括弧・全角括弧は非対応） */
.replace(/[\|｜](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\|｜]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「｜ルビ対象《るびるび》」全角縦棒＋二重山括弧
「|ルビ対象《るびるび》」半角縦棒＋二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「｜《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい～～
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか（なろうの半角括弧・全角括弧は非対応） */
.replace(/[\|｜](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\|｜]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「｜ルビ対象《るびるび》」全角縦棒＋二重山括弧
「|ルビ対象《るびるび》」半角縦棒＋二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「｜《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい～～
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
てがろぐのYouTube埋め込み機能だと、ショート動画は埋め込められないということに気付きました。そのうち対応させますが、今の時点でも以下のように共有用URLを書き換えるとショート動画でも埋め込めます。#🌱豆知識
- 埋め込みたいショート動画の共有用URLが https://www.youtube.com/shorts/7ME7Dv1RFUk?feature=share のとき、このURLから 7ME7Dv1RFUk の部分だけを抜き出します。
- その抜き出した文字列を https://www.youtube.com/watch?v= の後に続けて記載します。つまり、https://www.youtube.com/watch?v=7ME7Dv1RFUk のようなURLを作ります。
- そのURLを使って埋め込みます。
abcdefg
TwitterがXになるとのことですけど、それに伴ってURLが変わるという予想をしている方もいるみたいです。てがろぐのTwitter埋め込みも使えなくなったらと思うとちょっと心配です。まあ今の段階ではまだ何もわからないですけど……
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
