memo
2023年4月21日
アクアレーベルユーザーなのでこないだ新調したばかりなのだが、期間限定レモン味が出ると聞いてめちゃくちゃ欲しくなってる
ウワーッ絶対今持ってるの期間限定レモン味発売中のうちに使い切らない
ウワーッ絶対今持ってるの期間限定レモン味発売中のうちに使い切らない
スパムのIPブロックするっていって100万年経ったし作りかけのスキンはいつまで経っても完成しねーし今週は気温の上昇に体がついていけなくてなんも進んでないし週末はこたつを片付けたいしなんも出来てないままやりたいことだけ溜まってく
とりあえず寝たい……（そんなんだから溜まるのでは……）
とりあえず寝たい……（そんなんだから溜まるのでは……）
2023年4月19日
春はあけぼの 今日は無理ぽよ 洗濯物は明日するわよ
2023年4月18日
定時退社デー時間無駄に使いがち
ハロー！私モズ！カルピスの原液は目安量の2倍入れるし、牛乳パックを逆側から開けちゃうチャーミングな女の子！
ぐぬぬぬぬぬぬぬぬ(さっきの出来事)
ぐぬぬぬぬぬぬぬぬ(さっきの出来事)
公式アカウントNostrで運営しちゃダメ？そっか………
日本語.jp、1300円くらいなんだ…安いな…………
2023年4月17日
4月も中旬をすぎ、ゴールデンウィークの準備しよるのありえんかろ
Twitterの●周年を祝えというシステムからの通知、通知に従いツイートを投稿しても通知バッジが消えない。どうしたら既読になるんだ。カスがよ。
ファビコンがきいてなさそう
元々適当だし………。
イマイチ画像の指定パスの基準がよくわからないので、今度から相対パスで書く時はパス用の独自タグ仕込もう……。
JavaScript系まとめたフォルダ作ったので、とりあえず自分用のスキンはそこにファビコンも突っ込んで対応
配布スキン、次のバージョン待って改修するか。
元々適当だし………。
イマイチ画像の指定パスの基準がよくわからないので、今度から相対パスで書く時はパス用の独自タグ仕込もう……。
JavaScript系まとめたフォルダ作ったので、とりあえず自分用のスキンはそこにファビコンも突っ込んで対応
配布スキン、次のバージョン待って改修するか。
2023年4月16日
動作確認環境としてローカルでサーバー建ててたらIPアドレスで別端末でも見れるよ！というのを知ってめちゃくちゃ捗る〜♪
これまで本番サーバにテスト用のフォルダ作ってそこにアップロードしてたので……めちゃ楽
これまで本番サーバにテスト用のフォルダ作ってそこにアップロードしてたので……めちゃ楽
「BORUTO」3月末で第一部最終回、第二部の製作も決定 9月に「NARUTO」新作アニメ放送も : ニュース - アニメハック
anime.eiga.com/news/...
びっびびびびらせんな 面白くなってきた=最終回の図式はジャンプあるあるなのやめろ！！！！ｳﾜｰｰｰｰｯｯ
ほな二部はBORUTO疾風伝ということで……
#BORUTO 打ち切りみたいなエンドするな しないよな？あと100年やれ
#BORUTO マジで抜け忍になんの？
flexよりgridのほうが好きかも
色設定せっかくカスタムプロパティ使ってるのにめちゃめちゃあほなことしてる気がする
:root{
--h:0;
--s:100%;
--l:100%;
}で.hoge{color:hsl(var(--h),var(--s),var(--l));}で書くんなら
継承するのでカスタムプロパティだけ変更すればいい（輝度を下げたいなら.hoge{--l:80%;}とだけ書けばいいみたいな）やり方をよく見るんだけど
hsl中にcalc使えるの便利すぎて.hoge{color:hsl(var(--h),var(--s),calc(var(--l) -
20%));}にしちゃう
絵描くときにhslで考えませんか！？
光の・色の三原色がみたいなこと考えたことないし（理屈ではわかるんだけど！）
「ここで輝度をちょっと下げて彩度をあげて…」みたいなこと考えてたらやっぱりhslでcalcが脳直なんだわ
:root{
--h:0;
--s:100%;
--l:100%;
}で.hoge{color:hsl(var(--h),var(--s),var(--l));}で書くんなら
継承するのでカスタムプロパティだけ変更すればいい（輝度を下げたいなら.hoge{--l:80%;}とだけ書けばいいみたいな）やり方をよく見るんだけど
hsl中にcalc使えるの便利すぎて.hoge{color:hsl(var(--h),var(--s),calc(var(--l) -
20%));}にしちゃう
絵描くときにhslで考えませんか！？
光の・色の三原色がみたいなこと考えたことないし（理屈ではわかるんだけど！）
「ここで輝度をちょっと下げて彩度をあげて…」みたいなこと考えてたらやっぱりhslでcalcが脳直なんだわ
2023年4月15日
インターネット「position: fixed;が効かないことはありえません」
私「実際聞かないんだが？！？！」
vivaldiスーパーリロード「ミ゜」
Edge「なっとるで（正常）」
私「アーーーーーーッッッ！！！」
vivaldiプライベート窓「なっとるで（正常）」
私「アーーーーーーッッッ！！！！！！！！！！！！！！！！！！！！！！」
私「実際聞かないんだが？！？！」
vivaldiスーパーリロード「ミ゜」
Edge「なっとるで（正常）」
私「アーーーーーーッッッ！！！」
vivaldiプライベート窓「なっとるで（正常）」
私「アーーーーーーッッッ！！！！！！！！！！！！！！！！！！！！！！」
position: fixed;が動くんですが 何
てがろぐの[[INCLUDE:ファイル名]]を使ってモーダルとかコード用のスプリクトとか一発で差し込めるようにした。
あと[[PATH:CGIDIR]]で相対パスを差し込めればいいんだけど、ローカルでやろうとするとうまくいかない。
よくわかんないんだけど、スプリクトってcgiが存在するディレクトリが基準なのに、cssのパスはスキンのある位置が基準なの、わかるんだけどわかんない。ルートディレクトリから指定すればいいんだけどローカルと本番で階層が違う（これは私が悪いんだけど…）何かしらでルートディレクトリからの相対的な位置を操作する系の何かがあったと思うんだけど、何だったかわかんない。
やりゃあとが楽なのはわかるんだけど…。うう
あと[[PATH:CGIDIR]]で相対パスを差し込めればいいんだけど、ローカルでやろうとするとうまくいかない。
よくわかんないんだけど、スプリクトってcgiが存在するディレクトリが基準なのに、cssのパスはスキンのある位置が基準なの、わかるんだけどわかんない。ルートディレクトリから指定すればいいんだけどローカルと本番で階層が違う（これは私が悪いんだけど…）何かしらでルートディレクトリからの相対的な位置を操作する系の何かがあったと思うんだけど、何だったかわかんない。
やりゃあとが楽なのはわかるんだけど…。うう
hslの中でcalcは使えるべき
原因わかった（雑に絶対パスで書いてた）バカバカ
サファリでhighlight.js何もかも効いてないんだけど。なんで？今朝までできてたのに………ああ〜っわかんない〜😢😢
.deco-pre .hoge::before {
content: "\A";
}でpadding聞かない問題、普通に知識不足かも。
たぶん改行用の\Aとかじゃだめで、全角文字みたいな「存在」（なんていうの？）があるとpadding効いてた。でもこういうことなら全角スペースのままでいいかな。どうせbefore要素だから選択できないし…。
content: "\A";
}でpadding聞かない問題、普通に知識不足かも。
たぶん改行用の\Aとかじゃだめで、全角文字みたいな「存在」（なんていうの？）があるとpadding効いてた。でもこういうことなら全角スペースのままでいいかな。どうせbefore要素だから選択できないし…。
相変わらずの四苦八苦だが、別アカのほうで助けてもらってwhite-space: pre;を追加。
あんまり効いてないと思う。
でも教えてもらわなかったらこれが必要なんだってことすらわかんなかった。
あとcode（インラインブロック）とpre（ブロック）に分けた。
code側ではmax-width: 100%;を指定して記事からはみ出ないようにした。
/* code */
.deco-code {
display: inline-block;
max-width: 100%;
overflow-x: auto;
border-radius: 5px;
padding: 1px 2px;
vertical-align: text-bottom;
white-space: pre;
}
意外とこういうのが効く。PC側から見たスクロールバーダサい問題は後で考えよう。
pre（ブロック）が、むっずい…！
ハイライトjsを捨てればうまくいく方法を教えてもらったが、捨てるのか…。うーん。
いまのとここんな感じ。
/*pre*/
.deco-pre {
display: block;
overflow-x: auto;
border-radius: 5px;
padding: 15px 5px;
white-space: pre;
}
/*インデントなし 要素・クラス*/
.deco-pre :is(.hljs-comment, .hljs-meta .hljs-deletion, .hljs-doctag, .hljs-regexp, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-tag, .hljs-template-tag, .hljs-variable.language_)::before {
content: "\A";
}
/*インデントなし 先頭行の改改行は無効*/
.deco-pre :is(.hljs-comment, .hljs-meta .hljs-deletion, .hljs-doctag, .hljs-regexp, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-tag, .hljs-template-tag, .hljs-variable.language_):first-child:before {
content: "";
}
/*インデントあり プロパティ*/
.deco-pre :is(.hljs-attribute, .hljs-built_in)::before {
content: "\A ";
}
クラスや要素の後に改行文字つっこんでるんだけど、指定してるクラスが１つならいいけど大量にあるとダサい。
大量に書かなければいいか？
こんなに指定してるほうがあんまりないか。
プロパティのところは見ればわかるんだけど、インデントがうまくいかなくて、改行の後に全角スペースつっこんでインデントぽくしてるっていう。
単純にデザインの問題なんだよな。
htmlのほうは単純に改行はできるんだけど、余白がないのでやっぱりwhite-space: pre;が効く状況を作る必要があると思う。
私のやり方が違うのかもしれないけど、にほんごドキュメント にある
hljs.configure({
useBR: true, // 改行にbrタグを使用
tabReplace: ' ', // タブを全角スペース2つに変更
});もあんまり効いてない気がする。
いや、聞いてはいるっぽいんだけど、<br>の出力ができないので
コード記述【本来js側で入れる改行】【スペース】
【beforeで入れた改行】コード記述
になってるので、意味なくなってる。
てがろぐ側では単なるtextに対して何かしらアクションは…。
設定で「投稿内の改行は反映する」としているので、これ以上打つ手がないかも。
いったん終わるか。
コピペ用のjsまでセットできたらたこつぼのほうに投げてもいいかもな。
あんまり効いてないと思う。
でも教えてもらわなかったらこれが必要なんだってことすらわかんなかった。
あとcode（インラインブロック）とpre（ブロック）に分けた。
code側ではmax-width: 100%;を指定して記事からはみ出ないようにした。
/* code */
.deco-code {
display: inline-block;
max-width: 100%;
overflow-x: auto;
border-radius: 5px;
padding: 1px 2px;
vertical-align: text-bottom;
white-space: pre;
}
意外とこういうのが効く。PC側から見たスクロールバーダサい問題は後で考えよう。
pre（ブロック）が、むっずい…！
ハイライトjsを捨てればうまくいく方法を教えてもらったが、捨てるのか…。うーん。
いまのとここんな感じ。
/*pre*/
.deco-pre {
display: block;
overflow-x: auto;
border-radius: 5px;
padding: 15px 5px;
white-space: pre;
}
/*インデントなし 要素・クラス*/
.deco-pre :is(.hljs-comment, .hljs-meta .hljs-deletion, .hljs-doctag, .hljs-regexp, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-tag, .hljs-template-tag, .hljs-variable.language_)::before {
content: "\A";
}
/*インデントなし 先頭行の改改行は無効*/
.deco-pre :is(.hljs-comment, .hljs-meta .hljs-deletion, .hljs-doctag, .hljs-regexp, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-tag, .hljs-template-tag, .hljs-variable.language_):first-child:before {
content: "";
}
/*インデントあり プロパティ*/
.deco-pre :is(.hljs-attribute, .hljs-built_in)::before {
content: "\A ";
}
クラスや要素の後に改行文字つっこんでるんだけど、指定してるクラスが１つならいいけど大量にあるとダサい。
大量に書かなければいいか？
こんなに指定してるほうがあんまりないか。
プロパティのところは見ればわかるんだけど、インデントがうまくいかなくて、改行の後に全角スペースつっこんでインデントぽくしてるっていう。
単純にデザインの問題なんだよな。
htmlのほうは単純に改行はできるんだけど、余白がないのでやっぱりwhite-space: pre;が効く状況を作る必要があると思う。
私のやり方が違うのかもしれないけど、にほんごドキュメント にある
hljs.configure({
useBR: true, // 改行にbrタグを使用
tabReplace: ' ', // タブを全角スペース2つに変更
});もあんまり効いてない気がする。
いや、聞いてはいるっぽいんだけど、<br>の出力ができないので
コード記述【本来js側で入れる改行】【スペース】
【beforeで入れた改行】コード記述
になってるので、意味なくなってる。
てがろぐ側では単なるtextに対して何かしらアクションは…。
設定で「投稿内の改行は反映する」としているので、これ以上打つ手がないかも。
いったん終わるか。
コピペ用のjsまでセットできたらたこつぼのほうに投げてもいいかもな。
2023年4月14日
ブロック要素にするなら横幅設定してオーバーフローも調整する
はみ出たぶんは折り返すよりスクロールにした方が良いかもだがスクロールバーはかっこいいやつにしよう……
はみ出たぶんは折り返すよりスクロールにした方が良いかもだがスクロールバーはかっこいいやつにしよう……
独自記法でクラスcodeとpreを作ってインラインとブロック分けるか。（元々のjsの指定に近い）
<span></span>で指定してもブロック要素なら改行できると思うんだけど、うまくいかない……ので明日もっかい頑張る……うう
あとさすがに余白無さすぎるのでpadding設定してできたら角丸にする
<span></span>で指定してもブロック要素なら改行できると思うんだけど、うまくいかない……ので明日もっかい頑張る……うう
あとさすがに余白無さすぎるのでpadding設定してできたら角丸にする
2023年4月13日
やったー！
<code class="hoge">
ここにコードが書ける
</code>
display:blockにしても改行効かないしまだちょっと調整がいる
改行効かないのはてがろぐのbr無効とjsの改行無効が喧嘩してる気がする……長いコードは諦めるか……。
<code class="hoge">
ここにコードが書ける
</code>
display:blockにしても改行効かないしまだちょっと調整がいる
改行効かないのはてがろぐのbr無効とjsの改行無効が喧嘩してる気がする……長いコードは諦めるか……。
jsの解説記事を探していたらにししふぁくとりーさんの記事にあたる（ｎ回目）
本当にこの方は何でも知っている・・・常に背中…いやそりゃそうなんだけど、改めてこう ありがたいよな…今でも使える更新してくれるcgiを提供してくださっていて…。
シンタックスハイライターPrism.jsの使い方と、必要なときにだけ動的に読み込む方法 - Sakura scope www.nishishi.com/blo...
本当にこの方は何でも知っている・・・常に背中…いやそりゃそうなんだけど、改めてこう ありがたいよな…今でも使える更新してくれるcgiを提供してくださっていて…。
シンタックスハイライト
highlight.js
highlightjs.org/
Prism
prismjs.com/index.ht...
こういうの使ったらてがろぐでもマークダウン使えるかな
処理がぶつかりそうなところはまあ……
ていうかマークダウン自体で書けそうなところは正直てがろぐの独自記法で書けるので、コードのシンタックスハイライトが欲しいだけ
JavaScript | marked.jsを利用してMarkdownをHTMLに変換 - わくわくBank
www.wakuwakubank.com...
処理がぶつかりそうなところはまあ……
ていうかマークダウン自体で書けそうなところは正直てがろぐの独自記法で書けるので、コードのシンタックスハイライトが欲しいだけ
スマホからコード書くのばりめんどい、単なるメモはカタカナでいいか？
2023年4月12日
えーん
黄砂 きょうから北日本～西日本に飛来と予想 交通影響に注意を | NHK | 気象
www3.nhk.or.jp/news/...
2023年4月11日
存在しなくなってから存在しないのが判明するの草
Twitter社消滅 イーロン・マスク氏の「X社」に統合 - ITmedia NEWS www.itmedia.co.jp/ne...
2023年4月9日
アクセス解析見てたらたまによくわかんないドメインからのアクセスあるけど、ミスキーの鯖とかアプリっぽいな。みんなありがとう。ちゃんとプロフ読んでくれて…。
2023年4月8日
やばいMisskey鯖不安定wとか言おうと思ったらウチのインターネットの全てに接続できんくなった完全に俺環
りくじょし、アプリで出して訴えられたら100勝てんみたいなコンセプトとゲーム性で…………。3年間でトレーナーとして、走る女を育てろと……。
同人でボドゲで出したのそれしかないやろ…………。
同人でボドゲで出したのそれしかないやろ…………。
天ホム黙示録、たさきさんが一番天ホムのオタクみたいなコメント出すな………(3月配信は2人がバチバチやっててよかった！！)
私もそう思う
私もそう思う
あーーーーーマミーモン！！！！！！クロックモン！！！！！
お前自身も外宇宙の存在なんかい 全てを食らうものってお前なんかい
