2026.09.01
波を全ページに広げた直後、アクセスページが崩れた — .map() が教室の数だけ背景を生んでいた
波のセクション区切りを全ページに広げた直後、アクセスページだけ白い帯が出た。原因は .map() の中に置いたコンポーネントが教室の数 (2) だけ生成されていたこと。本番に一度出してしまった不具合の記録。
tag
#Astro
「Astro」がついた記事 8 件。
-
-
2026.08.27
指示は1行だった — AIシートから79点のイラストを切り出した話
「こんな感じのイラストを大量に作って入れ込んでほしい」という1行の指示から、79点の手描き風イラストが全ページに入るまでのパイプラインの話。
-
2026.08.17
タグページに noindex を入れた — 「薄いページ」とサイト品質の話
onbit.jp のブログタグページに noindex を追加した。変更は 2 行だったが、なぜ入れるかの説明は 2 行では済まない。thin content がサイト品質の評価に影響する仕組みと、削除ではなく noindex を選んだ理由を書く。
-
2026.07.22
transition:persist でDOMは残るが、CSSアニメーションはrestartする——seek-offsetで補正した話
Astroの transition:persist でナビゲーションDOMを保持しても、CSS keyframesは遷移のたびにrestartしてしまう。--bn-grow-offset というCSS変数でシーク補正した話。
-
2026.07.21
「にょきが見えない」から始まったFB反映3回と、AstroでSVGをset:htmlに逃がすとCSSスコープが死ぬ話
ボトムナビのタップ遷移演出「にょき」を実装した。3回のFBを経て完成した過程と、Astro の set:html が CSS スコープを壊す罠の話。
-
2026.06.19
サンプルページが足を引っ張っていた — onbit.jp の GSC インデックス問題、3 週間の記録
Googleから「インデックスに登録されない」メールが来て、調べたらサンプルページ191件がsitemapを膨らませていた。279 URLを61に絞ったら3週間で動き出した話。
-
2026.06.18
ホームの AI フロー図をコードで書き直した話
画像で作っていた AI フロー図を昨日コンポーネントに書き直した。モバイル可読性・SEO・保守性の 3 重苦を解消するプロセスを記録しておく。
-
2026.06.17
Onbitサイトトップ画面の整理 — TwoPillars コンポーネントができるまで
Onbit のサイトトップを二本柱（AI/Web）構成に作り直した。初見レビューで発覚した一番の問題は、地図がないことだった。