今日やったこと
- 01 TECH LABの記事投稿システムを構築開始
- 02 Astro + Content Collectionsの基盤を作成
- 03 最初の記事（この記事）を投稿
まとめ
これがTECH LABの始まり。
システムが動けば、今後の開発ログをリアルタイムで公開できる。Cockpitで書いて、保存して、ブログに反映。このワークフローを実現する。
次は記事投稿フォームの追加。進捗があればまた書く。
DEV TOOLS
TECH LAB システム構築開始
Scroll
TECH LABの記念すべき最初の記事。システム構築の始まりを記録する。
Cockpitアプリで記事を書いて、保存したらブログに反映される。そんなシステムを作ろうと思った。これが全ての始まり。
すべてはここから
道ゐちゃん
開発ログをリアルタイムで公開することを目指してる。
Cockpitアプリで記事を書いて、保存したらブログに自動反映。普通のブログみたいにWordPress開いて〜みたいな手間がない。
今後の開発をリアルタイムで発信していく場所にしたいんよ。
Cockpitアプリで記事を書いて、保存したらブログに自動反映。普通のブログみたいにWordPress開いて〜みたいな手間がない。
今後の開発をリアルタイムで発信していく場所にしたいんよ。
Astro
静的サイト生成
Next.js
Cockpitアプリ
MD
記事フォーマット
1
最初の記事
01
技術スタック
1Astro 5.0：静的サイト生成
2Content Collections：Markdown記事管理
3Cockpit (Next.js)：管理アプリ
この3つを組み合わせて、シームレスな記事投稿システムを作る。
次のステップ
1
記事投稿フォームを追加
Cockpitに記事投稿フォームを追加。タイトル、本文、タグを入力できるようにする。
2
Markdownファイル自動生成
フォームの内容からMarkdownファイルを自動生成。frontmatterも含めて。
3
本格的な記事を書く
システムが動いたら、最初の本格的な記事を書く。開発ログをリアルタイムで公開していく。
関連記事
- Content Collections → Astro Content Collectionsで記事管理
- Claude Code → Claude Codeを1週間使ってみた
