hello,idea | blog

astro build したのに draft: true の記事が消えない。犯人はシェルに固定された NODE_ENV=development で、import.meta.env.PROD が当てにならなくなる落とし穴でした。一部始終を記録します。

2026/05/16

静的サイトに全文検索を入れるならPagefind一択だと思っている。単一ファイルのインライン実装から、モジュール分割・A11y（アクセシビリティ）対応・日本語化まで、育てた検索UIの変遷を記録。

2026/03/03

i18n オプションが効かず sed で強引に乗り切ったコピーボタンの日本語化。その後プラグイン API で正攻法に書き直すまでの試行錯誤の記録。

2026/02/28

rehype-external-links を追加したら Expressive Code のシンタックスハイライトが消えた。原因はプラグインの順序ではなく処理レイヤーの違いだった。トラブルシューティングの一部始終。

2026/02/20

Light/Dark両対応のノート・付箋モチーフデザイン。色選びの試行錯誤、CSS変数を使った実装、そしてアクセシビリティを保ちながら「温かみ」を維持する技術的な工夫について解説します。

2026/02/01

なぜこのブログはノート・付箋モチーフなのか。カフェでアイデア帳を広げる、あの没入感をデジタルで再現したデザインコンセプトと、4色付箋、マスキングテープ、ノート罫線など、こだわりの要素について語ります。

2026/01/31

個人サイトのドメインを .io に決めた経緯について。IT好きとして外せない「I/O」へのこだわりや、SEO的な現実、そして万が一の消失リスクをどう捉えているかを書きました。

2026/01/25

Windows側の1Passwordで管理しているSSH鍵を、WSL2およびVS CodeのDev Container内で安全に利用するための設定手順をまとめました。

2026/01/24

ブログ構築の実装編です。AstroのContent Collectionsを使った記事管理や、あえて動的OGPを見送った理由、「書くハードルを下げる」ためのドラフト機能など、開発の裏側を公開します。

2026/01/21

ブログのデザインコンセプトである「手書きノート」の表現方法について。CSSだけで作る紙の質感や、あえて崩すことで生まれるアナログ感を解説します。

2026/01/18

Blog