はじめに
複数のプロジェクトを同時に進めていると、「あのプロジェクトで何をしたっけ？」「先週の進捗はどこまでだったか？」と混乱することはありませんか？
DevLog Manager は、そんなエンジニアの悩みを解決するために開発したマルチプロジェクト対応の開発ログ管理アプリです。
以下にデモアプリも公開していますのでぜひ試してみてください！
デモURL：DevLog Manager
主な特徴
📊 複数プロジェクトの一元管理
- 最大3つ程度のプロジェクトを同時に管理
- プロジェクトごとにカラーラベルで視覚的に区別
- ダッシュボードで全プロジェクトの状況を一覧表示
✏️ Obsidianライクなリアルタイムマークダウンエディタ
- Milkdown を採用したWYSIWYGエディタ
- 編集しながらリアルタイムでプレビュー
- 右クリックメニューで見出し・リスト・コードブロックなどを簡単挿入
🖼️ クリップボード画像の直接貼り付け
- スクリーンショットを
Ctrl+Vでそのまま貼り付け - Base64形式で保存されるため、外部ストレージ不要
🔗 内部リンク機能
[[プロジェクト名]]や[[プロジェクト名/ログタイトル]]でリンク作成[[を入力するとサジェストが表示され、スムーズにリンクを挿入
☁️ クラウド同期（オプション）
- Supabase 連携で複数デバイス間のデータ同期
- Google認証でかんたんログイン
- ローカルモードでオフライン利用も可能
📱 PWA対応
- ブラウザからインストール可能
- オフラインでも利用可能
技術スタック
| カテゴリ | 技術 |
|---|---|
| フレームワーク | React 18 + TypeScript |
| デスクトップ | Tauri 2.0（Rust） |
| スタイリング | Tailwind CSS |
| エディタ | Milkdown（ProseMirror） |
| データベース | Supabase（PostgreSQL） |
| 認証 | Supabase Auth（Google OAuth） |
| ホスティング | Vercel |
まとめ
DevLog Managerは、複数プロジェクトを抱えるエンジニアの「ログ管理」を効率化するために開発しました。
- 📝 マークダウンでサクサク記録
- 🖼️ スクリーンショットをワンクリックで添付
- 🔗 プロジェクト間のリンクで情報を整理
- ☁️ 必要に応じてクラウド同期
ぜひ試してみてください！フィードバックやプルリクエストも歓迎です。
コメント