サイトマップ ［5366件］（17ページ目）
➡ 2023年8月14日(月) 00時00分 〔2年以上前〕 回答/返信 No.3915 ✎ ！
Re:3913◆たしかに、iOS用ブラウザだと、ダブルタップでズームしてしまいますね。同時にコピーもできてはいるようですけども（iPadではズームせずにコピーできました）。試しに、touch-action: manipulation;を加えてみたんですが（Re:3914◆Androidでは確かに問題ないですね。iPadでも問題ありませんでした。（もしかしたらスキンと画面サイズの問題かもしれませんが。）➡ 2023年8月13日(日) 23時18分 〔2年以上前〕 No.3914 ✎ ！
スマホはAndroidですが、Chrome、Edge、Firefox、いずれの場合もズームすることはありませんでした。Firefoxだとダブルタップしてもやや反応が悪くてコピーできないことがあるくらい？(コピーできないわけじゃないです)
➡ 2023年8月13日(日) 23時00分 〔2年以上前〕 No.3913 ✎ ！
>>3910 で行われているダブルクリックでの絵文字コピーなのですが、スマホ(Safari/iPhone)でダブルタップするとズームされてしまいます
(Safariだけでなく他のスマホ端末でも同じ動作になると思いますが……)
CSSの
touch-action: manipulation;
などで、スキン側で制御することも出来ると思いますが、絵文字機能にダブルクリックコピーを標準実装するなら、合わせてズームしないようにCSSを出力する……などCGI側で制御していただけると大変助かります🙇
お忙しいところお手数ですが、ご一考いただけますと幸いです。
➡ 2023年8月10日(木) 12時40分 〔2年以上前〕 No.3911 ✎ ！
ほんとだすごい！！
➡ 2023年8月9日(水) 14時13分 〔2年以上前〕 No.3910 ✎ ！
本文中に表示されているカスタム絵文字をダブルクリックすると、その絵文字を表示させるためのコードをクリップボードにコピーする機能を加えました。次のβ版(4.0.5)からお使い頂けます。（設定でOFFにもできますが、デフォルトではONです。）
例えば、これらのカスタム絵文字をダブルクリックしてみて下さい。すると、[:takoyaki:]のようなコードがクリップボードに入ります。
頻繁に使っているカスタム絵文字なら、いちいちカスタム絵文字の一覧画面からコードをコピーしなくても、直近の投稿に表示されている絵文字をダブルクリックすることでコードをコピーできると楽で良いかな……と思いまして。
この機能をOFFにする場合は下図の場所で。
ここがONだと、カスタム絵文字が表示される場合に限って、「ダブルクリックでコードをクリップボードに格納する」処理をするJavaScriptが出力されます。（ここがONでも、そのページ内にカスタム絵文字が1つも存在しなければスクリプトは出力されません。）
➡ 2023年8月6日(日) 22時59分 〔2年以上前〕 No.3905 ✎ ！
➡ 2023年8月6日(日) 18時23分 〔2年以上前〕 回答/返信 No.3903 ✎ ！
Re:3898◆ご報告ありがとうございます。iOS版Safariで確認してみたところ、たしかにご指摘の表示になりますね。もしかしてMac版Safariでもそうなるのでしょうか？ 解決策が2通りありますので、後述します。Re:3899◆たこ焼きアイコンありがとうございます！ たこ焼きが並べられて嬉しいです。(笑) また、解決策もありがとうございます。おっしゃる方法どちらもうまくいきました。以下に記します。▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(1)
➡ SVG画像をテキストエディタで開き、1行目にあるwidthとheightの値を書き換える。
例えば、<svg width="100%" height="100%" viewBox="0 0 32 32" ... のように書かれているなら、このようにすると、CSSに関係なくSVG画像は（iOSでも）横並びになってくれます。
ここを、<svg width="32" height="32" viewBox="0 0 32 32" ... のように書き換えます。
ここが、<svg width="100%" height="100%" viewBox="0 0 50 65" ... のように書かれているなら、
ここを、<svg width="50" height="65" viewBox="0 0 50 65" ... のように書き換えます。
▼SVG画像でのカスタム絵文字が横方向に並ばない場合の対処方法(2)
➡ 横幅の最大値も制限するCSSを追記する。
デフォルト設定では、（カスタム絵文字に対して）てがろぐは style="width:auto; height:auto; max-height:2em; vertical-align:middle;" というCSSを挿入します。ここでは高さの最大値は指定されていますが、横幅の最大値は指定されていません。どうやらiOS版のSafariは、（SVG画像にwidth="100%"があるとき）描画空間として横幅100％を確保してしまうっぽいですね。なので、以下のCSSをスキン等に追記すれば解決します。
.cemoji img { max-width:2em; }
これで横幅も最大2文字分に制限されますので、下図の右側の通り、横に並んでくれました。
ただ、これだと、あらゆる絵文字の横幅が 2em になりますので、もし takoyaki だけに限定して適用したいなら、
.ce-takoyaki img { max-width:2em; }
のようにすると良いかもしれません。
個人的には、SVG画像のソースを書き換えた方が良いのではないかと思いますけども。大きく表示させたいケースがある場合には、SVGソースはそのままで、CSSで対処する方が良いかもしれませんが。
（たぶん、Safariの問題なんでしょうね……？）
🍘動作テスト：
➡ここでは、SVG画像のソースを直接書き換えたバージョンを置いています。
➡開発放言では、SVG画像はそのままで、CSSソースを追記して対処しています。
どちらもiOSで確認しても同じように横並びになっていました。
🍘注意：
上記の対策を施しても、iOS側でブラウザのキャッシュをクリアしないと表示に反映されないのでご注意下さい。
iOS版ブラウザにスーパーリロードの仕組みはないっぽいので、例えばここで紹介されている「閲覧履歴とタブを維持したい場合」の方法で操作するのが良いかもしれません。
➡ 2023年8月6日(日) 15時37分 〔2年以上前〕 No.3899 ✎ ！
3898
たこ焼きのSVG画像を作った者です
たこ焼きの画像以外でも起こる現象だと解決しないかもしれませんが
原因はSVG画像内にwidthとheightが100%で設定されている為だと思います。
なので、
cssでwidthとheightをpxやemなどでサイズを設定すると横並びに表示できるはずです。
又、
SVG画像をテキストエディタで開き、widthとheightを書き換えることでも大丈夫かと思いますが
試していない為、どうなるか不明です。(申し訳ないです)
➡ 2023年8月6日(日) 13時36分 〔2年以上前〕 No.3898 ✎ ！
早速自分のサイトにも導入してみたのですが、導入後デフォルト状態では絵文字画像が縦並べになってしまいます。
→これはCSSでカスタマイズしてdisplay: inline-flex;で横に並ぶようになりました。
ですが、スマホ（iPhone）で確認したところこちらは縦並べのままになっています。
（キャッシュクリア・複数ブラウザでも試しましたが同じく）
PCのディベロッパーツールではちゃんと横並べになっているので、メディアクエリの問題でもなさそうです。
また、他の方に表示確認をしたところ、Androidでは横並べ表示されるという報告をいただいています。
こちらの掲示板内の絵文字も同じように、PCで確認すると横になっているものがスマホだと縦に見える状態です。
色々調べてみたのですが、素人なのでよくわからなくなってしまいましたので、書き込みさせていただきました。
お手数ですが、考えられる原因や解決方法などあればご教授いただきたく思います。よろしくお願いいたします。
#質問
➡ 2023年8月5日(土) 18時20分 〔2年以上前〕 No.3894 ✎ ！
▼半角文字・全角文字・空白の混在するハッシュタグを書きたい場合
▼ハッシュタグの角括弧を表示上では消す方法
に書いてあるように、角括弧で囲むと全角半角の混在やスペースが含まれる単語もハッシュタグになりますよ。
入力する時には角括弧が必要ですが、表示上では消すこともできます。
#[Français] #[Español] #[ポケモンLOVE]
➡ 2023年8月4日(金) 14時30分 〔2年以上前〕 回答/返信 No.3890 ✎ ！
Re:3887◆小6でCGIをローカルで使おうとは将来有望ですね！てがろぐをWindowsローカル環境で動作させるには、➊Perlをインストールして、➋ウェブサーバを動作させて、➌ブラウザでhttp://localhost/(設置先)/tegalog.cgiにアクセスする……という3ステップが必要です。
- まず、Perlをローカルで使うには、XAMPPをダウンロードしてインストールして下さい。これを入れると、PerlだけでなくPHPとか諸々も入りますが、とりあえずPerlも入ります。Perlは単独のパッケージをダウンロードしてきてインストールする手もあるのですが、XAMPPのパッケージからインストールすると、てがろぐが必要としているモジュールも同時に入るメリットがあります(たぶん)。
- で、XAMPPをインストールできたらPerlの実行環境は手に入りますので、あとはローカルでWebサーバを動作させれば良いだけです。
- Windows環境ならAN HTTPDというウェブサーバが手軽でお勧めです。説明はリンク先に書いてあります。AN HTTPDを使う場合はtegalog.cgiの中身を書き換える必要なくそのまま動きます。
- そのほか、ウェブサーバとしては他にも（少々設定に手間が掛かりますが）XAMPPに含まれているApacheを使う手もあります。その辺の説明は、『てがろぐをXAMPPで確認したいっ！』が分かりやすく解説されていて良さそうに思いますのでご参照下さい。
- あとは、ブラウザで http://localhost/(設置先)/tegalog.cgi 等にアクセスすると良いです。頑張って下さい。
Re:3888◆お役に立ったようで良かったです。(╹◡╹)ﾉ➡ 2023年8月3日(木) 19時09分 〔2年以上前〕 No.3888 ✎ ！
こんなに早く実装していただけるとは思いませんでした！
早速スキン作ってますが思ったとおりに出来そうです。ありがとうございます！
➡ 2023年8月3日(木) 18時15分 〔2年以上前〕 No.3887 ✎ ！
Perl 5をローカル環境で使う方法が調べてもわからず行き詰っています。
レンタルサーバーを借りることも考えたのですが、私はまだ小６で未成年なので両親に相談したところ断られてしまい、
（理由としては金銭面的なところと、そもそもサーバーを借りて公開するということに好意的ではなく、両親曰く
「ネットに公開するってことは個人情報を全国の人に知られるってことでしょ？そんなの許すわけないじゃん。我慢しなさい」）ということらしく、
プライベートなことを書こうとしているので公開してしまうと私自身が心配だということでローカル環境で使おうとしています。
ダウンロードもあまりするな、と言われておりどうしたらいいかわかりません。
なのでどうしたらローカルで使うことができるかどうかを教えていただけるとありがたいです。
何か必要な情報がありましたら言ってくださると見つけ次第書き足していきます
よろしくお願いします
長文失礼しました。
環境
Windows11
➡ 2023年8月3日(木) 17時35分 〔2年以上前〕 No.3886 ✎ ！
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇
〇〇〇〇〇〇〇〇
➡ 2023年8月3日(木) 14時27分 〔2年以上前〕 回答/返信 No.3885 ✎ ！
Re:3877◆お試しありがとうございます。そうですね。実体はただの画像なので、ハッシュタグやカテゴリ名等にカスタム絵文字は使えない仕様になっております。唯一の例外が「リンクテキストには使える」だと思って頂けると良いかもしれません。Re:3879◆お使いのてがろぐでもご活用頂ければ幸いです。(╹◡╹) なお、この動作試験場で使っているスイカ等のアイコンはここで配布しています。Re:3880◆そういえば、もう夏コミまであと10日なんですね。はやい……。Re:3884◆ご試用ありがとうございます！ ご要望もありがとうございます。とりあえず「アップロードされているカスタム絵文字画像を一覧して記法をコピーできる機能」は次のバージョンで加えられるように計画しているところです。プルダウンメニューで選べるようにも検討します。➡ 2023年8月1日(火) 20時04分 〔2年以上前〕 アップデート✨ No.3883 ✎ ！
🆕 Ver 4.0.4βの更新点(概要)：
《▼新機能》
●カスタム絵文字機能。
●日付境界バーの出力状況を選択できる設定オプション。
《▼仕様改善》
●既存画像の挿入記法で、多バイト文字が使われたファイル名も許容する設定を追加。
●カテゴリツリーを構成するli要素にも、カテゴリIDをベースにしたclass名を付加。
●本文中に含まれるコロン記号が数値文字参照「:」として出力される問題(仕様)を修正。
《▼不具合修正》
❎適用スキンを維持するためのリンク自動調整仕様でlink要素に対して不要な調整を加えてしまう不具合を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
（ツイート埋め込み処理中...）Twitterで見る
Mastodonでのアナウンス：Pawoo
➡ 2023年8月1日(火) 11時25分 〔2年以上前〕 No.3880 ✎ ！
原稿本文は書き上げたけど、そこから印刷原稿を作成する方が時間が掛かって、締め切りギリギリになって冷や汗かくのと同じことかなって思いました。
(そして入稿後に、印刷所から原稿不備で連絡が来るまでがワンセット。)
➡ 2023年7月31日(月) 12時54分 〔2年以上前〕 No.3878 ✎ ！
➡ 2023年7月30日(日) 20時13分 〔2年以上前〕 No.3874 ✎ ！
➡ 2023年7月30日(日) 19時44分 〔2年以上前〕 No.3873 ✎ ！
[: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:]➡ 2023年7月30日(日) 19時24分 〔2年以上前〕 No.3872 ✎ ！
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、
こちらで配布されているSVG素材を使わせて頂きました。(感謝)➡ 2023年7月28日(金) 16時09分 〔2年以上前〕 No.3869 ✎ ！
自分も>>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...
➡ 2023年7月28日(金) 12時37分 〔2年以上前〕 No.3868 ✎ ！
- 埋め込みたいショート動画の共有用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を使って埋め込みます。
➡ 2023年7月28日(金) 12時29分 〔2年以上前〕 回答/返信 No.3867 ✎ ！
ところてんも食べました。
🍕Re:3862◆ルビの変換もいろいろ需要があるようですね。
🍕Re:3863◆これなら2行目の'article'を.onelogbodyとかに書き換えるだけで、てがろぐ上でもそのまま使えそうですね。
🍕Re:3864◆了解しました。次のバージョンで、その仕様を採用して出力するようにします。
🍕Re:3865◆さすがにドメインが x.com に変わっても twitter.com からリダイレクトはされ続けるだろうとは思うのですけども、でもまあ、イーロン・マスクは何するか分かりませんしね……。まあ、もしドメインが変更になった場合には、「埋め込みのリンク先がtwitter.comで書かれていてもx.comに変更して出力する」のような機能は作ります。イーロンが、外部サイトへのツイートの埋め込み機能を廃止したりしなければ良いのですけどね……。^^;
➡ 2023年7月27日(木) 21時57分 〔2年以上前〕 No.3865 ✎ ！
➡ 2023年7月27日(木) 15時27分 〔2年以上前〕 No.3863 ✎ ！
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef
➡ 2023年7月27日(木) 08時02分 〔2年以上前〕 No.3862 ✎ ！
そういえば、それ系の処理を以前にどなたかがJavaScriptで実現なさっていませんでしたっけね……？
↓pixivのルビ記法しか見つけられませんでしたが、これですかね
pixiv記法のままルビタグへ変換するJavaScript
https://ofuse.me/e/26443
➡ 2023年7月27日(木) 01時20分 〔2年以上前〕 No.3861 ✎ ！
（※CSSの :has()擬似クラス があらゆるブラウザで使用可能なら、これを使って li:has(.cat-info) みたいに書けば、「cat-infoクラスが含まれているli要素」だけを対象に装飾はできるのですけどもね。残念ながらFirefoxがまだです。）
➡ 2023年7月27日(木) 00時43分 〔2年以上前〕 質問/要望 No.3860 ✎ ！
[[CATEGORY:TREE]] についてお伺いしたいのですが、各 li にカテゴリIDをクラスとして付与することはできるでしょうか？
➡ 2023年7月26日(水) 22時50分 〔2年以上前〕 回答/返信 No.3859 ✎ ！
稼働しているCGIのソースを修正すると、おっしゃるとおりバージョンアップの度に書き換える必要が出てきて面倒ですね。ユーザ指定の文字列を正規表現として解釈して装飾記法に変換できるような設定と動作を加えるのは、（セキュリティ面の配慮も含めると特に）なかなか大変そうなので、JavaScriptで済むならJavaScriptでご対応頂けるとありがたいです。
➡ 2023年7月26日(水) 16時07分 〔2年以上前〕 No.3858 ✎ ！
さっそく要望なのですが、独自の装飾記法を追加できる設定があると嬉しいです。
たとえばルビを「[R:漢字:ひらがな]」ではなく「｜漢字《ひらがな》」で書けるようにしたりできるように……
まあcomdecorate関数内に（自己責任で勝手に）
$ts =~ s/[|｜]([^|｜\n]+?)《(.+?)》/<ruby>$1<rp>(<\/rp><rt>$2<\/rt><rp>)<\/rp><\/ruby>/g;
などと足してしまってもいいのですが……アップデートのたびに本体を弄りなおすのもどうかというのもあるので。
➡ 2023年7月25日(火) 10時26分 〔2年以上前〕 回答/返信 No.3856 ✎ ！
🍧Re:3854◆下記のⒶではなくⒷの順序で書くと、少なくとも引用符内が『半角スペースで終わる』ことは避けられます。
- Ⓐ<div class="onelogbox [[CATEGORYIDS:IFEMPTY:hogehoge]] [[POSTSTATUS]]">
- Ⓑ<div class="onelogbox [[POSTSTATUS]] [[CATEGORYIDS:IFEMPTY:hogehoge]]">
この半角スペースは、てがろぐが生成しているわけではなく、スキンHTMLソースに直接書かれているものですから、てがろぐ側ではどうにもできないのです。HTMLの文法的には半角スペースがいくつ入っていても問題はないので、そのままお使い頂けば良いと思うのですが、どうしても気になる場合は、以下の対処法もあります。
- let pstatus = "[[POSTSTATUS]]"; のようにJavaScriptで変数に入れてから、値がある場合だけclass属性値に合成するようスクリプトを書く。
- <div class="onelogbox"><div class="[[CATEGORYIDS:IFEMPTY:hogehoge]]"><div class="[[POSTSTATUS]]"> のように、div要素を分割する。
🍧Re:3855◆有用なTipsをどうもありがとうございます！
➡ 2023年7月25日(火) 02時56分 〔2年以上前〕 No.3855 ✎ ！
投稿記事の単独表示時にページタイトル(title要素、htmlのtitleタグの中身)へ記事タイトルや投稿本文の一部を入れる方法は以前>>3293さんがjQueryで実現されてましたが、自サイト用にjQueryを使わないJavaScriptで同じようなものを作ったのでお裾分けします。
外側スキンhtmlの最後の方にある遅延読み込みスクリプト群に下記ソースを貼り付けるか、<script>～</script>の中身だけをjsファイルとして保存して遅延読み込みスクリプト群の所から呼び出せば動くはずです。
私のサイトおよびローカル環境の公式スキンで動作確認済みですが、書き方が間違ってる等のツッコミがありましたらお教え下さると幸いです。
ブログタイプスキン向け(本文1行目をタイトルとして入力している、[[COMMENT:TITLE]]系の記法を使っているという環境向け)
<script>畳む
window.addEventListener('load', function() {
let nowurl = location.href; //現在のURL
let singleurl = nowurl.indexOf('postid='); //記事単独表示かをURL内からpostid=の有無で判別
//postid=がURLに含まれる場合のみ実行
if( singleurl != -1){
let Basetitle = document.title; //元のページタイトルを変数に入れておく
let ArticleTitleget = document.querySelector('.logtitle'); //logtitleクラスのhtml要素を取得
let ArticleTitle = ArticleTitleget.innerText; //logtitleクラスのテキストだけ取得
document.title = Basetitle + ' - ' + ArticleTitle; //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
}
});
</script>
標準スキンや昔のツイッターっぽいスキンなど、ブログタイプ以外のスキン向け(Twitterのように、投稿本文の冒頭部分から指定文字数をtitle要素に入れる)
<script>畳む
window.addEventListener('load', function() {
let nowurl = location.href; //現在のURL
let singleurl = nowurl.indexOf('postid='); //記事単独表示かをURL内からpostid=の有無で判別
//postid=がURLに含まれる場合のみ実行
if( singleurl != -1){
let Basetitle = document.title; //元のページタイトルを変数に入れておく
let ArticleTitleget = document.querySelector('.comment'); //commentクラスのhtml要素を取得
let ArticleTitle1 = ArticleTitleget.innerText; //commentクラスのテキストだけ取得
let textcount = 30; //ここで本文から切り出す文字数を指定
let ArticleTitle = ArticleTitle1.substring(0, textcount); //0の部分を変えると切り出し開始位置を変更可能
document.title = Basetitle + ' - ' + ArticleTitle; //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
}
});
</script>
document.querySelector('.●●●')の部分はhtml内のクラス名であれば何でも指定できます。
たとえば私のサイトの場合、投稿記事本文の1行目じゃない部分に強調装飾記法をつけて記事タイトル代わりの表示をしているのですが、decorationEクラスを指定すれば本文内の位置に関係なく強調装飾している部分だけがページタイトルに入ります。(1記事内に1回以上強調装飾を使っていないという条件はつきますが…。)
➡ 2023年7月25日(火) 02時03分 〔2年以上前〕 No.3854 ✎ ！
早速のご回答、ありがとうございます！
塩分補給は大事ですが、塩分過多も心配ですね。ご自愛ください。
記述を変更しましたところ、無事にclassに反映されました！
スキンカスタムの自由度が上がって嬉しく思います。
ただ、残念ながら空白スペースは残ってしまいました。。
<div class="onelogbox [[CATEGORYIDS:IFEMPTY:hogehoge]] [[POSTSTATUS]]" id="pos[[LOOPCOUNT]]">
先程の投稿の記述例とclassの順序は、半角スペース位置がわかりやすいかと思い変更しております。
<div class="onelogbox hogehoge " id="pos1">
となります。
これは「機能」のclassが生成されないから、という理由はわかるのですが、方法はございますでしょうか？
➡ 2023年7月25日(火) 01時35分 〔2年以上前〕 No.3853 ✎ ！
🍬Re:3852◆てがろぐをご活用下さってありがとうございます。(╹◡╹)ﾉ その場合は、
- [[CATEGORYIDS]] の代わりに
- [[CATEGORYIDS:IFEMPTY:hogehoge]] を使って頂くと
※hogehoge の部分には、何でもお好きな文字列を入れてお使い頂けます。例えば no-cats など分かりやすい文字列を出力なさると良いのではないかと思います。
➡ 2023年7月25日(火) 01時02分 〔2年以上前〕 No.3852 ✎ ！
カテゴリのclass読み込みについて質問失礼いたします。
1投稿ごとのボックスのdivにカテゴリclassを追加したいと考えております。
通常のスキンですと以下の通りとなっている部分ですが、
<div class="onelogbox [[POSTSTATUS]]" id="pos[[LOOPCOUNT]]">
このように変更することで、カテゴリIDをclassとして表示することができました。
<div class="onelogbox [[POSTSTATUS]] [[CATEGORYIDS]]" id="pos[[LOOPCOUNT]]">
ですが、未分類カテゴリはclassが生成されず、空白のままとなります。
未分類カテゴリのIDを設定できる箇所はございますか？
見落としがあったなら申し訳ございません。
また、生成後のclass表示の際、なにか機能を含めた場合、こうなると思いますが、
<div class="onelogbox logstatus-fixed categoryID" id="pos1">
カテゴリID・機能がない場合、半角スペースが残ったままになります。
<div class="onelogbox " id="pos1">
表示としては問題ないかと思いますが、記述スタイルとしては少々気になる部分でして、
なにか対処法はございますでしょうか？
大変お手数ですが、お手すきの際にご確認いただけますと幸いです。
何卒よろしくお願いいたします。
➡ 2023年7月18日(火) 12時40分 〔2年以上前〕 No.3849 ✎ ！
➡ 2023年7月17日(月) 21時50分 〔2年以上前〕 No.3847 ✎ ！
➡
2023年7月17日(月)
15時29分
〔2年以上前〕
つぶやき
No.3846
✎
！
個人的にはGUが小島秀夫氏とコラボしたのが一番衝撃でした。うちにTシャツあるですよ…。
➡ 2023年7月16日(日) 23時21分 〔2年以上前〕 回答/返信 No.3844 ✎ ！
🍧Re:3843◆ちょいとご要望の内容が見えてこないので、もう少し詳しく教えて欲しいのですが、
そのモードが「載せているすべての画像を表示する」のであれば
➡ 検討中のイメージリストモードは、新着画像リストと同様に「アップロードされている全部の画像」を「画像だけ」見せる形態です。投稿に掲載されているかどうかに関係なく、投稿に使われていない画像も含めてすべての画像が表示されるモードを想定しています。
「載せている」という表現だと少々曖昧なのでご認識内容が明確には分かりませんが、もし「画像保存用ディレクトリにアップロードされている」という意味でおっしゃっているならその通りですが、「投稿に掲載されている」という意味でおっしゃっているなら若干異なります。
投稿のn枚目を表示
➡ 投稿に含まれるn番目の画像を表示するには [[ONEPICT:n]] 記法が使えますが、この方法では何か不都合がありますか？
クリックすると（個別記事に飛ばず）そのままlightbox等でその投稿に含まれる画像が見れる
➡ これは残念ながら、てがろぐの仕様では無理です。てがろぐでは画像と投稿は紐付いておらず別管理なので、記事を表示しない状態では「どの画像がどこで使われているのか」が何も分からないので、「この画像とこの画像が同じ記事で使われている」といった情報を得る方法がありませんので。（しかも、同じ画像を複数の投稿に使うこともできますから。）
イメージとして<a href="[[GETURL:PICT:1]]" data-lightbox="[[postid]]">みたいな事ができればな〜と
➡ これはまさしくそうスキンに書くことで実現できると思うのですが、そうできない問題が何かありますでしょうか？
➡ 2023年7月16日(日) 17時05分 〔2年以上前〕 No.3843 ✎ ！
イメージリストモードのお話が出ていましたが、そのモードが「載せているすべての画像を表示する」のであれば、差別化として、
- 投稿のn枚目を表示
- クリックすると（個別記事に飛ばず）そのままlightbox等でその投稿に含まれる画像が見れる
というモードもあると嬉しいです。
私も投稿に複数画像を載せる事が多いのですが、イメージとして<a href="[[GETURL:PICT:1]]" data-lightbox="[[postid]]">みたいな事ができればな〜と思いまして。ご検討いただけましたら幸いです。#要望
➡ 2023年7月16日(日) 09時57分 〔2年以上前〕 回答/返信 No.3841 ✎ ！
その「他の部分」をそのままにしてどうにかしたい場合には、確かに「日付別リスト」の部分( .datelistarea )に望みの装飾を書くと良いです。
ただ、その場合は「他の部分を変にした結果」を打ち消すような装飾も一緒に書かないと望みの装飾にならない可能性がありますので、無駄なソースが増えることになりますし、何より「他の装飾を打ち消す方法」を編み出さないと望みの装飾ができません。なので、原因になっている「他の部分」を元に戻す方が楽な可能性もあります。
CSSは「ある部分の変更が別の部分にも及ぶ」という可能性がありますので、『変になった箇所をそのまま放置してさらに変更を加えていく』方法で書き進めると、やがてCSSソースが理解しにくいスパゲッティになっていきます。(^_^;)「ああ、何か変になったな」という場合は、ひたすらUndoして、変にならない状態にまで戻してやり直す方が、結果的には分かりやすいソース（＝将来的にもカスタマイズしやすいソース）を維持できると思います。
➡ 2023年7月16日(日) 09時16分 〔2年以上前〕 No.3840 ✎ ！
3838です。枠線についてありがとうございました！破線に変更できました。
また他の部分を変にしてしまい、日付一覧とRSSフィールド〜の背景色が消えてしまいました。
位置も左側に寄ってしまったのですが、直す箇所としてはCSSのサブ領域(日付別リスト)でしょうか？
➡ 2023年7月16日(日) 00時00分 〔2年以上前〕 回答/返信 No.3839 ✎ ！
- 標準スキンの場合は border-bottom: 1px #ccc dashed; になっていますので、太さ1pxの灰色の破線で表示されます。
- 昔のTwitterっぽいスキンの場合は border-bottom: 1px #e6ecf0 solid; になっていますので、太さ1pxの薄い灰色の実線で表示されます。
CSSをカスタマイズする際は、CSSソースの中で .onelogbox を検索してみて下さい。
➡ 2023年7月15日(土) 23時47分 〔2年以上前〕 No.3838 ✎ ！
3834です。お返事ありがとうございました。
質問した件はなんとか調べて調整できました。
また此処では本文投稿の下が破線になっていますが、これはcssにあるdecoration？で破線にできるでしょうか？
変更、追加する箇所を教えていただきたいです。度々ですみません
➡ 2023年7月15日(土) 16時50分 〔2年以上前〕 回答/返信 No.3837 ✎ ！
🍧Re:3833◆ご返答ありがとうございます。たこ焼きの絵文字はぜひともUnicodeに加えて欲しいのですけどもね～。あれほどたくさん並べて遊べる絵文字もそうそうないんじゃないかと思うんですが。(笑)
🍧Re:3834◆てがろぐのご活用をありがとうございます。どの部分をどんな感じになさりたいか、もう少し具体的に図示などして頂けましたら何らかの回答ができるのではないかと思います。
🍧Re:3835◆ご返答ありがとうございます。ⓐで良いなら実装も簡単なので楽で良いです。(╹◡╹)
🍧Re:3836◆ご返答ありがとうございます。とりあえずⓐで良さそうな感じですね。その方向で計画します。
➡ 2023年7月14日(金) 07時14分 〔2年以上前〕 No.3834 ✎ ！
スキンをツイッターにして作成しているのですが、
投稿文章と画像が左端に寄る、下の空白が狭いので調整したいのですが、どの部分でどう編集すれば良いのでしょうか…？
➡ 2023年7月12日(水) 17時57分 〔2年以上前〕 No.3832 ✎ ！
ⓐ カスタム絵文字専用のディレクトリを1つ管理画面で指定しておく。そのディレクトリ内に例えば takoyaki.png があれば、それを [:takoyaki:] の記述で表示できる。画像のUPには別途FTPソフト等を使う。
ⓑ てがろぐ管理画面上で画像をアップロードし、その画像が「どんな名称でカスタム絵文字として表示されるのか」・「どんな代替文字で出力されるのか」も自由に設定できる。（例えば 20230712175430-admin.png を [:takoyaki:] の記述で表示できるようにし、代替文字には「たこやき」と出力するよう設定できるとか。）
自由度が高くて便利なのは ⓑ ですけども、実装に手間が掛かりそうなので。ⓐ で良いならシンプルな実装で済みそうですけどもね。
ご要望があればお知らせ下さい。
➡ 2023年7月12日(水) 17時49分 〔2年以上前〕 回答/返信 No.3831 ✎ ！
🍉Re:3830◆なるほど、ご回答ありがとうございます。Ⓐなら編集時刻を保存できるようにする拡張だけで済むので（Ⓑよりは）実装しやすそうな気はします。ToDoリストには含めますので、気長にお待ち頂ければ幸いです。
➡ 2023年7月12日(水) 13時33分 〔2年以上前〕 No.3830 ✎ ！
ご回答ありがとうございます。
個人的にはAがいいと思います。Bは再編集時に、新規に投稿にチェックすることで先頭に並べることができますので…
[[DATE]] のように最終更新日時用のタグがあれば管理がしやすいかな、という感じです。
➡ 2023年7月12日(水) 04時03分 〔2年以上前〕 回答/返信 No.3829 ✎ ！
🍧Re:3828◆例えばブログ的に使う場合には特に、最初の投稿日時とは別に更新日時も保持できて両方表示できると便利そうな気はしますね……。ただその場合、並び順はどうなって欲しいですかね？
Ⓐ 最初の投稿日時の順序のまま。
Ⓑ 更新される度に先頭に配置し直される。
➡ 2023年7月10日(月) 19時29分 〔2年以上前〕 回答/返信 No.3825 ✎ ！
㋐ 編集すると投稿日時が編集したタイミングの日時に更新される。
㋑ 投稿日時は投稿日時で表示でき、それとは別に最終更新日時も同時に表示できる。
➡ 2023年7月10日(月) 04時41分 〔2年以上前〕 No.3824 ✎ ！
質問兼要望なのですが、記事の最終更新日を自動で記述する方法はありますでしょうか。現状は作成された日付が自動で表示されますが、その後編集によって内容を変更した際の日付が出れば嬉しいのですが……。元の記事を削除で新規のナンバリングにするのではなく、記事のNo.は変更せず、最終更新(編集)の日付も出力できるタグがあると嬉しいです。
既出の機能または要望であればすみません。
➡ 2023年7月8日(土) 23時46分 〔2年以上前〕 回答/返信 No.3823 ✎ ！
🍧Re:3822◆ご愛用ありがとうございます。(╹◡╹) さんごよみの六曜表示機能は予定していなかったのですが、たしかにカレンダー表示CGIとしてはそういうのもあると良いかもしれませんね。ToDoリストに加えておきます。
➡ 2023年7月8日(土) 08時14分 〔2年以上前〕 No.3822 ✎ ！
いつもてがろぐを愛用しております。大変素敵なツールで、もう手放せない大切なものです。本当にありがとうございます。
この度、さんごよみの方も是非使ってみたいと思い色々と機能をチェックして今からワクワクしております。
さんごよみに要望が一つありまして、カレンダーに六曜を表示する機能の実装は予定されていますでしょうか？ ご検討頂けましたら幸いです。
今後とも開発応援しております！
➡ 2023年7月7日(金) 01時48分 〔2年以上前〕 情報 No.3821 ✎ ！
➡
2023年7月6日(木)
14時28分
〔2年以上前〕
つぶやき
No.3819
✎
！
➡
2023年7月6日(木)
13時59分
〔2年以上前〕
つぶやき
No.3818
✎
！
β版の配布情報も含めて知りたい場合は、動作テスト場の「アップデート✨」カテゴリに限定したRSSフィードを使う手はある。ただし、このカテゴリには誰でも試験投稿できるので悪戯されると困るが。
アップデート✨カテゴリ且つ投稿者をにししさんに限定 すれば万が一悪戯されても問題なさそうですね✌️
てがろぐのRSSフィードはこうして様々な条件にも対応できるのがありがたいです！
β版が出るたびにアップデートしてます。いつもありがとうございます。
➡ 2023年7月6日(木) 13時14分 〔2年以上前〕 回答/返信 No.3817 ✎ ！
🍧Re:3812◆何かテキトーなロイヤリティフリーなアニメーションGIF画像がないかな……と思って探したんですけどもなかなかなかったので、2000年代初頭に発売されたWeb素材本(の付録CD-ROM)に収録されていた素材を掘り出してきて使いました。一体どんな用途を想定して、この走るクマ(？)が作られたのかがかなり謎です。(笑) しかしまあ、ここで楽しんで頂けたなら素材も喜んでいるでしょう。^^;
🍧Re:3815◆今のところ、リンク先のウインドウをどうするかを（一括設定は可能ですが）リンクごとに設定する方法は残念ながらありません。リンクラベルの末尾に :NT と付けると新規タブ(NewTab)で開くよう target="_blank" を加える、みたいな動作になれば良いかな……となんとなく考えてはいます。
🍧Re:3816◆たしかに、リンク先URLによってどうするかを判別する動作なら、JavaScriptで対処可能ですね。
🍧機能追加検討リストからの投票にご協力下さった方々、どうもありがとうございました。需要の傾向は充分に把握できた気がしますので、投票は本日末頃で締めようかなと思っております。
カスタム絵文字を出力しているimg要素のstyle属性値に touch-action:manipulation; を加える方法以外に、例えば本文表示領域である .onelogbody に対して touch-action:manipulation; を加えても、やはり（iOS・iPadOSでは）絵文字のダブルクリックイベント自体が無効になって（コードをクリップボードにコピーする処理自体が実行されなくなって）しまいました。どうも、iOS・iPadOS用ブラウザがそういう動作になる仕様っぽいですね。（Androidでは問題ありませんでした。）
で、iPadで表示させた場合には、カスタム絵文字をダブルタップしてもズームしなかったので、たぶん、（ダブルタップでズームするのは）スキンのデザインと画面サイズとの兼ね合いの問題なのかもしれません。
何か他に良い方法はありますかね……？
とりあえず、touch-action:manipulation; を加えると（iOS・iPadOSでは）コピー自体もできなくなるので、これを加えるわけにはいかなさそうです。スキン側でズーム自体を禁止すればズームはしないでしょうけども、それをCGI側で出力するわけにはいかないので。
トリガーをダブルクリックではなくシングルクリックにする手もあるんですが、シングルクリックだと誤って絵文字を押してしまっただけで、クリップボードの中身を書き換えてしまうことになるので、あまり望ましくないと思うんですよね……。