塵が積もって山とならないメモのログ 2025-06-18T21:00:00.000Z https://memolog.org/ Yutaka Yamaguchi https://memolog.org/undefined.html 2025-06-18T21:00:00.000Z

contrast-color()は CSS Color Module Level 5 で定義されている新しい関数の一つで、白か黒のどちらかの色を、背景色に対してコントラストの高い方を自動的に選ぶというもの。アクセシビリティの基準を達成する上で、文字色と背景色のコントラスト比は基本的な項目なので、それがCSSで解決できるようになるのは嬉しい。

https://memolog.org/undefined.html 2025-04-19T04:00:00.000Z

最近まで使っていたPrimitiveを使ったSVGの実装を見直して、WebP画像とどちらが良いかなと比較。

https://memolog.org/undefined.html 2025-04-13T09:40:00.000Z

特に意味はないんだけど、LighthouseのScoreが微妙に100点になっていなかったので、ふたたび100点を目指して修正してみました。

https://memolog.org/undefined.html 2025-04-11T09:30:00.000Z

SVGでないFeatured ImageにはPicture要素を使ってWebPとjpg, pngを出し分けていたのですけど、気がついたらもうWebPが安全に利用できるようになっており、もう全部webpで良いじゃないかということになっていた。

https://memolog.org/undefined.html 2025-04-10T23:15:00.000Z

記事データをベクトル化して、関連記事（メモ）を表示できるか試してみた、というメモ。

https://memolog.org/undefined.html 2025-04-09T00:00:00.000Z

2017年以来スタティックサイトジェネレータとしてHexoを利用していたのですが、急に思い立ってAstroに移行してみました。このシンプルなブログを扱うのに Hexo に不満があったわけでもなく、「そろそろデザイン変えようかなあ」と思い立ったのがきっかけで、「じゃあジェネレータも今どきのにしようかな」という感じで変えました。

https://memolog.org/undefined.html 2025-03-23T18:21:38.000Z

マクロ金融危機入門を読んだ。「マクロ金融危機」とは、危機の発生源や主な増幅要因が金融市場にありながら、それが単なる資産価格の暴落にとどまらず、生産や雇用の縮小といったマクロ経済全体に深刻な影響を与えるような危機のことを指す。本書は3部構成で1部に3章ずつある。第1部では危機がどのように醸成されるかを扱い、第2部では実際に危機が発生し、どのように広がっていくかを描く。第3部では、そうした危機にどう対処すべきかという政策の議論が展開されている。原題は「A Crash Course on Crises」で、まさに危機の入門書または短期集中講座といった内容になっている。

https://memolog.org/undefined.html 2024-11-06T06:33:16.000Z

エブリシング・バブル 終わりと始まりと「エブリシング・バブル」リスクの深層を読んだ。「エブリシング・バブル 終わりと始まり」の方は、エブリシング・バブルはほぼ崩壊していて、現状で残った大きなバブルはAIバブルで、それが弾けた後は「地政学」が経済に大きな影響を及ぼす、という主旨。今後、地政学が経済にどのような影響を与えるかが中心テーマとなっている。

https://memolog.org/undefined.html 2024-11-03T09:00:00.000Z

「量子力学は本当は量子の話ではない」を読んだ。量子論が言う「粒子でもあり波でもある」という二重性や、「猫が死んでいるとも生きているとも言える（測定した瞬間に決定する）」といった重ね合わせ、量子がもつれた物体同士が瞬時に影響を与え合うといった奇妙な現象は、量子世界をイメージするための物語がもたらしたもので、量子力学の理論そのものが持つ本質ではないらしい。微粒子の性質・状態としてイメージしようとするから奇妙に見えるだけで、量子論は「情報の取得方法とその因果的影響」を扱う理論と捉えたほうが、筋が通る、というのが本書の内容。それが量子論の見方として正しいのかどうか、そもそも本書の内容をきちんと理解できてるかどうかわからないけど、そんな気がするかもしれないししないかもしれない（二重性）といった感想を持った。

https://memolog.org/undefined.html 2024-10-28T08:20:00.000Z

長篠合戦を読んだ。長篠の戦いといえば、織田信長が鉄砲を用いた三段撃ちで武田の騎馬隊を打ち破った、という鮮烈なイメージがあるが、実際には後年の脚色や長篠の戦いといえば、織田信長が鉄砲を用いた三段撃ちで武田の騎馬隊を打ち破った、という鮮烈なイメージがあるが、実際には後年の脚色や、各勢力が自らを美化するための「化粧」が多分に含まれているようだ。

https://memolog.org/undefined.html 2024-10-06T17:00:34.000Z

動物心理学入門という本を読んだ。本書によると、「動物心理学」とは「動物を対象とした研究を通して、ヒトの『ココロ』を理解しようとする学問領域」である（p.1 はじめに）。人と動物の異なる点を比較し、共通点を類推することで、ヒトの心理をより深く理解できるのだろうと感じた。

https://memolog.org/undefined.html 2024-09-29T19:00:47.000Z

武家政権成立史では、12世紀に始まった気候の冷涼化が、武家政権の成立にどのような影響を与えたかを探究している。本書では、気候冷涼化による作物の不作が、飢饉を頻発、封戸収入の減少を引き起こし、収入を確保するために荘園が発展し、それにより国司による徴税と荘園権益の衝突が強まり、武力を必要とする時代を生み出していったしている。歴史とは、人間の意図・行動が歴史を作り、動かすというイメージが強いけれど、気候変動という人間には抗いがたい要因が社会的混乱を引き起こし、歴史を形作るという視点は新鮮で説得力があった。

https://memolog.org/undefined.html 2024-09-22T11:32:11.000Z

因果推論の科学を読んだので簡単に紹介。因果推論とは、原因と結果の関係を理解し、それを推論するための方法論。従来の統計学では「XとYの相関関係」を説明できても、実際に知りたいのは「XがYにどう影響を与えているか？」という因果関係だったりする。因果推論は、その点で画期的なアプローチを示している。

https://memolog.org/undefined.html 2022-12-05T09:00:00.000Z

4.10.18.7.1 Autofilling form controls: the autocomplete attributeには、autocomplete属性には2つの利用方法があると書かれている。

https://memolog.org/undefined.html 2022-11-07T17:30:00.000Z

（そんなことするかどうかは置いておいて）たとえばdocker-node-npm-scripti-permission-issue-demoをGithub codespaces上で起動して、`npm ci`して、`npm run build`を実行すると、`permission denied, scandir '/root/.npm/_logs'` というエラーのWARNが発生する。

https://memolog.org/undefined.html 2022-09-30T06:23:42.000Z

jestを28以降に更新したら、jestの実行時に`Unexpected reserved word 'interface'`みたいなエラーが返ってくるようになった。エラーの発生源はbabel-parserでinterfaceは予約語に含まれているため。typescriptで利用しているinterfaceがここでエラーになる。

https://memolog.org/undefined.html 2022-09-18T10:20:39.000Z

Webpackのバージョン5ではコンパイルしたコードにES2015（アロー関数など）が含まれるようになる。これはWebpackが生成する部分に関する仕様なので、babelの設定でES5だけに制限していてもES2015が使われる。IE11ではアロー関数が処理できずに丸ごとエラーとなるので、IE11にまだ対応する必要があれば設定を確認する必要がある（今さらだけど）。

https://memolog.org/undefined.html 2020-11-14T10:44:35.000Z

今回はプログラミングTypeScriptを一通り読んだのでざっくり紹介。TypeScriptはたぶん3年くらい使っていて、特に不自由なく使えるのだけど、けっこう知らないこともあった。

https://memolog.org/undefined.html 2020-09-16T12:45:52.000Z

ふとLighthouseを走らせみたら、微妙に100点行ってなかったので、調整して100点を目指してみた。

https://memolog.org/undefined.html 2020-09-09T13:03:29.000Z

ES.next Newsの9/1の回のメールにあったLogical assignment operators in JavaScriptについて。TypeScript 4.0 から利用可能。