ファイルをいろいろ整理して、Publishの画像が手元にないことに気がつき、これもAIでどうにかできてしまう感じ。 楽しいなあ。これはかなりの万能感を獲得できる。 そうだなあ。考えてみると、Mac買ったよ、とかもブログとしてさらっと更新したい、という感覚もでてきているかもしれない。 Obsidianで、さらっとやって、俺ももう少し「ブログっぽい見た目」欲しいのかもしれない。 索引は万能にできるし、工夫しがいはあるよなあ。作るの楽しいし。 セミナー案内だけ、早めというか、1日までに完了はさせたい。 あと、たぶんやっぱり気になっているのが、結局これからサイトができたとして、どうやって運営していくのか、というのと、既存の記事の原稿を、ちゃんと管理したい、ということだわ。 obvの文字起こしも、きちんと管理できた方がよさそう。 --- ああそうか Astro使うなら、テンプレートファイルはあった方がいいんだ！ というか、Templaterがあるともっといいのかもしれない。 これは考えておこう。 ミスしないためには、型は重要で、定期的に型を見直せばいい。 これなら、売りやすくもある。 # AIログ # 2025-12-30 作業記録 ## 本日の目標 - HPSポータルをモデルにしたサイト構造の刷新 - コンテンツの整理（動画、記事、用語集、アトミックノートの4モード化） - Git管理対象を `web` ディレクトリのみに最適化 ## 実施内容 - **ポータル構造の刷新**: - `ks` コレクションを `videos` と `articles` に物理的に分割。 - `index.astro` を刷新し、4モード（動画、記事、用語集、ノート）のタブUIを実装。 - **アトミックノートの表示不具合修正**: - コレクション名の不整合（`atomicNotes` vs `atomic-notes`）を修正。 - `topic` フィールドが文字列の場合の `TypeError` を修正。 - `config.ts` のスキーマを柔軟にし、14ファイルのアトミックノートのフロントマターを一括修正。 - **iOS スタイルへの刷新と絵文字活用**: - iOS の「設定」や「ヘルスケア」アプリを参考に、セミナーセクションをタイムライン形式に刷新。 - 入れ子構造を廃止し、モバイルでの横幅を最大限に活用。 - カテゴリーやボタンに適切な絵文字を配置し、直感的なデザインを実現。 - システムフォントスタックを最適化し、絵文字の表示品質を向上。 - **Safari 風スマート・シュリンクヘッダーの実装**: - 下スクロールで完全に隠れ、上スクロールでコンパクトに現れる挙動を実装。 - 左右いっぱいに広がるフル幅デザインと繊細なブラーを導入し、「箱」感を排除。 - `pointer-events` を適切に制御し、表示時の確実な操作性を確保。 - 検索バーを完全に削除し、UI をさらにシンプルに。 - **Git管理の最適化とデプロイ**: - `.git`, `.github`, `.gitignore` を `web` ディレクトリに移動。 - `web` ディレクトリをリポジトリのルートとして再構成。 - `.gitignore` と GitHub Actions (`deploy.yml`) のパス設定を新構成に合わせて更新。 - リモートリポジトリ（GitHub）へプッシュを行い、最新のUI/UX改善を反映しました。 - **デイリーログの規定準拠**: - 保存場所を `_ai/dailylog/` に、ファイル名を `AI_2025-12-30.md` に修正。 ## 意思決定の根拠 - コンテンツの増加に伴い、物理的なディレクトリ分割とモード別のUIを導入することで、ユーザーが目的のコンテンツに辿り着きやすくした。 - Git管理を `web` フォルダに限定することで、サイト構築に関わるコードと設定のみを効率的に管理・デプロイできるようにした。 ## 次回の課題 - アトミックノートの概要抽出ロジックの実装。 - 用語集と各コンテンツの紐付けロジックのさらなる洗練。