2023年7月の投稿［80件］
2023年7月31日 この範囲を時系列順で読む この範囲をファイルに出力する
by misaki. ⌚2023年7月31日(月) 13:45:16〔1年以上前〕 ＜91文字＞ 編集
by tomoyo. ⌚2023年7月31日(月) 12:54:38〔1年以上前〕 ＜1文字＞ 編集
by admin. ⌚2023年7月31日(月) 10:57:21〔1年以上前〕 ＜50文字＞ 編集
by nishishi. ⌚2023年7月31日(月) 08:51:08〔1年以上前〕 ＜119文字＞ 編集
ログインの名前、今更ながらにししさんの趣味全開なんだと気がつきました
by sakura. ⌚2023年7月31日(月) 05:29:13〔1年以上前〕 ＜58文字＞ 編集
2023年7月30日 この範囲を時系列順で読む この範囲をファイルに出力する
by nishishi. ⌚2023年7月30日(日) 20:13:45〔1年以上前〕 ＜70文字＞ 編集
[: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:]by nishishi. ⌚2023年7月30日(日) 19:44:06〔1年以上前〕 ＜619文字＞ 編集
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、
こちらで配布されているSVG素材を使わせて頂きました。(感謝)by nishishi. ⌚2023年7月30日(日) 19:24:54〔1年以上前〕 ＜1282文字＞ 編集
2023年7月29日 この範囲を時系列順で読む この範囲をファイルに出力する
2023年7月28日 この範囲を時系列順で読む この範囲をファイルに出力する
自分も>>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...
by sakura. ⌚2023年7月28日(金) 16:09:53〔1年以上前〕 ＜955文字＞ 編集
- 埋め込みたいショート動画の共有用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を使って埋め込みます。
by nishishi. ⌚2023年7月28日(金) 12:37:29〔1年以上前〕 ＜406文字＞ 編集
ところてんも食べました。
🍕Re:3862◆ルビの変換もいろいろ需要があるようですね。
🍕Re:3863◆これなら2行目の'article'を.onelogbodyとかに書き換えるだけで、てがろぐ上でもそのまま使えそうですね。
🍕Re:3864◆了解しました。次のバージョンで、その仕様を採用して出力するようにします。
🍕Re:3865◆さすがにドメインが x.com に変わっても twitter.com からリダイレクトはされ続けるだろうとは思うのですけども、でもまあ、イーロン・マスクは何するか分かりませんしね……。まあ、もしドメインが変更になった場合には、「埋め込みのリンク先がtwitter.comで書かれていてもx.comに変更して出力する」のような機能は作ります。イーロンが、外部サイトへのツイートの埋め込み機能を廃止したりしなければ良いのですけどね……。^^;
by nishishi. ⌚2023年7月28日(金) 12:29:04〔1年以上前〕 回答/返信 ＜424文字＞ 編集
by admin. ⌚2023年7月28日(金) 04:17:37〔1年以上前〕 ＜7文字＞ 編集
2023年7月27日 この範囲を時系列順で読む この範囲をファイルに出力する
by admin. ⌚2023年7月27日(木) 21:57:18〔1年以上前〕 ＜115文字＞ 編集
by admin. ⌚2023年7月27日(木) 16:54:46〔1年以上前〕 ＜74文字＞ 編集
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef
by sakura. ⌚2023年7月27日(木) 15:27:22〔1年以上前〕 ＜146文字＞ 編集
そういえば、それ系の処理を以前にどなたかがJavaScriptで実現なさっていませんでしたっけね……？
↓pixivのルビ記法しか見つけられませんでしたが、これですかね
pixiv記法のままルビタグへ変換するJavaScript
https://ofuse.me/e/26443
by admin. ⌚2023年7月27日(木) 08:02:58〔1年以上前〕 ＜147文字＞ 編集
（※CSSの :has()擬似クラス があらゆるブラウザで使用可能なら、これを使って li:has(.cat-info) みたいに書けば、「cat-infoクラスが含まれているli要素」だけを対象に装飾はできるのですけどもね。残念ながらFirefoxがまだです。）
by nishishi. ⌚2023年7月27日(木) 01:20:02〔1年以上前〕 ＜332文字＞ 編集
[[CATEGORY:TREE]] についてお伺いしたいのですが、各 li にカテゴリIDをクラスとして付与することはできるでしょうか？
by admin. ⌚2023年7月27日(木) 00:43:14〔1年以上前〕 質問/要望 ＜104文字＞ 編集
2023年7月26日 この範囲を時系列順で読む この範囲をファイルに出力する
稼働しているCGIのソースを修正すると、おっしゃるとおりバージョンアップの度に書き換える必要が出てきて面倒ですね。ユーザ指定の文字列を正規表現として解釈して装飾記法に変換できるような設定と動作を加えるのは、（セキュリティ面の配慮も含めると特に）なかなか大変そうなので、JavaScriptで済むならJavaScriptでご対応頂けるとありがたいです。
by nishishi. ⌚2023年7月26日(水) 22:50:47〔1年以上前〕 回答/返信 ＜413文字＞ 編集
さっそく要望なのですが、独自の装飾記法を追加できる設定があると嬉しいです。
たとえばルビを「[R:漢字:ひらがな]」ではなく「｜漢字《ひらがな》」で書けるようにしたりできるように……
まあcomdecorate関数内に（自己責任で勝手に）
$ts =~ s/[|｜]([^|｜\n]+?)《(.+?)》/<ruby>$1<rp>(<\/rp><rt>$2<\/rt><rp>)<\/rp><\/ruby>/g;
などと足してしまってもいいのですが……アップデートのたびに本体を弄りなおすのもどうかというのもあるので。
by admin. ⌚2023年7月26日(水) 16:07:19〔1年以上前〕 ＜282文字＞ 編集
by admin. ⌚2023年7月26日(水) 01:31:03〔1年以上前〕 ＜95文字＞ 編集
2023年7月25日 この範囲を時系列順で読む この範囲をファイルに出力する
🍧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をどうもありがとうございます！
by nishishi. ⌚2023年7月25日(火) 10:26:11〔1年以上前〕 回答/返信 ＜749文字＞ 編集
投稿記事の単独表示時にページタイトル(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回以上強調装飾を使っていないという条件はつきますが…。)
by admin. ⌚2023年7月25日(火) 02:56:56〔1年以上前〕 ＜1927文字＞ 編集
早速のご回答、ありがとうございます！
塩分補給は大事ですが、塩分過多も心配ですね。ご自愛ください。
記述を変更しましたところ、無事にclassに反映されました！
スキンカスタムの自由度が上がって嬉しく思います。
ただ、残念ながら空白スペースは残ってしまいました。。
<div class="onelogbox [[CATEGORYIDS:IFEMPTY:hogehoge]] [[POSTSTATUS]]" id="pos[[LOOPCOUNT]]">
先程の投稿の記述例とclassの順序は、半角スペース位置がわかりやすいかと思い変更しております。
<div class="onelogbox hogehoge " id="pos1">
となります。
これは「機能」のclassが生成されないから、という理由はわかるのですが、方法はございますでしょうか？
by admin. ⌚2023年7月25日(火) 02:03:36〔1年以上前〕 ＜416文字＞ 編集
🍬Re:3852◆てがろぐをご活用下さってありがとうございます。(╹◡╹)ﾉ その場合は、
- [[CATEGORYIDS]] の代わりに
- [[CATEGORYIDS:IFEMPTY:hogehoge]] を使って頂くと
※hogehoge の部分には、何でもお好きな文字列を入れてお使い頂けます。例えば no-cats など分かりやすい文字列を出力なさると良いのではないかと思います。
by nishishi. ⌚2023年7月25日(火) 01:35:31〔1年以上前〕 ＜406文字＞ 編集
カテゴリの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">
表示としては問題ないかと思いますが、記述スタイルとしては少々気になる部分でして、
なにか対処法はございますでしょうか？
大変お手数ですが、お手すきの際にご確認いただけますと幸いです。
何卒よろしくお願いいたします。
by admin. ⌚2023年7月25日(火) 01:02:35〔1年以上前〕 ＜669文字＞ 編集
2023年7月24日 この範囲を時系列順で読む この範囲をファイルに出力する
by admin. ⌚2023年7月24日(月) 22:10:24〔1年以上前〕 ＜3文字＞ 編集
2023年7月19日 この範囲を時系列順で読む この範囲をファイルに出力する
by admin. ⌚2023年7月19日(水) 04:05:35〔1年以上前〕 ＜4文字＞ 編集
スイカたべたーい！
カスタム絵文字楽しいですね。公開楽しみにしてます！