ブログシステム誕生記：Windsurf AIで作るPythonブログ

ブラックフライデーの期間中、いくつかのドメインを更新しました。そのうち、以前は放棄しようと思っていたものもありましたが、長年保持していたため更新しました。SEO上、新旧ドメインの価値は異なるため、更新を続けてブログを書き、バックリンクを作ることにしました。

当初はTypechoで簡単なブログを作ろうと思いましたが、数日前にWindsurf AI + Djangoを使った体験がスムーズだったので、Windsurf + Pythonで簡単なシステムを作ることにしました。これにより、ページの最適化と安全性をより良く制御できます。

最初のプロンプト作成からこの記事完成まで1.5日かかり、実質的な開発時間は約5時間です。まるでジェットコースターのような体験でした。

最初の10分でホームページ、記事詳細ページ、カテゴリページ、管理画面、カテゴリ・記事・タグ管理などが完成しました。10分でPython + Django + SQLite3による実用的なブログ管理システムが生成され、非常に驚きました。スクリーンショットをすぐ共有したい気持ちでしたが、まず最適化して記事を書くことにしました。

その後の作業は少し大変でした。主な課題は以下の通りです： - Markdownエディタを追加した後、画像アップロードは成功しましたが、エディタは空のままで保存できませんでした。 - UI調整で、以前問題なかった部分が壊れることがありました。 - VPSにデプロイした際、Pythonライブラリのバージョンがローカルと異なり、依存関係で何度も問題が発生。Windsurfはコンポーネントを置き換えて対応しようとしました。

振り返ると、Windsurf AIの問題ではなく、自分のPythonとDjangoの知識不足が原因でした。熟練者ならすぐに解決できる問題です。OGやRSSなどの標準化タスクでは、Windsurf AIは非常に優秀でした。

最初は全プロンプトを記録しようと思いましたが、途中で問題が多く参考にならないため、最初の10分のプロンプトと比較的完成度の高いプロンプトを以下に示します。

プロンプト1:
個人用簡易ブログ要件
技術:
- Python + Django + SQLite
- フロントエンド: サードパーティライブラリ不要、簡単なレスポンシブ対応
- 管理画面: Django管理画面使用
ページ:
- ホームページ / 記事一覧
- 記事詳細
- Aboutページ
- カテゴリ別記事閲覧
- タグ別記事閲覧
- 検索

---------------
プロンプト2:
ホームページ/記事一覧のレイアウト調整：左70％記事一覧、右30％カテゴリ・最新記事・人気記事・タグ
---------------
プロンプト3:
管理画面エディタ：Markdown編集、画像アップロード、Markdownプレビュー、HTML編集、HTMLプレビュー対応

---------------
プロンプト4:
記事一覧にページネーション追加、記事詳細に前後記事リンク追加

---------------
プロンプト5:
管理画面のセキュリティ確認（ログインなしでアクセス可能かなど）

---------------
プロンプト6:
「F」文字のfavicon.ico（黒文字白背景）と同デザインのSVGロゴ生成

---------------
プロンプト7:
静的ファイル最適化：CSS、JS、HTMLをデプロイ時に圧縮

---------------
プロンプト8:
VPSにNginxをインストール済みの状態でのデプロイ方法

正直、会社の同僚がこれを作ったとしても、時間がかかるかもしれず、コード品質もこのレベルに達しない可能性があります。AIは企業や個人開発者にとって、人件費削減とコード品質向上に大いに役立ちます。

このシステムは、今後もWindsurf AIを活用して継続的に改善・最適化していきます。