メモログ

💡 Personal notes about somthing I'm interested in

「ライフプロジェクト」を読む

みすず書房が出版しているライフプロジェクトを読んだ。子供の成長について何かしらの良いプラクティスが書いてあるかなあとか、最初はそういう面持ちで読んだのだが、そういう本ではなかった。イギリスで継続して行われている大規模コホート研究プロジェクトそのものの物語であった。コホート研究の詳しい説明はWikipediaを参照。喫煙する人と喫煙しない人の集団の時系列の変化をみて、喫煙する集団の将来癌を発症するリスクに有意な差があるかどうかを調べたりとか、そういったことをする。イギリスの大規模コホート研究の最初のものは1946年から行われていて、今年で72年目になる。まさにゆりかごから墓場までのコホート研究と言える。そんな素晴らしい研究も膨大な調査にかかるコストが大きく、繰り返し研究を終了する危機にさらされた。統計的に有意になるように調査人数は多くしないといけないし、過去にさかのぼって質問はできないから、10年後・20年後のことを見据えながら幅広く質問をしないといけない。データの管理も今と比べてすごく面倒な作業だったし、研究をするのも交絡因子の排除がすごく難しい。そういった困難の物語が描かれている。

元のブログからリダイレクトをかける

このブログは今はGitHub Pages上で公開しているが、AWS上でドメイン取得して公開しようかな、でもお金かかるしどうしようかなと微妙に悩んでいた。AWSにしても個人ブログのトラフィックなんて程度が知れているので、たいした金額になることはないとは思いつつも、いつ課金されるかわからないから状況をモニタリングしなければならないというのが圧倒的に面倒臭い… ただその日のメモを残したいだけだというのに。

画像のプレースホルダーとしてインラインSVGを使う

画像が読み込まれた後にレイアウトが動かないように、画像のプレースホルダーを入れた。最初はpng画像をインラインで挿入していたのだけど、svgの方が画像のサイズをみてその場その場で適切なものを作成しやすかったので、svgを使うようにしてみた。処理自体はNode.js(Hexoの処理の中)で行っている。現在のコンテンツの最大幅は750pxなので、それを基準に縦横比が合うようにheightを計算している。

Primitiveを使って画像を変換する

Featured Imageとか言いながら、ただ写真を置くだけなのも何だなあとか思い、Primitiveを使用して、上に表示されている画像を変換してみた。Primitiveは画像を幾何学的なPrimitive(線とか丸、三角、四角)の集まりに変換してくれる。試行錯誤した結果を貼り付けていく。画像の下に変換するときに使用したオプションを添付してある。

Featured Image を設置する

記事のタイトル下によくあるFeatured Imageを設置してみようと思い立って、Unsplashから良い感じの画像をダウンロードして入れてみた。ちょっと大きい気もするけどまあ良いか。ページサイズ的には特に内容と関係ない画像を入れることのメリットはないけど、、しばらくはそのまま使ってみようと思う。

古い記事をインポートする

ブログの古い記事なんてほとんど顧みることはない。ほとんどの記事が「以前は役に立ったかもしれないけど、すでに役には立たない」コードの端切れのようなもので古い記事なんてそのまま放置していつの日かインターネットから姿を消すくらいでもいいかなあとか思っていた。

のだが、数は少ないけどまだ誰かの役に立つかもしれないものもたぶんあるだろうし、過去の時点で自分が何を書いていたのか振り返ることもあるかもしれない(今まで一度もなかったけど)と思い直し、頑張ってインポートをしてみることにした。

新年の抱負を考える

今年は何をするかについて簡単なメモをとっておこうと思う。全部はできないとは思うけど、いくつかは達成したい。

あとブログの更新をできるだけ続ける

HTMLの構造を再確認する

久しくHTML要素について振り返っていなかったので、このタイミングで一度主要な構造についてのHTML要素について振り返ってみようと思う。(TL;DR:適切な見出し要素が大事。あとはおまけ)

Hello Hexo

Gatsby はなかなかに高機能で素晴らしく、React、GraphQL、PWAなど技術的なプレイグラウンドとしても魅力的だったのだけど、結局Hexoにすることにした。

Gatsbyでスタティックサイトを作成する

更新しなくなったブログをリニューアルしようと思って、Gatsby で構築しようと思い立って、今作成してみている。