刷新した

長らく使われていたlog.sda1.netですが、広告を貼り付けてみたところ思いのほか収益が入ってきてしまい、これを機に新しいブログを作りました。
技術とは関係ない個人的な内容とか、アドカレの記事とか Google にいい顔されなそうな記事 はこっちに書いていこうと思います。

技術構成 & こだわりポイント

SvelteKitをSSGとして使って作成しています。デプロイは Cloudflare Pages にやっています。今までのブログはデザインを最重視していましたが、こっちは多少アクセシビリティに考慮して読みやすい配色とフォントにしてみました。
また、SEO対策もしっかりしているので、検索エンジンからの流入も期待できるかもしれません。 とかここまでWebStormで打ってたらGitHub Copilotが書いてきましたが、広告を貼り付ける訳でも技術的Tipsをガッチリ書く訳でもないので、ほとんどSEO対策はしていません。

CSPも設定済みで、JavaScriptなしで動作するようになっています。
Noto Sans を使いたかったので Google Fonts から読み込んでますが、このせいか Speed Insight のスコアが微妙です。レンダリング遅延とかいうのに引っかかってるっぽいですが、どうすればいいのか謎です。
トップページの背景は Unsplash から持ってきた画像にフィルターをかけてるだけですが、その他ページのヘッダーの背景は頑張ってCSSで作りました。

以下デバッグ時の残骸です。供養してやってください。

h1ってデカすぎてあんまり使わないよね

大きくてもこんくらいがちょうどいい

Markdownの書式が使えます

• Ya
• BIG NEXRYAI IS WATCHING YOU
• Hey friends! 👋

function greet(name: string) {
	console.log(`Hey ${name}! 👋`)
}

なんかの名言を書けそうな引用ブロック