ごあいさつ
個人ブログを作りました。これまではZenn.devで書いていましたが一旦はこちらで書いていくことにします。技術系の内容をメインに書く予定です。
使用した技術
Astro
これを使ってみたくてブログを作りました。SSGができてすごい速いらしいです。
使ってみた感想としては、ブログ関係のエコシステムが結構充実しててあんまりコード書かずにサイトを作れました。
Reactとかとの統合が便利っぽいですが、一旦は勉強も兼ねてAstroコンポーネントで書いています。結構JSXに似ていて書きやすいです。
使用した主な関連ライブラリ
- @astrojs/sitemap: サイトマップ生成
- @astrojs/partytown: Google Analytics等のスクリプトを遅延読み込みする
- astro-expressive-code: Markdown内のコードブロックをいいかんじにする
- @expressive-code/plugin-line-numbers: コードブロックに行番号を表示する
- remark-link-card-plus: Markdown内のリンクをカード形式で表示する
- rehype-external-links: Markdown内の外部リンクに属性を追加する
Tailwind CSS
定番のユーティリティファーストなCSSフレームワークです。使い慣れてるので採用しました。
これのおかげでCSSの文法をほぼ忘れました。
採用しなかった候補: pico.css
最初はpico.cssで書いていたのですが、本当に最小限なので結局CSSを書くことになり、Tailwindでいいかとなりました。
HTML要素自身にスタイルが当たっているのでセマンティックなHTMLを強制されるのはすごく良いと思います。HTMLの勉強のためにいつか使うかも。
Cloudflare Pages
GitHub連携が便利で、公式の手順通りにすればmainブランチを更新するだけで自動デプロイの設定ができます。
