てがろぐ
- Fumy Otegaru Memo Logger -
カテゴリ「カテゴリなし」の投稿［4255件］（45ページ目）
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埋め込みも使えなくなったらと思うとちょっと心配です。まあ今の段階ではまだ何もわからないですけど……
🍉Re:3861
css調整の際に、liにもclassがあるととっても助かります……！
ご提案の内容で問題ありません！
実装されると嬉しく思います。
css調整の際に、liにもclassがあるととっても助かります……！
ご提案の内容で問題ありません！
実装されると嬉しく思います。
わたしもどこかで見た気がする。。。確かいろいろなサイトの記法に対応していたはず。
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef
これは検索したらみつけたやつ
各種小説投稿サイトのルビ記法をJavaScriptで実現する - Qiita
https://qiita.com/8amjp/items/d7c46d9dee0da4d530ef
>>3859
↓pixivのルビ記法しか見つけられませんでしたが、これですかね
pixiv記法のままルビタグへ変換するJavaScript
https://ofuse.me/e/26443
そういえば、それ系の処理を以前にどなたかがJavaScriptで実現なさっていませんでしたっけね……？
↓pixivのルビ記法しか見つけられませんでしたが、これですかね
pixiv記法のままルビタグへ変換するJavaScript
https://ofuse.me/e/26443
🍧Re:3860◆ああ、確かに現状では li要素に対しては何のclass名も付加されていないですね。カテゴリツリーを構成するli要素も、例えば <li class="catbranch cat-info"> みたいな感じでclass名を割り振るようにした方が良いですかね？（※catbranch は共通のclass名、cat-info は「infoカテゴリ」固有のclass名）
（※CSSの :has()擬似クラス があらゆるブラウザで使用可能なら、これを使って li:has(.cat-info) みたいに書けば、「cat-infoクラスが含まれているli要素」だけを対象に装飾はできるのですけどもね。残念ながらFirefoxがまだです。）
（※CSSの :has()擬似クラス があらゆるブラウザで使用可能なら、これを使って li:has(.cat-info) みたいに書けば、「cat-infoクラスが含まれているli要素」だけを対象に装飾はできるのですけどもね。残念ながらFirefoxがまだです。）
この度、てがろぐを導入させていただきました。
さっそく要望なのですが、独自の装飾記法を追加できる設定があると嬉しいです。
たとえばルビを「[R:漢字:ひらがな]」ではなく「｜漢字《ひらがな》」で書けるようにしたりできるように……
まあcomdecorate関数内に（自己責任で勝手に）
$ts =~ s/[|｜]([^|｜\n]+?)《(.+?)》/<ruby>$1<rp>(<\/rp><rt>$2<\/rt><rp>)<\/rp><\/ruby>/g;
などと足してしまってもいいのですが……アップデートのたびに本体を弄りなおすのもどうかというのもあるので。
さっそく要望なのですが、独自の装飾記法を追加できる設定があると嬉しいです。
たとえばルビを「[R:漢字:ひらがな]」ではなく「｜漢字《ひらがな》」で書けるようにしたりできるように……
まあcomdecorate関数内に（自己責任で勝手に）
$ts =~ s/[|｜]([^|｜\n]+?)《(.+?)》/<ruby>$1<rp>(<\/rp><rt>$2<\/rt><rp>)<\/rp><\/ruby>/g;
などと足してしまってもいいのですが……アップデートのたびに本体を弄りなおすのもどうかというのもあるので。
🍭Re:3854
ご回答ありがとうございます！
対処法について、確認させていただきました。
JavaScript変数で記述する方法を試してみます。
お早いご返信、誠にありがとうございました！
ご回答ありがとうございます！
対処法について、確認させていただきました。
JavaScript変数で記述する方法を試してみます。
お早いご返信、誠にありがとうございました！
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 134 135 136 137 138 139 140 141 142
