AI·稼働中·2026-01
Calendar
CalDAV カレンダー + iOS 登録対応
自身のメインカレンダーとして毎日使用しており、iPhone · MBP · Android すべてに接続しています。
CalDAV 双方向同期と、ブラウザで iOS .mobileconfig を自動生成してワンクリックで登録できます。
技術スタック
制作の動機
Android 端末を導入したのですが、iCloud カレンダーが Android に馴染みませんでした。 iPhone · Mac · Android どこでも同じカレンダーを使いたく、CalDAV 標準をサポートすればあらゆるアプリでそのまま利用できます。
コメント
自身の生活向上のために作り、統合しました: 全デバイスで同じカレンダー、一度の .mobileconfig ダウンロードで iPhone 登録可能。
現在すべての予定をここで管理しています。
主な特徴
- 01CalDAV 双方向同期
- 02iOS .mobileconfig をブラウザで直接生成: plist XML を download、ワンクリックで iOS/macOS に CalDAV 登録可能
- 03Next.js 16 + React 19 + React Compiler 有効、shadcn + Radix + Tailwind 4
- 04@dnd-kit ドラッグ/リサイズ: EventLayout/ResizePreview/MovePreview で複数週 span 衝突を回避
- 05proxy.ts で Vercel WAF を回避: CalDAV の PROPFIND / REPORT など非標準メソッドを caldav.hyns.dev 経由
- 06Server Action 認証 forward + CSRF (Origin/Host)、Nanum Gothic + M+ 1 Code の CJK フォントを直接ホスト
備考
- ·CalDAV サーバロジックは b-hub に実装: 標準クライアントが b-hub を直接呼出
- ·ko / en / jp 多言語、macOS Calendar の UI に着想